Skip to content

Commit

Permalink
Update theme upsidedown-update (#7721)
Browse files Browse the repository at this point in the history
  • Loading branch information
henriqueiamarino committed Apr 27, 2024
1 parent 3abd389 commit 3acd95b
Show file tree
Hide file tree
Showing 32 changed files with 940 additions and 353 deletions.
Binary file removed upsidedown/assets/fonts/roboto_500.ttf
Binary file not shown.
Binary file removed upsidedown/assets/fonts/roboto_500italic.ttf
Binary file not shown.
Binary file removed upsidedown/assets/fonts/roboto_700.ttf
Binary file not shown.
Binary file removed upsidedown/assets/fonts/roboto_700italic.ttf
Binary file not shown.
Binary file removed upsidedown/assets/fonts/roboto_italic.ttf
Binary file not shown.
Binary file removed upsidedown/assets/fonts/roboto_regular.ttf
Binary file not shown.
Binary file added upsidedown/assets/fonts/rubik_italic_300.ttf
Binary file not shown.
Binary file added upsidedown/assets/fonts/rubik_italic_400.ttf
Binary file not shown.
Binary file added upsidedown/assets/fonts/rubik_italic_700.ttf
Binary file not shown.
Binary file added upsidedown/assets/fonts/rubik_normal_300.ttf
Binary file not shown.
Binary file added upsidedown/assets/fonts/rubik_normal_400.ttf
Binary file not shown.
Binary file added upsidedown/assets/fonts/rubik_normal_700.ttf
Binary file not shown.
Binary file added upsidedown/assets/images/upsidedown_sitelogo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
50 changes: 49 additions & 1 deletion upsidedown/parts/footer.html
Original file line number Diff line number Diff line change
@@ -1 +1,49 @@
<!-- wp:pattern {"slug":"upsidedown/footer"} /-->
<!-- wp:group {"layout":{"type":"constrained","contentSize":"1200px"},"fontSize":"small"} -->
<div class="wp-block-group has-small-font-size"><!-- wp:group {"style":{"spacing":{"padding":{"top":"3vh","bottom":"6vh"},"blockGap":"var:preset|spacing|70"}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:3vh;padding-bottom:6vh"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Blogs typically adhere to well-established structures, but this design dares to break away from the norm. Instead of relying on winning formulas, it offers a refreshing approach to displaying your thoughts on a blog. This theme design is not about certainty; it's about embracing new perspectives. Maybe it's the one for you.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Try</p>
<!-- /wp:paragraph -->

<!-- wp:site-title /-->

<!-- wp:paragraph -->
<p>now!</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"5%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:5%"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"25%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p>Designed with <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","size":"has-small-icon-size","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}},"className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"wordpress.org","service":"mastodon"} /-->

<!-- wp:social-link {"url":"wordpress.org/","service":"tumblr"} /-->

<!-- wp:social-link {"url":"wordpress.org","service":"github"} /-->

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

<!-- wp:social-link {"url":"wordpress.org","service":"x"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
2 changes: 1 addition & 1 deletion upsidedown/parts/post-meta.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<!-- wp:post-author {"showAvatar":false,"fontSize":"small"} /-->
<!-- wp:post-date {"isLink":true,"fontSize":"small"} /-->
<!-- wp:post-terms {"term":"category","fontSize":"small"} /-->
<!-- wp:post-terms {"term": "post_tag","fontSize":"small"} /-->
<!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /-->
</div>
<!-- /wp:group -->
</div>
Expand Down
121 changes: 50 additions & 71 deletions upsidedown/patterns/header.php
Original file line number Diff line number Diff line change
@@ -1,78 +1,57 @@
<?php
/**
* Title: Default header
* Title: header
* Slug: upsidedown/header
* Categories: header
* Block Types: core/template-part/header
* Categories: hidden
* Inserter: no
*/
?>

<!-- wp:group {"layout":{"inherit":true,"type":"constrained","contentSize":"1200px"},"fontSize":"small"} -->
<div class="wp-block-group has-small-font-size">
<!-- wp:spacer {"height":"3.2rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div style="margin-top:0px;margin-bottom:0px;height:3.2rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":{"top":"30px","left":"30px"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<!-- wp:column {"width":"50%","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-basis:50%">
<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":{"top":"30px","left":"30px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">
<!-- wp:column {"width":"50%","style":{"typography":{"fontStyle":"normal","fontWeight":"400","lineHeight":"1.4"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:400;line-height:1.4;flex-basis:50%">
<!-- wp:group {"style":{"spacing":{"blockGap":"1rem","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
<!-- wp:site-title {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"lineHeight":1.4,"letterSpacing":"0px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"fontSize":"small"} /-->

<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical","flexWrap":"wrap"},"style":{"spacing":{"blockGap":"0px"}}} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"width":"","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"1rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
<!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","size":"has-small-icon-size","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}},"className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"github.com","service":"github"} /-->

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

<!-- wp:social-link {"url":"twitter.com","service":"twitter"} /-->
</ul>
<!-- /wp:social-links -->

<!-- wp:paragraph -->
<p><?php echo esc_html__( 'Explore my side projects and work using', 'upsidedown' ); ?>&nbsp;<a rel="noreferrer noopener" href="https://www.wordpress.org" target="_blank"><span style="text-decoration: underline;"><?php echo esc_html__( 'this link', 'upsidedown' ); ?></span></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-basis:25%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","style":{"typography":{"fontStyle":"normal","fontWeight":"400","lineHeight":"1.4"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:400;line-height:1.4;flex-basis:25%">
<!-- wp:paragraph -->
<p><span style="text-decoration: underline;"><?php echo esc_html__( 'Upsidedown', 'upsidedown' ); ?></span>&nbsp;<?php echo esc_html__( 'is a WordPress theme design that brings blog posts rising above inverted header and footer components.', 'upsidedown' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"3.2rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div style="margin-top:0px;margin-bottom:0px;height:3.2rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<div class="wp-block-group has-small-font-size"><!-- wp:spacer {"height":"3.2rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div style="margin-top:0px;margin-bottom:0px;height:3.2rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"},"blockGap":{"top":"30px","left":"30px"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"width":"50%","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-basis:50%"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":{"top":"30px","left":"30px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"width":"50%","style":{"typography":{"fontStyle":"normal","fontWeight":"400","lineHeight":"1.4"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:400;line-height:1.4;flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"1rem","margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:site-title {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"lineHeight":1.3999999999999999,"letterSpacing":"0px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"fontSize":"small"} /-->

<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical","flexWrap":"wrap"},"style":{"spacing":{"blockGap":"0px"}}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"1rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dprimary)","size":"has-small-icon-size","style":{"spacing":{"blockGap":{"top":"1rem","left":"1rem"}}},"className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"github.com","service":"github"} /-->

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

<!-- wp:social-link {"url":"twitter.com","service":"twitter"} /--></ul>
<!-- /wp:social-links -->

<!-- wp:paragraph -->
<p><?php echo __('Explore my side projects and work using&nbsp;<a rel="noreferrer noopener" href="https://www.wordpress.org" target="_blank"><span style="text-decoration: underline;">this link</span></a>', 'upsidedown');?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-basis:25%"><!-- wp:site-logo {"style":{"border":{"width":"5px","style":"dotted"}},"borderColor":"vivid-cyan-blue"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","style":{"typography":{"fontStyle":"normal","fontWeight":"400","lineHeight":"1.4"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} -->
<div class="wp-block-column" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-style:normal;font-weight:400;line-height:1.4;flex-basis:25%"><!-- wp:paragraph -->
<p><?php echo __('<span style="text-decoration: underline;">Upsidedown</span>&nbsp;is a WordPress theme design that brings blog posts rising above inverted header and footer components.', 'upsidedown');?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"3.2rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div style="margin-top:0px;margin-bottom:0px;height:3.2rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->
16 changes: 13 additions & 3 deletions upsidedown/readme.txt
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,16 @@ 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.

Roboto Font, Copyright Christian Robertson
Licensed under the terms of the Apache License, Version 2.0
Source: https://github.com/googlefonts/roboto
Rubik Font
Copyright 2015 The Rubik Project Authors (https://github.com/googlefonts/rubik)
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: https://scripts.sil.org/OFL
License URL: https://scripts.sil.org/OFL
Source: http://www.google.com/fonts
-- End of Rubik Font credits --

Manrope Font
Copyright 2019 The Manrope Project Authors (https://github.com/sharanda/manrope)
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL
License URL: http://scripts.sil.org/OFL
Source: http://gent.media
-- End of Manrope Font credits --
Binary file modified upsidedown/screenshot.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion upsidedown/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -33,5 +33,5 @@ Tags: blog, one-column, custom-colors, custom-menu, custom-logo, editor-style, f
*/
a {
text-decoration-thickness: 0.0625em !important;
text-underline-offset: 0.15em;
text-underline-offset: 0.2em;
}
55 changes: 55 additions & 0 deletions upsidedown/styles/maroon.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
{
"settings": {
"color": {
"palette": [
{
"color": "#ccc9c2",
"name": "Base",
"slug": "base"
},
{
"color": "#660022",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#660022",
"name": "Primary",
"slug": "primary"
},
{
"color": "#ccc9c2",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#fc5874",
"name": "Tertiary",
"slug": "tertiary"
}
]
}
},
"styles": {
"blocks": {
"core/avatar": {
"filter": {
"duotone": "var(--wp--preset--duotone--maroon)"
}
},
"core/post-featured-image": {
"filter": {
"duotone": "var(--wp--preset--duotone--maroon)"
}
},
"core/site-logo": {
"filter": {
"duotone": "var(--wp--preset--duotone--maroon)"
}
}
}
},
"title": "Maroon",
"version": 2,
"$schema": "https://schemas.wp.org/trunk/theme.json"
}
55 changes: 55 additions & 0 deletions upsidedown/styles/nautilus.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
{
"settings": {
"color": {
"palette": [
{
"color": "#c2d3c7",
"name": "Base",
"slug": "base"
},
{
"color": "#283959",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#283959",
"name": "Primary",
"slug": "primary"
},
{
"color": "#c2d3c7",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#e59b50",
"name": "Tertiary",
"slug": "tertiary"
}
]
}
},
"styles": {
"blocks": {
"core/avatar": {
"filter": {
"duotone": "var(--wp--preset--duotone--nautilus)"
}
},
"core/post-featured-image": {
"filter": {
"duotone": "var(--wp--preset--duotone--nautilus)"
}
},
"core/site-logo": {
"filter": {
"duotone": "var(--wp--preset--duotone--nautilus)"
}
}
}
},
"title": "Nautilus",
"version": 2,
"$schema": "https://schemas.wp.org/trunk/theme.json"
}
38 changes: 36 additions & 2 deletions upsidedown/styles/noir.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,18 +3,52 @@
"color": {
"palette": [
{
"color": "#f9f9f9",
"color": "#010302",
"name": "Base",
"slug": "base"
},
{
"color": "#f8f7f5",
"name": "Contrast",
"slug": "contrast"
},
{
"color": "#f8f7f5",
"name": "Primary",
"slug": "primary"
},
{
"color": "#111111",
"color": "#010302",
"name": "Secondary",
"slug": "secondary"
},
{
"color": "#88878e",
"name": "Tertiary",
"slug": "tertiary"
}
]
}
},
"styles": {
"blocks": {
"core/avatar": {
"filter": {
"duotone": "var(--wp--preset--duotone--noir)"
}
},
"core/post-featured-image": {
"filter": {
"duotone": "var(--wp--preset--duotone--noir)"
}
},
"core/site-logo": {
"filter": {
"duotone": "var(--wp--preset--duotone--noir-inverted)"
}
}
}
},
"title": "Noir",
"version": 2,
"$schema": "https://schemas.wp.org/trunk/theme.json"
Expand Down
Loading

0 comments on commit 3acd95b

Please sign in to comment.