Cubico: add theme (#8143)

* Cubico: add theme

* removed image credits

---------

Co-authored-by: MaggieCabrera <maggie.cabrera@automattic.com>

cubico/functions.php

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

cubico/parts/footer.html

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

cubico/parts/header-headline.html

@@ -0,0 +1,41 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"4vh","bottom":"4vh"},"blockGap":"4vh","margin":{"top":"0vh","bottom":"0vh"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="margin-top:0vh;margin-bottom:0vh;padding-top:4vh;padding-bottom:4vh"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+<div class="wp-block-group"><!-- wp:site-title /-->
+
+<!-- wp:site-tagline /--></div>
+<!-- /wp:group -->
+
+<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#030202","size":"has-small-icon-size","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":"https://www.wordpress.org","service":"tumblr"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"mastodon"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"instagram"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"linkedin"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide"><!-- wp:columns {"verticalAlignment":"top","align":"wide"} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"66.6%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:66.6%"><!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"4rem","textTransform":"uppercase","lineHeight":"1"}}} -->
+<h1 class="wp-block-heading" style="font-size:4rem;line-height:1;text-transform:uppercase">Take photos,<br>run a Blog</h1>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"fontSize":"medium"} -->
+<h2 class="wp-block-heading has-medium-font-size">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus magna, varius vel ex ut, iaculis vehicula urna. Morbi sollicitudin ullamcorper mi in vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</h2>
+<!-- /wp:heading --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top","width":"33.3%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.3%"></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

cubico/parts/header-sitelogo.html

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

cubico/parts/header.html

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

cubico/parts/post-meta.html

@@ -0,0 +1,7 @@
+<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex"}} -->
+<div class="wp-block-group"><!-- wp:post-date {"isLink":true,"style":{"typography":{"lineHeight":1.4}},"fontSize":"medium","fontFamily":"open-runde"} /-->
+
+<!-- wp:post-terms {"term":"post_tag"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

cubico/patterns/404.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Title: 404
+ * Slug: cubico/404
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"var:preset|spacing|50","margin":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"left"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"4vh"},"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group" style="margin-bottom:4vh"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","level":1,"fontSize":"x-large"} -->
+<h1 class="wp-block-heading has-text-align-left has-x-large-font-size" id="oops-that-page-can-t-be-found"><?php esc_html_e('Oops! That image can’t be found.', 'cubico');?></h1>
+<!-- /wp:heading --></div>
+<!-- /wp:group -->
+
+<!-- wp:paragraph -->
+<p><?php esc_html_e('It looks like nothing was found at this location. Maybe try a search?', 'cubico');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:search {"label":"","showLabel":false,"buttonPosition":"button-inside","buttonUseIcon":true,"style":{"border":{"width":"0px","style":"none"}}} /--></div>
+<!-- /wp:group --></main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

cubico/patterns/comments.php

@@ -0,0 +1,52 @@
+<?php
+/**
+ * Title: Comments
+ * slug: cubico/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 -->

cubico/patterns/footer.php

@@ -0,0 +1,41 @@
+<?php
+/**
+ * Title: footer
+ * Slug: cubico/footer
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"4vh","bottom":"8vh"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:4vh;padding-bottom:8vh"><!-- wp:columns {"verticalAlignment":"top","align":"wide"} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"66.66%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:66.66%"><!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"1.5rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+<div class="wp-block-group"><!-- wp:site-logo {"width":72,"shouldSyncIcon":false,"style":{"color":{"duotone":["#000000","#edeeef"]}}} /-->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size"><?php esc_html_e('I am Nuno Pessoa, a 42-year-old developer based in Porto. I\'m happily married, and I am the father of a wonderful daughter who brings joy to my life', 'cubico');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top","width":"33.3%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.3%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|30"},"margin":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-top:0;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#030202","size":"has-small-icon-size","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":"https://www.wordpress.org","service":"tumblr"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"mastodon"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"instagram"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"linkedin"} /--></ul>
+<!-- /wp:social-links -->
+
+<!-- wp:paragraph {"align":"right"} -->
+<p class="has-text-align-right"><?php esc_html_e('Designed with WordPress', 'cubico');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->

cubico/patterns/header-sitelogo.php

@@ -0,0 +1,53 @@
+<?php
+/**
+ * Title: header-sitelogo
+ * Slug: cubico/header-sitelogo
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"4vh","bottom":"0vh","left":"0","right":"0"},"blockGap":"4vh","margin":{"top":"0vh","bottom":"4vh"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"default"}} -->
+<div class="wp-block-group has-base-color has-contrast-background-color has-text-color has-background has-link-color" style="margin-top:0vh;margin-bottom:4vh;padding-top:4vh;padding-right:0;padding-bottom:0vh;padding-left:0"><!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+<div class="wp-block-group"><!-- wp:site-title /-->
+
+<!-- wp:site-tagline /--></div>
+<!-- /wp:group -->
+
+<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#030202","size":"has-small-icon-size","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":"https://www.wordpress.org","service":"tumblr"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"mastodon"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"instagram"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"linkedin"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"3rem"}},"border":{"top":{"width":"1px"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="border-top-width:1px;padding-top:0;padding-right:0;padding-bottom:3rem;padding-left:0"><!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|70","left":"0"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"66.6%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.6%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50","padding":{"top":"4vh"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
+<div class="wp-block-group" style="padding-top:4vh"><!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"6rem","textTransform":"uppercase","lineHeight":"1"}}} -->
+<h1 class="wp-block-heading" style="font-size:6rem;line-height:1;text-transform:uppercase">Take photos,<br>run a Blog</h1>
+<!-- /wp:heading -->
+
+<!-- wp:heading {"fontSize":"medium"} -->
+<h2 class="wp-block-heading has-medium-font-size">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus magna, varius vel ex ut, iaculis vehicula urna. Morbi sollicitudin ullamcorper mi in vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</h2>
+<!-- /wp:heading --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"33.3%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.3%"><!-- wp:image {"id":136,"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/sitelogo_image-from-rawpixel-id-5958709.png" alt="" class="wp-image-136" style="aspect-ratio:1;object-fit:cover"/></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

cubico/patterns/header.php

@@ -0,0 +1,31 @@
+<?php
+/**
+ * Title: header
+ * Slug: cubico/header
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"4vh","bottom":"2.5vh"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:4vh;padding-bottom:2.5vh"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"0.25rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+<div class="wp-block-group"><!-- wp:site-title {"level":0} /-->
+
+<!-- wp:paragraph -->
+<p><?php esc_html_e('.', 'cubico');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:site-tagline /--></div>
+<!-- /wp:group -->
+
+<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#030202","size":"has-small-icon-size","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":"https://www.wordpress.org","service":"tumblr"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"mastodon"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"instagram"} /-->
+
+<!-- wp:social-link {"url":"https://www.wordpress.org","service":"linkedin"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

cubico/patterns/hidden-no-results-content.php

@@ -0,0 +1,10 @@
+<?php
+/**
+ * Title: Hidden No Results Content
+ * Slug: cubico/hidden-no-results-content
+ * Inserter: no
+ */
+?>
+<!-- wp:paragraph -->
+<p><?php echo esc_html_x( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'Message explaining that there are no results returned from a search', 'cubico' ); ?></p>
+<!-- /wp:paragraph -->