Inversum: add theme (#7929)

Co-authored-by: Henrique 'Foca' Iamarino <[email protected]>

inversum/functions.php

@@ -0,0 +1,60 @@
+<?php
+/**
+ * Inversum functions and definitions
+ *
+ * @link https://developer.wordpress.org/themes/basics/theme-functions/
+ *
+ * @package Inversum
+ * @since Inversum 1.0
+ */
+
+
+if ( ! function_exists( 'inversum_support' ) ) :
+
+ /**
+ * Sets up theme defaults and registers support for various WordPress features.
+ *
+ * @since Inversum 1.0
+ *
+ * @return void
+ */
+ function inversum_support() {
+
+ // Enqueue editor styles.
+ add_editor_style( 'style.css' );
+
+ // Make theme available for translation.
+ load_theme_textdomain( 'inversum' );
+ }
+
+endif;
+
+add_action( 'after_setup_theme', 'inversum_support' );
+
+if ( ! function_exists( 'inversum_styles' ) ) :
+
+ /**
+ * Enqueue styles.
+ *
+ * @since Inversum 1.0
+ *
+ * @return void
+ */
+ function inversum_styles() {
+
+ // Register theme stylesheet.
+ wp_register_style(
+ 'inversum-style',
+ get_stylesheet_directory_uri() . '/style.css',
+ array(),
+ wp_get_theme()->get( 'Version' )
+ );
+
+ // Enqueue theme stylesheet.
+ wp_enqueue_style( 'inversum-style' );
+
+ }
+
+endif;
+
+add_action( 'wp_enqueue_scripts', 'inversum_styles' );

inversum/parts/footer.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"inversum/footer"} /-->

inversum/parts/header.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"inversum/header"} /-->

inversum/parts/post-meta.html

@@ -0,0 +1,12 @@
+<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group">
+ <!-- wp:group {"layout":{"type":"flex"}} -->
+ <div class="wp-block-group">
+ <!-- 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"} /-->
+ </div>
+ <!-- /wp:group -->
+</div>
+<!-- /wp:group -->

inversum/patterns/404.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Title: 404
+ * Slug: inversum/404
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|70"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"6.4rem","lineHeight":0.90000000000000002}},"className":"has-text-align-center"} -->
+<h2 class="wp-block-heading has-text-align-left has-text-align-center" style="font-size:6.4rem;line-height:0.9"><?php echo __('Nothing here,<br>sorry.', 'inversum');?></h2>
+<!-- /wp:heading -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"align":"left"} -->
+<p class="has-text-align-left"><?php echo __('This page or post could not be found. Maybe a search would help?', 'inversum');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

inversum/patterns/comments.php

@@ -0,0 +1,52 @@
+<?php
+/**
+ * Title: Comments
+ * slug: inversum/comments
+ * inserter: no
+ */
+
+?>
+
+<!-- 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 -->

inversum/patterns/footer.php

@@ -0,0 +1,57 @@
+<?php
+/**
+ * Title: footer
+ * Slug: inversum/footer
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"layout":{"type":"constrained"},"fontSize":"small"} -->
+<div class="wp-block-group has-small-font-size"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|80"},"blockGap":"var:preset|spacing|70"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}}} -->
+<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><?php echo __('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.', 'inversum');?></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><?php echo __('Try', 'inversum');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:site-title /-->
+
+<!-- wp:paragraph -->
+<p><?php echo __('now!', 'inversum');?></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><?php echo __('Designed with <a rel="nofollow" href="https://wordpress.org">WordPress</a> ', 'inversum');?></p>
+<!-- /wp:paragraph -->
+
+<!-- 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":"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 -->

inversum/patterns/header.php

@@ -0,0 +1,51 @@
+<?php
+/**
+ * Title: header
+ * Slug: inversum/header
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"},"fontSize":"small"} -->
+<div class="wp-block-group has-small-font-size" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:columns {"verticalAlignment":"bottom","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"75%","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<div class="wp-block-column is-vertically-aligned-bottom" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-basis:75%"><!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"}} /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"bottom","width":"0%","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<div class="wp-block-column is-vertically-aligned-bottom" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-basis:0%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"bottom","width":"25%"} -->
+<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:25%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"}}}} -->
+<p style="margin-bottom:var(--wp--preset--spacing--20)"><?php echo __('Wait, does the nav block sit on the footer for this theme? That\'s bold.', 'inversum');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:group {"align":"wide","style":{"border":{"top":{"width":"2px"}},"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"0"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="border-top-width:2px;padding-top:var(--wp--preset--spacing--50);padding-bottom:0"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:site-logo {"width":100,"shouldSyncIcon":true,"style":{"spacing":{"padding":{"top":"5px"}}}} /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:site-title /-->
+
+<!-- wp:site-tagline /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"25%","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-basis:25%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"25%","style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<div class="wp-block-column is-vertically-aligned-center" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;flex-basis:25%"><!-- wp:paragraph -->
+<p><?php echo __('Explore the style variations available. Go to <strong>Styles</strong> &gt; <strong>Browse styles</strong>.', 'inversum');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->