Pixl: add readme and screenshot (#6529)

* add readme

* update screenshot and theme description

* update new screenshot

* update formatting

pixl/parts/footer.html

@@ -1 +1 @@
-<!-- wp:pattern {"slug":"pixl/footer"} /-->
+<!-- wp:pattern {"slug":"pixl/footer"} /-->

pixl/parts/header.html

@@ -1,15 +1,26 @@
 <!-- wp:group {"layout":{"inherit":"true","type":"constrained"},"style":{"spacing":{"blockGap":"0","padding":{"top":"0","right":"calc(2 * var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002douter))","bottom":"0","left":"calc(2 * var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dspacing\u002d\u002douter))"}}}} -->
-<div class="wp-block-group" style="padding-top:0;padding-right:calc(2 * var(--wp--custom--spacing--outer));padding-bottom:0;padding-left:calc(2 * var(--wp--custom--spacing--outer))"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","verticalAlignment":"top"},"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
-<div class="wp-block-group alignfull"><!-- wp:site-logo {"width":44,"className":"pixl-shadow","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
+<div class="wp-block-group"
+    style="padding-top:0;padding-right:calc(2 * var(--wp--custom--spacing--outer));padding-bottom:0;padding-left:calc(2 * var(--wp--custom--spacing--outer))">
+    <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","verticalAlignment":"top"},"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
+    <div class="wp-block-group alignfull">
+        <!-- wp:site-logo {"width":44,"className":"pixl-shadow","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} /-->
 
-<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"},"align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|30","top":"var:preset|spacing|30","right":"var:preset|spacing|30","left":"var:preset|spacing|30"},"blockGap":"0"},"border":{"width":"2px"}},"className":"pixl-shadow pixl-header"} -->
-<div class="wp-block-group alignfull pixl-shadow pixl-header" style="border-width:2px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"layout":{"type":"flex"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","bottom":"0","left":"var:preset|spacing|20"}}}} -->
-<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--20)"><!-- wp:site-title /--></div>
-<!-- /wp:group -->
+        <!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"},"align":"full","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|30","top":"var:preset|spacing|30","right":"var:preset|spacing|30","left":"var:preset|spacing|30"},"blockGap":"0"},"border":{"width":"2px"}},"className":"pixl-shadow pixl-header"} -->
+        <div class="wp-block-group alignfull pixl-shadow pixl-header"
+            style="border-width:2px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
+            <!-- wp:group {"layout":{"type":"flex"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","bottom":"0","left":"var:preset|spacing|20"}}}} -->
+            <div class="wp-block-group"
+                style="padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--20)">
+                <!-- wp:site-title /-->
+            </div>
+            <!-- /wp:group -->
 
-<!-- wp:navigation {"__unstableLocation":"primary","overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
-<!-- /wp:group --></div>
-<!-- /wp:group --></div>
+            <!-- wp:navigation {"__unstableLocation":"primary","overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /-->
+        </div>
+        <!-- /wp:group -->
+    </div>
+    <!-- /wp:group -->
+</div>
 <!-- /wp:group -->
 
 <!-- wp:spacer {"height":100} -->

pixl/parts/post-meta.html

@@ -1,9 +1,15 @@
 <!-- wp:group -->
-<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex"}} -->
-<div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontSize":"14px"}}} /--></div>
-<!-- /wp:group -->
+<div class="wp-block-group">
+    <!-- wp:group {"layout":{"type":"flex"}} -->
+    <div class="wp-block-group">
+        <!-- wp:post-terms {"term":"category","style":{"typography":{"fontSize":"14px"}}} /-->
+    </div>
+    <!-- /wp:group -->
 
-<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group"><!-- wp:post-terms {"term":"post_tag","style":{"typography":{"fontSize":"14px","textTransform":"lowercase"}}} /--></div>
-<!-- /wp:group --></div>
+    <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+    <div class="wp-block-group">
+        <!-- wp:post-terms {"term":"post_tag","style":{"typography":{"fontSize":"14px","textTransform":"lowercase"}}} /-->
+    </div>
+    <!-- /wp:group -->
+</div>
 <!-- /wp:group -->

pixl/patterns/comments.php

@@ -41,4 +41,4 @@
 <!-- /wp:comments-pagination -->
 
 <!-- wp:post-comments-form /--></div>
-<!-- /wp:comments -->
+<!-- /wp:comments -->

pixl/patterns/footer.php

@@ -27,4 +27,4 @@
     ?>
 </p>
 <!-- /wp:paragraph --></div>
-<!-- /wp:group -->
+<!-- /wp:group -->

pixl/patterns/quote.php

@@ -9,4 +9,4 @@
 
 <!-- wp:pullquote {"style":{"border":{"width":"2px"},"typography":{"fontStyle":"normal","fontWeight":"400","lineHeight":"1.4","letterSpacing":"-0.02em","fontSize":"1.25rem"}},"borderColor":"primary","className":"pixl-shadow"} -->
 <figure class="wp-block-pullquote pixl-shadow has-border-color has-primary-border-color" style="border-width:2px;font-size:1.25rem;font-style:normal;font-weight:400;letter-spacing:-0.02em;line-height:1.4"><blockquote><p><?php echo esc_html__( '"The pain itself is love, the main storage system. Aenean dapibus nisi quis dolor scelerisque egestas. Members of the mass need to feel comfortable and easy. It is important that the lion should invest."', 'pixl' ) ?></p><cite><?php echo esc_html__( 'Unknown', 'pixl' ) ?></cite></blockquote></figure>
-<!-- /wp:pullquote -->
+<!-- /wp:pullquote -->

pixl/readme.txt

@@ -0,0 +1,31 @@
+=== Pixl ===
+Contributors: Automattic
+Requires at least: 6.0
+Tested up to: 6.0
+Requires PHP: 5.7
+License: GPLv2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+
+== Description ==
+
+Description: Pixl is a simple yet opinionated blogging theme inspired by websites of the nineties.
+
+== Changelog ==
+
+= 1.0.0 =
+* Initial release
+
+== Copyright ==
+
+Pixl WordPress Theme, (C) 2022 Automattic, Inc.
+Pixl is distributed under the terms of the GNU GPL.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.

pixl/style.css

@@ -3,9 +3,9 @@ Theme Name: Pixl
 Theme URI: https://github.com/Automattic/themes/tree/trunk/pixl
 Author: Automattic
 Author URI: https://automattic.com/
-Description: Pixl is a Tumblr Inspired Theme
-Requires at least: 5.8
-Tested up to: 5.9
+Description: Pixl is a simple yet opinionated blogging theme inspired by websites of the nineties.
+Requires at least: 6.0
+Tested up to: 6.0
 Requires PHP: 5.7
 Version: 0.0.5
 License: GNU General Public License v2 or later
@@ -25,28 +25,31 @@ Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, feature
 
 /* Links */
 a:where(:not(.wp-element-button)) {
-	text-underline-offset: .3em;
-	/* text-decoration-thickness: 2px; */
+    text-underline-offset: .3em;
+    /* text-decoration-thickness: 2px; */
 }
 
 /*
  * Form elements
  */
 :is(textarea, input:not([type="submit"])) {
-	color: var(--wp--preset--color--foreground);
-	background-color: var(--wp--preset--color--background);
-	border: 2px solid var(--wp--preset--color--primary) !important;
-	outline: none;
+    color: var(--wp--preset--color--foreground);
+    background-color: var(--wp--preset--color--background);
+    border: 2px solid var(--wp--preset--color--primary) !important;
+    outline: none;
     font-size: 0.875rem;
 }
+
 :is(textarea, input:not([type="submit"]))::placeholder {
     color: var(--wp--preset--color--foreground);
     font-weight: 300;
 }
+
 .wp-block-search :is(textarea, input:not([type="submit"])) {
     box-shadow: var(--wp--custom--shadow);
     margin-right: var(--wp--preset--spacing--20);
 }
+
 input[type="checkbox"] {
     appearance: none;
     min-width: 0.75rem;
@@ -54,17 +57,18 @@ input[type="checkbox"] {
     position: relative;
     margin-left: 0;
 }
-input[type="checkbox"]:checked::after	{
-	background-color: var(--wp--preset--color--foreground);
+
+input[type="checkbox"]:checked::after {
+    background-color: var(--wp--preset--color--foreground);
     content: "";
     position: absolute;
     width: 75%;
     height: 75%;
     top: 0;
     left: 0;
-	bottom: 0;
-	right: 0;
-	margin: auto; 
+    bottom: 0;
+    right: 0;
+    margin: auto;
 }
 
 /*
@@ -74,6 +78,7 @@ input[type="checkbox"]:checked::after	{
     padding-top: 0.25rem;
     padding-bottom: 0.25rem;
 }
+
 .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
     background-color: var(--wp--preset--color--background);
     color: var(--wp--preset--color--foreground);
@@ -81,10 +86,10 @@ input[type="checkbox"]:checked::after	{
 }
 
 .wp-block-pullquote cite {
-	font-size: 0.75rem;
-	font-style: normal;
-	font-weight: 300;
-	line-height: 1.6;
+    font-size: 0.75rem;
+    font-style: normal;
+    font-weight: 300;
+    line-height: 1.6;
 }
 
 /* Necessary so the header containing the navigation fills the entire remaining horizontal space, since it is positioned in a flex group with the site logo. */
@@ -97,4 +102,4 @@ input[type="checkbox"]:checked::after	{
     background-color: var(--wp--preset--color--foreground);
     border-color: var(--wp--preset--color--foreground);
     color: var(--wp--preset--color--background);
-}
+}

pixl/templates/404.html

@@ -3,7 +3,7 @@
 <!-- wp:group {"tagName":"main","layout":{"inherit":true}} -->
 <main class="wp-block-group">
 
-	<!-- wp:pattern {"slug":"pixl/404"} /-->
+    <!-- wp:pattern {"slug":"pixl/404"} /-->
 
 </main>
 <!-- /wp:group -->

pixl/templates/archive.html

@@ -1,9 +1,11 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
 <!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} -->
-<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--60)"><!-- wp:query-title {"type":"archive"} /--></div>
+<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--60)">
+    <!-- wp:query-title {"type":"archive"} /-->
+</div>
 <!-- /wp:group -->
 
 <!-- wp:pattern {"slug":"pixl/post-list"} /-->
-	
+
 <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

pixl/templates/blank.html

@@ -1 +1 @@
-<!-- wp:post-content {"layout":{"inherit":true},"lock":{"move":false,"remove":true}} /-->
+<!-- wp:post-content {"layout":{"inherit":true},"lock":{"move":false,"remove":true}} /-->

pixl/templates/header-footer-only.html

@@ -2,8 +2,7 @@
 
 <!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true}} -->
 <main class="wp-block-group">
