Otis: Update theme and prepare for Dotorg submission (#7809)

* Changes from WordPress Playground, to improve the theme and prepare for Dotorg submission:

- Set templates to use font size presets instead of local customizations
- Added font license
- Fixed some spacings that weren't optimized before

* Remove unneeded playground.zip file

* Remove incorrect readme.txt entry

* Add Theme URI

---------

Co-authored-by: Sarah Norris <sarah@sekai.co.uk>
Co-authored-by: Sarah Norris <1645628+mikachan@users.noreply.github.com>

otis/parts/header-2.html

@@ -1,11 +1,11 @@
 <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
 <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns -->
 <div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
-<div class="wp-block-column" style="flex-basis:50%"><!-- wp:site-title {"style":{"typography":{"fontSize":"7rem","fontStyle":"normal","fontWeight":"400"}}} /--></div>
+<div class="wp-block-column" style="flex-basis:50%"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"huge"} /--></div>
 <!-- /wp:column -->
 
 <!-- wp:column {"width":"50%"} -->
-<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-title {"textAlign":"right","style":{"typography":{"fontSize":"7rem","fontStyle":"normal","fontWeight":"300"}}} /--></div>
+<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-title {"textAlign":"right","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"huge"} /--></div>
 <!-- /wp:column --></div>
 <!-- /wp:columns -->
 

otis/parts/header.html

@@ -1,5 +1,5 @@
 <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
-<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:site-title {"style":{"typography":{"fontSize":"7rem","fontStyle":"normal","fontWeight":"400"}}} /-->
+<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"huge"} /-->
 
 <!-- wp:separator -->
 <hr class="wp-block-separator has-alpha-channel-opacity"/>

otis/readme.txt

@@ -18,9 +18,6 @@ Otis is a WordPress block theme that is well-suited for personal blogging. It is
 = 1.0.2 =
 * Lossless image optimization (#7671)
 
-= 1.0.2 =
-* Optimize images (#7671)
-
 = 1.0.1 =
 * Otis: remove theme attribute from template parts (#7246)
 
@@ -42,3 +39,13 @@ 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.
+
+This theme bundles the following third-party resources:
+
+Open Sauce Sans Font
+Copyright (c) 2020 The Open Sauce Sans Authors (https://github.com/marcologous/Open-Sauce-Fonts)
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+License URL: http://scripts.sil.org/OFL 
+-- End of Open Sauce Sans Font credits --

otis/style.css

@@ -29,6 +29,6 @@ Tags: blog, news, portfolio, one-column, wide-blocks, block-patterns, block-styl
  * https://github.com/WordPress/gutenberg/issues/42319
  */
 a {
-	text-decoration-thickness: .0625em !important;
-	text-underline-offset: .15em;
+	text-decoration-thickness: 0.5px !important;
+	text-underline-offset: .1em;
 }

otis/templates/home.html

@@ -1,14 +1,32 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
 <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
-<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:query {"queryId":7,"query":{"perPage":3,"pages":3,"offset":0,"postType":"page","order":"asc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[]},"displayLayout":{"type":"list"},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:query {"queryId":6,"query":{"perPage":"20","pages":0,"offset":0,"postType":"page","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[]}} -->
 <div class="wp-block-query"><!-- wp:post-template -->
-<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"7rem","fontStyle":"normal","fontWeight":"300"}}} /-->
+<!-- wp:post-title {"isLink":true,"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"huge"} /-->
 
-<!-- wp:separator {"opacity":"css"} -->
-<hr class="wp-block-separator has-css-opacity"/>
+<!-- wp:separator -->
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
 <!-- /wp:separator -->
-<!-- /wp:post-template --></div>
+<!-- /wp:post-template -->
+
+<!-- wp:spacer {"height":"140px"} -->
+<div style="height:140px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"},"fontSize":"x-large"} -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination -->
+
+<!-- wp:query-no-results -->
+<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
+<p>There are no published pages yet.</p>
+<!-- /wp:paragraph -->
+<!-- /wp:query-no-results --></div>
 <!-- /wp:query --></div>
 <!-- /wp:group -->
 

otis/templates/index.html

@@ -1,25 +1,9 @@
 <!-- wp:template-part {"slug":"header"} /-->
 
