Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Term home 110 #234

Open
wants to merge 19 commits into
base: trunk
Choose a base branch
from
+830 −432
Open

Term home 110 #234

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
088e4d5
added font sizes according to figma file style guide
Sep 5, 2024
0251eca
added font sizes according to figma file style guide
Sep 5, 2024
0b83451
theme term add header elements font size
Sep 5, 2024
ed48304
theme term add some more settings in theme.json
Sep 5, 2024
7ec4fdb
remove blocGap
Sep 5, 2024
6d2b123
header footer front-page(wip) and some settings update
Sep 5, 2024
310bb14
some improvements to front-page
Sep 6, 2024
7ce67e3
modify some link styles according to figma file
Sep 6, 2024
785ec4f
add hover effect style variation to term theme
Sep 6, 2024
32e5e4c
add screenshot
Sep 6, 2024
b85c37e
change radius values
MaggieCabrera Nov 10, 2024
a00fbee
use color variables instead of static values
MaggieCabrera Nov 10, 2024
4bbf6f8
change paddings
MaggieCabrera Nov 10, 2024
54de419
removed excerpts we didn't need
MaggieCabrera Nov 10, 2024
fa28d6d
removed hover changes
MaggieCabrera Nov 10, 2024
3efa828
changed font sizes and layout
MaggieCabrera Nov 10, 2024
0a778d4
layout and color changes
MaggieCabrera Nov 10, 2024
abc306a
update screenshot
dballari Nov 13, 2024
423f528
screenshot taken from figma
dballari Nov 14, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
945 changes: 567 additions & 378 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions term/functions.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ function term_block_styles() {
}',
)
);

}
endif;

Expand Down
24 changes: 13 additions & 11 deletions term/parts/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","bottom":"30px"}}}} -->
<div class="wp-block-group" style="padding-top:80px;padding-bottom:30px">
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:site-tagline /-->