-
-<!-- wp:post-content {"layout":{"inherit":true},"lock":{"move":false,"remove":true}} /-->
+    <!-- wp:post-content {"layout":{"inherit":true},"lock":{"move":false,"remove":true}} /-->
 </main>
 <!-- /wp:group -->
 

pixl/templates/index.html

@@ -1,5 +1,5 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
 <!-- wp:pattern {"slug":"pixl/post-list"} /-->
-	
+
 <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

pixl/templates/page.html

@@ -1,17 +1,21 @@
-
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
 <!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true}} -->
-<main class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:post-featured-image {"style":{"border":{"width":"2px"}},"borderColor":"primary","className":"pixel-shadow"} /-->
-<!-- wp:post-title /--></div><!-- /wp:group -->
-<!-- wp:post-content {"layout":{"type":"constrained"},"lock":{"move":false,"remove":true}} /-->
-<!-- wp:group {"layout":{"type":"constrained"}} --><div class="wp-block-group">
-    <!-- wp:template-part {"slug":"post-meta"} /-->
-    <!-- wp:spacer {"height":"3rem"} -->
-    <div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
-    <!-- /wp:spacer -->
-<!-- /wp:group --></main>
+<main class="wp-block-group">
+    <!-- wp:group {"layout":{"type":"constrained"}} -->
+    <div class="wp-block-group">
+        <!-- wp:post-featured-image {"style":{"border":{"width":"2px"}},"borderColor":"primary","className":"pixel-shadow"} /-->
+        <!-- wp:post-title /-->
+    </div><!-- /wp:group -->
+    <!-- wp:post-content {"layout":{"type":"constrained"},"lock":{"move":false,"remove":true}} /-->
+    <!-- wp:group {"layout":{"type":"constrained"}} -->
+    <div class="wp-block-group">
+        <!-- wp:template-part {"slug":"post-meta"} /-->
+        <!-- wp:spacer {"height":"3rem"} -->
+        <div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
+        <!-- /wp:spacer -->
+        <!-- /wp:group -->
+</main>
 <!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

