5 patterns
A 404 page
upsidedown/404
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px","padding":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} --> <main class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px"> <!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}},"layout":{"type":"default"}} --> <div class="wp-block-group alignwide" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"> <!-- wp:spacer {"height":"60px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"6.4rem","lineHeight":0.9}},"className":"has-text-align-center"} --> <h2 class="has-text-align-left has-text-align-center" style="font-size:6.4rem;line-height:0.9">Nothing here,<br>sorry.</h2> <!-- /wp:heading --> <!-- wp:spacer {"height":"40px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} --> <div class="wp-block-group"> <!-- wp:paragraph {"align":"center"} --> <p class="has-text-align-center">This page or post could not be found. Maybe a search would help?</p> <!-- /wp:paragraph --> <!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"align":"center","style":{"border":{"width":"0px","style":"none"}}} /--> </div> <!-- /wp:group --> <!-- wp:spacer {"height":"60px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> </div> <!-- /wp:group --> </main> <!-- /wp:group -->
Comments
upsidedown/comments
<!-- wp:comments {"className":"wp-block-comments-query-loop"} --> <div class="wp-block-comments wp-block-comments-query-loop"> <!-- wp:comments-title {"level":3} /--> <!-- wp:comment-template --> <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} --> <div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)"> <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} --> <div class="wp-block-group"> <!-- wp:avatar {"size":40,"style":{"spacing":{"margin":{"top":"0.5em"}}}} /--> <!-- wp:group --> <div class="wp-block-group"> <!-- wp:comment-author-name /--> <!-- wp:group {"layout":{"type":"flex"},"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}}} --> <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"> <!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /--> <!-- wp:comment-edit-link /--> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> <!-- wp:comment-content /--> <!-- wp:comment-reply-link /--> </div> <!-- /wp:group --> <!-- /wp:comment-template --> <!-- wp:comments-pagination --> <!-- wp:comments-pagination-previous /--> <!-- wp:comments-pagination-numbers /--> <!-- wp:comments-pagination-next /--> <!-- /wp:comments-pagination --> <!-- wp:post-comments-form /--> </div> <!-- /wp:comments -->
Default footer
upsidedown/footer
Categories: footer
<!-- wp:group {"layout":{"type":"constrained","contentSize":"1200px"},"fontSize":"small"} --> <div class="wp-block-group has-small-font-size"> <!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0px","padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"layout":{"type":"default"}} --> <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"> <!-- wp:spacer {"height":"2rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:2rem" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:columns {"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" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"> <!-- wp:column {"width":"75%","style":{"spacing":{"padding":{"top":"0px","right":"1.5rem","bottom":"0px","left":"0px"},"blockGap":"0px"}}} --> <div class="wp-block-column" style="padding-top:0px;padding-right:1.5rem;padding-bottom:0px;padding-left:0px;flex-basis:75%"> <!-- wp:paragraph --> <p>Blogs tend to have a very common structure. Upsidedown is not here to repeat old formulas as we, the humans, do not fit into the same boxes. This Theme Design is not here for certainty but freshness. It is here to invert things, proposing a brand new way to convey personal blogs. More than being yet another WordPress blog theme, Upsidedown is designed with the Site Editor and it is full of ambition. Maybe it is the best choice for your blog.</p> <!-- /wp:paragraph --> </div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} --> <div class="wp-block-column is-vertically-aligned-top" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:25%"> <!-- wp:paragraph --> <p><a rel="noreferrer noopener" href="mailto:name@provider.com" target="_blank"><span style="text-decoration: underline;">Email the author</span></a> and share this blog theme with your colleagues. Enjoy!</p> <!-- /wp:paragraph --> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> <!-- wp:spacer {"height":"2rem","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:2rem" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:columns {"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" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"> <!-- wp:column {"width":"75%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} --> <div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:75%"> <!-- wp:site-title {"style":{"typography":{"letterSpacing":"0px","lineHeight":1.4,"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"fontSize":"small"} /--> </div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"25%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}}} --> <div class="wp-block-column is-vertically-aligned-center" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:25%"> <!-- wp:paragraph --> <p> © Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a> </p> <!-- /wp:paragraph --> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> <!-- wp:spacer {"height":"4.8em","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:4.8em" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> </div> <!-- /wp:group --> </div> <!-- /wp:group -->
Default header
upsidedown/header
Categories: header
<!-- 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>Explore my side projects and work using <a rel="noreferrer noopener" href="https://www.wordpress.org" target="_blank"><span style="text-decoration: underline;">this link</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;">Upsidedown</span> is a WordPress theme design that brings blog posts rising above inverted header and footer components.</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 -->
Single
upsidedown/single
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true,"type":"constrained"}} --> <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"> <!-- wp:post-featured-image {"align":"full","style":{"spacing":{"padding":{"right":"2.5%","left":"2.5%","top":"0px","bottom":"40px"}},"color":{"duotone":["#000000","#ffffff"]}}} /--> <!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px","padding":{"top":"0px","right":"0%","bottom":"0px","left":"0px"}}},"layout":{"type":"constrained","justifyContent":"left"}} --> <div class="wp-block-group alignwide" style="padding-top:0px;padding-right:0%;padding-bottom:0px;padding-left:0px"> <!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":true,"type":"constrained","justifyContent":"left"}} --> <div class="wp-block-group alignwide" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"> <!-- wp:spacer {"height":"20px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:post-title {"level":1,"isLink":true,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /--> <!-- wp:spacer {"height":"20px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:group {"style":{"spacing":{"blockGap":"10px","padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"> <!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex"}} --> <div class="wp-block-group alignwide"> <!-- wp:paragraph --> <p>Written in</p> <!-- /wp:paragraph --> <!-- wp:post-date {"format":"F j, Y"} /--> <!-- wp:paragraph --> <p>by</p> <!-- /wp:paragraph --> <!-- wp:post-author {"showAvatar":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} /--> </div> <!-- /wp:group --> <!-- wp:group {"align":"wide","layout":{"type":"flex"}} --> <div class="wp-block-group alignwide"> <!-- wp:post-terms {"term":"category"} /--> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> <!-- wp:spacer {"height":"60px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:post-content {"layout":{"type":"default"}} /--> <!-- wp:spacer {"height":"40px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex"}} --> <div class="wp-block-group"> <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} --> <p style="font-style:normal;font-weight:700">Tags</p> <!-- /wp:paragraph --> <!-- wp:post-terms {"term":"post_tag"} /--> </div> <!-- /wp:group --> <!-- wp:spacer {"height":"120px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:120px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:group {"align":"wide","style":{"spacing":[],"border":{"top":{"width":"2px"}}},"layout":{"inherit":true,"type":"constrained","justifyContent":"left"}} --> <div class="wp-block-group alignwide" style="border-top-width:2px"> <!-- wp:spacer {"height":"60px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:comments --> <div class="wp-block-comments"> <!-- wp:comments-title /--> <!-- wp:comment-template {"fontSize":"small"} --> <!-- wp:columns --> <div class="wp-block-columns"> <!-- wp:column {"width":"40px"} --> <div class="wp-block-column" style="flex-basis:40px"> <!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"},"color":{"duotone":["#000000","#ffffff"]}}} /--> </div> <!-- /wp:column --> <!-- wp:column --> <div class="wp-block-column"> <!-- wp:comment-author-name {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} /--> <!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex"}} --> <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"> <!-- wp:comment-date /--> <!-- wp:comment-edit-link /--> </div> <!-- /wp:group --> <!-- wp:comment-content {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} /--> <!-- wp:comment-reply-link {"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"bottom":"1.4rem"}}}} /--> </div> <!-- /wp:column --> </div> <!-- /wp:columns --> <!-- /wp:comment-template --> <!-- wp:comments-pagination {"style":{"typography":{"fontSize":"1.2rem"}}} --> <!-- wp:comments-pagination-previous /--> <!-- wp:comments-pagination-numbers /--> <!-- wp:comments-pagination-next /--> <!-- /wp:comments-pagination --> <!-- wp:spacer {"height":"40px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:40px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:post-comments-form {"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-purple-heart"}}}},"backgroundColor":"custom-robin-egg-blue","textColor":"custom-purple-heart","fontSize":"small"} /--> <!-- wp:spacer {"height":"120px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} --> <div style="margin-top:0px;margin-bottom:0px;height:120px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> </div> <!-- /wp:comments --> </div> <!-- /wp:group --> </div> <!-- /wp:group --> </div> <!-- /wp:group -->