<!-- wp:social-links {"iconColor":"custom-black","iconColorValue":"#131B1E","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#a","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#a","service":"twitter"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
37 changes: 10 additions & 27 deletions term/parts/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,13 @@
<!-- wp:group {"layout":{"inherit":"true"}} -->
<div class="wp-block-group">
<!-- wp:group {"align":"full","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"padding":{"bottom":"30px","top":"30px"}}}} -->
<div class="wp-block-group alignfull" style="padding-bottom:30px;padding-top:30px">

<!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group">
<!-- wp:site-logo {"width":64} /-->

<!-- wp:group -->
<div class="wp-block-group">
<!-- wp:site-title /-->
<!-- wp:site-tagline /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /-->

</div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":"true","type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->

</div>
<!-- wp:group -->
<div class="wp-block-group"><!-- wp:site-title /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":50} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:navigation {"style":{"spacing":{"margin":{"top":"0"}}},"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"space-between","orientation":"horizontal"}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Binary file modified term/screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 0 additions & 1 deletion term/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,4 +13,3 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: term
Tags: blog, photography, portfolio, grid-layout, one-column, block-patterns, block-styles, full-site-editing, threaded-comments,
*/

117 changes: 117 additions & 0 deletions term/templates/front-page.html
View file
Open in desktop

Large diffs are not rendered by default.

137 changes: 122 additions & 15 deletions term/theme.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,25 +4,45 @@
"color": {
"palette": [
{
"color": "#000",
"color": "#131B1E",
"name": "Black",
"slug": "custom-black"
},
{
"color": "#5f6669",
"color": "#5F6669",
"name": "Grey",
"slug": "custom-grey"
},
{
"color": "#edece8",
"color": "#EDECE8",
"name": "Beige",
"slug": "custom-beige"
}
]
},
"custom": {
"fontWeight": {
"black": 900,
"bold": 700,
"extra-bold": 800,
"extra-light": 200,
"light": 300,
"medium": 500,
"regular": 425,
"semi-bold": 600,
"thin": 100
},
"lineHeight": {
"body": 1.5,
"none": 1,
"relaxed": 1.3999999999999999,
"snug": 1.2,
"tight": 1.1000000000000001
}
},
"layout": {
"contentSize": "800px",
"wideSize": "1800px"
"wideSize": "1760px"
},
"spacing": {
"units": [
Expand All @@ -35,6 +55,7 @@
]
},
"typography": {
"defaultFontSizes": false,
"fontFamilies": [
{
"fontFamily": "'HelveticaNeue Regular','HelveticaNeue-Light', 'Helvetica Neue Light', 'HelveticaNeue', Helvetica, Arial, 'Lucida Grande', sans-serif",
Expand Down Expand Up @@ -69,10 +90,63 @@
},
"styles": {
"blocks": {
"core/navigation": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "undeline"
}
}
}
},
"spacing": {
"blockGap": "var(--wp--preset--spacing--80)"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"core/paragraph": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)"
}
},
"core/post-title": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
}
},
"core/site-tagline": {
"typography": {
"fontSize": "var(--wp--preset--font-size--xx-small)"
}
},
"core/site-title": {
"elements": {
"link": {
":hover": {
"typography": {
"textDecoration": "underline"
}
},
"typography": {
"textDecoration": "none"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--x-large)"
}
}
},
"color": {
Expand All @@ -83,43 +157,76 @@
"h1": {
"typography": {
"fontSize": "4rem",
"fontStyle": "normal",
"fontWeight": "700"
"fontWeight": "var(--wp--custom--font-weight--bold)",
"lineHeight": "var(--wp--custom--line-height--tight)"
}
},
"h2": {
"typography": {
"fontSize": "3rem"
"fontSize": "3rem",
"fontWeight": "var(--wp--custom--font-weight--bold)",
"lineHeight": "var(--wp--custom--line-height--snug)"
}
},
"h3": {
"typography": {
"fontSize": "2.38rem"
"fontSize": "var(--wp--preset--font-size--x-large)",
"fontWeight": "var(--wp--custom--font-weight--bold)",
"lineHeight": "var(--wp--custom--line-height--snug)"
}
},
"h4": {
"typography": {
"fontSize": "1.75rem"
"fontSize": "var(--wp--preset--font-size--large)",
"fontWeight": "var(--wp--custom--font-weight--bold)",
"lineHeight": "var(--wp--custom--line-height--relaxed)"
}
},
"h5": {
"typography": {
"fontSize": "1.38rem"
"fontSize": "1.375rem",
"fontWeight": "var(--wp--custom--font-weight--bold)",
"lineHeight": "var(--wp--custom--line-height--relaxed)",
"textTransform": "uppercase"
}
},
"h6": {
"typography": {
"fontSize": "1rem"
"fontSize": "var(--wp--preset--font-size--x-small)",
"fontWeight": "var(--wp--custom--font-weight--bold)",
"lineHeight": "var(--wp--custom--line-height--snug)"
}
},
"link": {
":active": {
"color": {
"text": "var(--wp--preset--color--custom-black)"
}
},
":focus": {
"color": {
"text": "var(--wp--preset--color--custom-black)"
},
"outline": {
"color": "var(--wp--preset--color--custom-black)",
"style": "dotted"
},
"typography": {
"textDecoration": "none"
}
},
":hover": {
"color": {
"text": "var(--wp--preset--color--custom-black)"
}
},
"color": {
"text": "var(--wp--preset--color--custom-grey)"
}
}
},
"spacing": {
"blockGap": "1.56rem",
"blockGap": "0",
"padding": {
"bottom": "0px",
"left": "20px",
Expand All @@ -130,7 +237,7 @@
"typography": {
"fontFamily": "var(--wp--preset--font-family--system-font)",
"fontSize": "var(--wp--preset--font-size--medium)",
"lineHeight": "1.5"
"lineHeight": "var(--wp--custom--line-height--body)"
}
},
"templateParts": [
Expand All @@ -143,6 +250,6 @@
"name": "footer"
}
],
"version": 2,
"$schema": "https://schemas.wp.org/wp/6.5/theme.json"
"version": 3,
"$schema": "https://schemas.wp.org/wp/6.6/theme.json"
}
Loading