pixl/templates/search.html

@@ -2,14 +2,14 @@
 
 <!-- wp:group {"layout":{"inherit":true}} -->
 <div class="wp-block-group">
-	<!-- wp:search /-->
+    <!-- wp:search /-->
 
-	<!-- wp:spacer {"height":"1rem"} -->
-	<div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
+    <!-- wp:spacer {"height":"1rem"} -->
+    <div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
 </div>
 <!-- /wp:group -->
 
 <!-- wp:pattern {"slug":"pixl/post-list"} /-->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

pixl/templates/single.html

@@ -1,17 +1,23 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
 <!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true}} -->
-<main class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:post-featured-image {"style":{"border":{"width":"2px"}},"borderColor":"primary","className":"pixl-shadow"} /-->
-<!-- wp:post-title /--></div><!-- /wp:group -->
-<!-- wp:post-content {"layout":{"type":"constrained"},"lock":{"move":false,"remove":true}} /-->
-<!-- wp:group {"layout":{"type":"constrained"}} --><div class="wp-block-group">
-    <!-- wp:template-part {"slug":"post-meta"} /-->
-    <!-- wp:spacer {"height":"3rem"} -->
-    <div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
-    <!-- /wp:spacer -->
-    <!-- wp:pattern {"slug":"pixl/comments"} /--></div>
-<!-- /wp:group --></main>
+<main class="wp-block-group">
+    <!-- wp:group {"layout":{"type":"constrained"}} -->
+    <div class="wp-block-group">
+        <!-- wp:post-featured-image {"style":{"border":{"width":"2px"}},"borderColor":"primary","className":"pixl-shadow"} /-->
+        <!-- wp:post-title /-->
+    </div><!-- /wp:group -->
+    <!-- wp:post-content {"layout":{"type":"constrained"},"lock":{"move":false,"remove":true}} /-->
+    <!-- wp:group {"layout":{"type":"constrained"}} -->
+    <div class="wp-block-group">
+        <!-- wp:template-part {"slug":"post-meta"} /-->
+        <!-- wp:spacer {"height":"3rem"} -->
+        <div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
+        <!-- /wp:spacer -->
+        <!-- wp:pattern {"slug":"pixl/comments"} /-->
+    </div>
+    <!-- /wp:group -->
+</main>
 <!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