-<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
-<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:query {"queryId":7,"query":{"perPage":3,"pages":0,"offset":0,"postType":"page","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[]},"displayLayout":{"type":"list"},"layout":{"type":"default"}} -->
-<div class="wp-block-query"><!-- wp:post-template -->
-<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"7rem","fontStyle":"normal","fontWeight":"300"}}} /-->
-
-<!-- wp:separator {"opacity":"css"} -->
-<hr class="wp-block-separator has-css-opacity"/>
-<!-- /wp:separator -->
-<!-- /wp:post-template --></div>
-<!-- /wp:query --></div>
-<!-- /wp:group -->
-
-<!-- wp:spacer -->
-<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-
 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
-<div class="wp-block-group alignfull" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:query {"queryId":7,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list"},"align":"full"} -->
-<div class="wp-block-query alignfull"><!-- wp:post-template -->
-<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"x-large"} /-->
+<div class="wp-block-group alignfull" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:query {"queryId":7,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"align":"full"} -->
+<div class="wp-block-query alignfull"><!-- wp:post-template {"layout":{"type":"default"}} -->
+<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"300"},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"fontSize":"x-large"} /-->
 
 <!-- wp:spacer {"height":"10px"} -->
 <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>

otis/templates/page.html

@@ -1,7 +1,7 @@
 <!-- wp:template-part {"slug":"header-2"} /-->
 
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"default"}} -->
-<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"tagName":"main","lock":{"move":false,"remove":false},"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"tagName":"main","lock":{"move":false,"remove":false},"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|60"}},"layout":{"type":"default"}} -->
 <main class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:spacer -->
 <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->

otis/templates/single.html

@@ -10,7 +10,7 @@
 <!-- wp:template-part {"slug":"post-meta","area":"uncategorized"} /--></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":false},"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained","contentSize":"700px","justifyContent":"left"}} -->
+<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":false},"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|60"}},"layout":{"type":"constrained","contentSize":"820px","justifyContent":"left"}} -->
 <main class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:spacer {"height":"10px"} -->
 <div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
@@ -22,12 +22,8 @@
 <!-- /wp:spacer -->
 
 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
-<div class="wp-block-group alignfull" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:separator {"className":"is-style-wide"} -->
-<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>
-<!-- /wp:separator -->
-
-<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"0","bottom":"var:preset|spacing|50","left":"0"}},"border":{"width":"0px","style":"none"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
-<div class="wp-block-group alignfull" style="border-style:none;border-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"><!-- wp:post-navigation-link {"type":"previous","label":"Previous: ","showTitle":true} /-->
+<div class="wp-block-group alignfull" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"0","bottom":"var:preset|spacing|50","left":"0"}},"border":{"top":{"width":"1px"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull" style="border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"><!-- wp:post-navigation-link {"type":"previous","label":"Previous: ","showTitle":true} /-->
 
 <!-- wp:post-navigation-link {"textAlign":"right","label":"Next: ","showTitle":true} /--></div>
 <!-- /wp:group --></div>

otis/theme.json

@@ -31,7 +31,7 @@
 			]
 		},
 		"layout": {
-			"contentSize": "620px",
+			"contentSize": "820px",
 			"wideSize": "1000px"
 		},
 		"spacing": {
@@ -110,11 +110,11 @@
 			"fontSizes": [
 				{
 					"fluid": {
-						"max": "1.0625rem",
-						"min": "0.825rem"
+						"max": "1rem",
+						"min": "0.8rem"
 					},
 					"name": "Small",
-					"size": "1rem",
+					"size": "0.8rem",
 					"slug": "small"
 				},
 				{
@@ -129,10 +129,10 @@
 				{
 					"fluid": {
 						"max": "2rem",
-						"min": "1.75rem"
+						"min": "1.6rem"
 					},
 					"name": "Large",
-					"size": "1.75rem",
+					"size": "1.7rem",
 					"slug": "large"
 				},
 				{
@@ -143,6 +143,15 @@
 					"name": "Extra Large",
 					"size": "3rem",
 					"slug": "x-large"
+				},
+				{
+					"fluid": {
+						"max": "6.5rem",
+						"min": "5.5rem"
+					},
+					"name": "Huge",
+					"size": "6rem",
+					"slug": "huge"
 				}
 			]
 		},
@@ -152,11 +161,38 @@
 		"blocks": {
 			"core/code": {
 				"border": {
+					"bottom": {
+						"style": "none",
+						"width": "0px"
+					},
 					"color": "var(--wp--preset--color--foreground)",
+					"left": {
+						"style": "none",
+						"width": "0px"
+					},
 					"radius": "0.25rem",
+					"right": {
+						"style": "none",
+						"width": "0px"
+					},
 					"style": "solid",
+					"top": {
+						"style": "none",
+						"width": "0px"
+					},
 					"width": "2px"
 				},
+				"color": {
+					"background": "var(--wp--preset--color--primary)",
+					"text": "var(--wp--preset--color--background)"
+				},
+				"elements": {
+					"link": {
+						"color": {
+							"text": "var(--wp--preset--color--background)"
+						}
+					}
+				},
 				"spacing": {
 					"padding": {
 						"bottom": "var(--wp--preset--spacing--50)",
@@ -166,7 +202,9 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "monospace"
+					"fontFamily": "monospace",
+					"fontSize": "var(--wp--preset--font-size--medium)",
+					"lineHeight": "1.8"
 				}
 			},
 			"core/comment-author-name": {
@@ -218,6 +256,11 @@
 					}
 				}
 			},
+			"core/paragraph": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--large)"
+				}
+			},
 			"core/post-author-name": {
 				"elements": {
 					"link": {
@@ -254,7 +297,7 @@
 			},
 			"core/post-navigation-link": {
 				"typography": {
-					"fontSize": "0.8rem"
+					"fontSize": "var(--wp--preset--font-size--large)"
 				}
 			},
 			"core/post-title": {
@@ -273,7 +316,8 @@
 				},
 				"spacing": {
 					"margin": {
-						"bottom": "0"
+						"bottom": "0",
+						"top": "0"
 					}
 				}
 			},
@@ -299,19 +343,20 @@
 					},
 					"width": "1px 0"
 				},
