feat: create template for Our Work page
This commit is contained in:
parent
a8cc30d27e
commit
3927f95138
BIN
assets/fonts/FT88-School.otf
Normal file
BIN
assets/fonts/FT88-School.otf
Normal file
Binary file not shown.
BIN
assets/fonts/FT88-School.ttf
Normal file
BIN
assets/fonts/FT88-School.ttf
Normal file
Binary file not shown.
10
style.css
10
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;
|
||||
}
|
43
templates/our-work.html
Normal file
43
templates/our-work.html
Normal file
@ -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"} /-->
|
22
theme.json
22
theme.json
@ -15,6 +15,13 @@
|
||||
"postTypes": [
|
||||
"page"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "our-work",
|
||||
"title": "Our Work page",
|
||||
"postTypes": [
|
||||
"page"
|
||||
]
|
||||
}
|
||||
],
|
||||
"settings": {
|
||||
@ -113,6 +120,21 @@
|
||||
"name": "'Darker Grotesque', sans-serif",
|
||||
"fontFamily": "Darker Grotesque",
|
||||
"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"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user