pixl/theme.json

@@ -377,23 +377,23 @@
                 }
             },
             "core/query-pagination": {
-				"elements": {
-					"link": {
-						"typography": {
-							"textDecoration": "none"
-						}
-					}
-				}
-			},
-			"core/query-pagination-next": {
-				"typography": {
-					"fontWeight": "500"
-				}
-			},
+                "elements": {
+                    "link": {
+                        "typography": {
+                            "textDecoration": "none"
+                        }
+                    }
+                }
+            },
+            "core/query-pagination-next": {
+                "typography": {
+                    "fontWeight": "500"
+                }
+            },
             "core/query-pagination-numbers": {
-				"typography": {
-					"fontWeight": "500"
-				},
+                "typography": {
+                    "fontWeight": "500"
+                },
                 "elements": {
                     "link": {
                         "typography": {
@@ -402,12 +402,12 @@
                         }
                     }
                 }
-			},
-			"core/query-pagination-previous": {
-				"typography": {
-					"fontWeight": "500"
-				}
-			},
+            },
+            "core/query-pagination-previous": {
+                "typography": {
+                    "fontWeight": "500"
+                }
+            },
             "core/quote": {
                 "border": {
                     "color": "var(--wp--preset--color--primary)",
@@ -607,4 +607,4 @@
         }
     ],
     "version": 2
-}
+}