theme: fix incorrect font naming

parts/nav-menu.html

@@ -1 +1 @@
-<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"}}} /-->
+<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"},"spacing":{"blockGap":"var:preset|spacing|30"}}} /-->

style.css

@@ -36,7 +36,7 @@ with others.
   width: 80px;
   margin-right: 8px;
   height: 36px;
-  border-bottom: 1px solid var(--wp--preset--color--background);
+  border-bottom: 2px solid var(--wp--preset--color--background);
 }
 
 .wp-site-blocks h2::after {
@@ -46,10 +46,10 @@ with others.
   margin-left: 8px;
   height: 36px;
   border-left: 1px solid;
-  border-bottom: 1px solid var(--wp--preset--color--background);
+  border-bottom: 2px solid var(--wp--preset--color--background);
 }
 
-.wp-site-blocks ul {
+.home .wp-site-blocks ul {
   list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
 }
 
@@ -75,3 +75,7 @@ with others.
   align-items: flex-end;
   height: 100%;
 }
+
+.page-template-our-work h2 a {
+  text-decoration: none;
+}

templates/about.html

@@ -18,8 +18,8 @@
   <h3 class="has-text-align-center" style="text-transform:uppercase">Business info</h3>
   <!-- /wp:heading -->
   
-  <!-- wp:paragraph {"align":"center"} -->
+  <!-- wp:paragraph {"align":"center","fontFamily":"ft88"} -->
-  <p class="has-text-align-center">Autonomic Co-operative</p>
+  <p class="has-text-align-center has-ft-88-font-family">Autonomic Co-operative</p>
   <!-- /wp:paragraph --></div>
   <!-- /wp:group -->
   

templates/our-work.html

@@ -0,0 +1,43 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
+  <div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
+  <div class="wp-block-column" style="flex-basis:20%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"188px","right":"64px"}}},"layout":{"type":"constrained"}} -->
+  <div class="wp-block-group" style="padding-top:188px;padding-right:64px"><!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /--></div>
+  <!-- /wp:group --></div>
+  <!-- /wp:column -->
+  
+  <!-- wp:column {"width":"64%"} -->
+  <div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
+  
+  <!-- wp:query {"queryId":40,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","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":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"typography":{"textDecoration":"none"}},"textColor":"secondary"} /-->
+  
+  <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"border":{"width":"1px"}},"borderColor":"primary"} /-->
+  
+  <!-- wp:post-excerpt {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"}}}} /-->
+  <!-- /wp:post-template --></div>
+  <!-- /wp:query -->
+  
+  <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"textColor":"secondary","layout":{"type":"constrained","justifyContent":"center"}} -->
+  <div class="wp-block-group has-secondary-color has-text-color"><!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"14px"}},"fontFamily":"ft88"} -->
+  <h3 class="has-text-align-center has-ft-88-font-family" style="font-size:14px">Useful links</h3>
+  <!-- /wp:heading -->
+  
+  <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
+  <p class="has-text-align-center has-link-color has-small-font-size" style="font-style:normal;font-weight:700;text-transform:uppercase"><a href="#">Portfolio presentation</a></p>
+  <!-- /wp:paragraph -->
+  
+  <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
+  <p class="has-text-align-center has-link-color has-small-font-size" style="font-style:normal;font-weight:700;text-transform:uppercase"><a href="#">Design portfolio presentation</a></p>
+  <!-- /wp:paragraph --></div>
+  <!-- /wp:group --></div>
+  <!-- /wp:column -->
+  
+  <!-- wp:column {"width":"16%"} -->
+  <div class="wp-block-column" style="flex-basis:16%"></div>
+  <!-- /wp:column --></div>
+  <!-- /wp:columns --></div>
+  <!-- /wp:group -->
+  
+  <!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->

theme.json

@@ -15,6 +15,13 @@
 			"postTypes": [
 				"page"
 			]
+		},
+		{
+			"name": "our-work",
+			"title": "Our Work page",
+			"postTypes": [
+				"page"
+			]
 		}
 	],
 	"settings": {
@@ -110,9 +117,24 @@
 							]
 						}
 					],
-					"name": "'Darker Grotesque', sans-serif",
+					"name": "Darker Grotesque",
-					"fontFamily": "Darker Grotesque",
+					"fontFamily": "'Darker Grotesque', sans-serif",
 					"slug": "darkergrotesque"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "FT88",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/FT88-School.otf",
+								"file:./assets/fonts/FT88-School.ttf"
+							]
+						}
+					],
+					"name": "FT88",
+					"fontFamily": "FT88, serif",
+					"slug": "ft88"
 				}
 			]
 		}