+				"css": "text-align: left",
 				"spacing": {
 					"padding": {
 						"bottom": "var(--wp--preset--spacing--50)",
-						"left": "var(--wp--preset--spacing--50)",
-						"right": "var(--wp--preset--spacing--50)",
+						"left": "0",
+						"right": "0",
 						"top": "var(--wp--preset--spacing--50)"
 					}
 				},
 				"typography": {
-					"fontSize": "var:preset|font-size|large",
+					"fontSize": "var(--wp--preset--font-size--x-large)",
 					"fontStyle": "normal",
-					"fontWeight": "300",
-					"lineHeight": 1.3
+					"fontWeight": "600",
+					"lineHeight": "1.2"
 				}
 			},
 			"core/quote": {
@@ -326,9 +371,9 @@
 					}
 				},
 				"typography": {
-					"fontSize": "var:preset|font-size|medium",
+					"fontSize": "var(--wp--preset--font-size--large)",
 					"fontStyle": "normal",
-					"lineHeight": 1.3,
+					"lineHeight": "1.5",
 					"textDecoration": "none",
 					"textTransform": "none"
 				}
@@ -465,16 +510,16 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "var:preset|spacing|50",
+			"blockGap": "var(--wp--preset--spacing--50)",
 			"padding": {
-				"bottom": "var:preset|spacing|60",
-				"left": "var:preset|spacing|50",
-				"right": "var:preset|spacing|50",
-				"top": "var:preset|spacing|60"
+				"bottom": "var(--wp--preset--spacing--60)",
+				"left": "var(--wp--preset--spacing--50)",
+				"right": "var(--wp--preset--spacing--50)",
+				"top": "var(--wp--preset--spacing--60)"
 			}
 		},
 		"typography": {
-			"fontFamily": "var:preset|font-family|open-sauce-sans",
+			"fontFamily": "var(--wp--preset--font-family--open-sauce-sans)",
 			"fontSize": "1.7rem",
 			"fontStyle": "normal",
 			"fontWeight": "300",
@@ -492,5 +537,5 @@
 		}
 	],
 	"version": 2,
-	"$schema": "https://schemas.wp.org/trunk/theme.json"
+	"$schema": "https://schemas.wp.org/wp/6.5/theme.json"
 }