autonomic-cooperative/autonomic-block-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: create template for Our Work page

Browse Source
This commit is contained in:
desmukh 2023-01-27 00:55:57 +05:00
parent a8cc30d27e
commit 3927f95138
5 changed files with 72 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/fonts/FT88-School.otf Normal file
View File

Binary file not shown.

BIN
assets/fonts/FT88-School.ttf Normal file
View File

Binary file not shown.

10
style.css
View File

@ -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');
}
@ -74,4 +74,8 @@ with others.
display: flex;
align-items: flex-end;
height: 100%;
}
.page-template-our-work h2 a {
text-decoration: none;
}

43
templates/our-work.html Normal file
View 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
View File

@ -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"
}
]
}