Specials: add theme (#7920)

* Specials: add theme

* Specials: Fixing after review

* Specials: Fixing Hero Image

---------

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

specials/functions.php

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

specials/parts/footer.html

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

specials/parts/header.html

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

specials/parts/post-meta.html

@@ -0,0 +1,3 @@
+<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:post-terms {"term":"post_tag"} /--></div>
+<!-- /wp:group -->

specials/patterns/404.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * Title: 404
+ * Slug: specials/404
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"header","tagName":"header","align":"full"} /-->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0vh","bottom":"0vh"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="margin-top:0vh;margin-bottom:0vh"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"2px"}},"border":{"bottom":{"width":"2px"},"top":[],"right":[],"left":[]}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="border-bottom-width:2px;padding-bottom:2px"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"4vh","top":"8vh","right":"var:preset|spacing|50","left":"var:preset|spacing|50"},"blockGap":"4vh"},"border":{"left":{"width":"1px"},"right":{"width":"1px"},"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="border-right-width:1px;border-bottom-width:1px;border-left-width:1px;padding-top:8vh;padding-right:var(--wp--preset--spacing--50);padding-bottom:4vh;padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"2vh"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"left","level":1,"align":"wide","style":{"typography":{"fontSize":"4rem"}}} -->
+<h1 class="wp-block-heading alignwide has-text-align-left" style="font-size:4rem"><?php echo __('sorry!', 'specials');?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:paragraph -->
+<p><?php echo __('We are apparently out of that item, or the page you are looking for doesn\'t exist.', 'specials');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><?php echo __('What do you think about a new selection?', 'specials');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:search {"showLabel":false,"width":50,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"style":{"border":{"width":"0px","style":"none"}}} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

specials/patterns/comments.php

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

specials/patterns/footer.php

@@ -0,0 +1,61 @@
+<?php
+/**
+ * Title: footer
+ * Slug: specials/footer
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"5vh","bottom":"10vh"},"margin":{"top":"0vh","bottom":"0vh"},"blockGap":"0vh"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="margin-top:0vh;margin-bottom:0vh;padding-top:5vh;padding-bottom:10vh"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"2px","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"},"border":{"bottom":{"width":"2px"},"top":[],"right":[],"left":[]}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="border-bottom-width:2px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:2px;padding-left:0"><!-- wp:columns {"isStackedOnMobile":false,"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"0px"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"border":{"width":"1px"}}} -->
+<div class="wp-block-columns alignwide is-not-stacked-on-mobile" style="border-width:1px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"stretch","width":"1%","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0"}},"backgroundColor":"tertiary"} -->
+<div class="wp-block-column is-vertically-aligned-stretch has-tertiary-background-color has-background" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:1%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top","width":"98%","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"blockGap":"0"},"border":{"left":{"width":"1px"},"top":[],"right":{"width":"1px"},"bottom":[]}}} -->
+<div class="wp-block-column is-vertically-aligned-top" style="border-right-width:1px;border-left-width:1px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--50);flex-basis:98%"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"2vh","bottom":"4vh","right":"0","left":"0"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="padding-top:2vh;padding-right:0;padding-bottom:4vh;padding-left:0"><!-- wp:site-title {"textAlign":"left","style":{"typography":{"fontSize":"6.5vw","letterSpacing":"-0.3rem"}},"fontFamily":"rubik-mono-one"} /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
+<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph -->
+<p><?php echo __('Discover authentic Chinese cuisine, crafted for food lovers.', 'specials');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><?php echo __('<strong>Book via Phone</strong> +(39) 1111-123456.<br>785 15th St, New York, NY 01234', 'specials');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"layout":{"selfStretch":"fill","flexSize":null},"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group" style="min-height:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"align":"left"} -->
+<p class="has-text-align-left"><?php echo __('↑ <a href="#" target="_blank" rel="noreferrer noopener">Back to top</a>', 'specials');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"left"} -->
+<p class="has-text-align-left"><?php echo __('·', 'specials');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"left"} -->
+<p class="has-text-align-left"><?php echo __('Designed with <a href="#" rel="nofollow">WordPress</a>.', 'specials');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:social-links {"iconColor":"background","iconColorValue":"#ffcab3","iconBackgroundColor":"primary","iconBackgroundColorValue":"#681d2a","showLabels":true,"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<ul class="wp-block-social-links has-visible-labels has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"#","service":"tumblr","label":"Tumblr"} /-->
+
+<!-- wp:social-link {"url":"#","service":"instagram","label":"Instagram"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"stretch","width":"1%","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0"}},"backgroundColor":"tertiary"} -->
+<div class="wp-block-column is-vertically-aligned-stretch has-tertiary-background-color has-background" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:1%"></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

specials/patterns/gallery.php

@@ -0,0 +1,28 @@
+<?php
+/**
+ * Title: Gallery
+ * Slug: specials/gallery
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+
+<!-- wp:group {"align":"wide"} -->
+<div class="wp-block-group alignwide"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"1px","left":"1px"},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}}} -->
+<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":"29%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:29%"><!-- wp:gallery {"linkTo":"media","sizeSlug":"full"} -->
+<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"sizeSlug":"full","linkDestination":"media","style":{"color":{"duotone":["#1d1d1d","#f8f8f7"]}}} -->
+<figure class="wp-block-image size-full"><a href="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/young-lady-holding-huge-burger.jpg"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/young-lady-holding-huge-burger.jpg" alt="<?php echo esc_attr__( 'Young lady holding huge burger', 'specials' ); ?>"/></a></figure>
+<!-- /wp:image --></figure>
+<!-- /wp:gallery --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:gallery {"linkTo":"media","sizeSlug":"full"} -->
+<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"sizeSlug":"full","linkDestination":"media","style":{"color":{"duotone":["#1d1d1d","#f8f8f7"]}}} -->
+<figure class="wp-block-image size-full"><a href="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/girl-holding-a-juicy-beef-burger.jpg"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/girl-holding-a-juicy-beef-burger.jpg" alt="<?php echo esc_attr__( 'Girl holding a juicy beef burger', 'specials' ); ?>"/></a></figure>
+<!-- /wp:image --></figure>
+<!-- /wp:gallery --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->

specials/patterns/header.php

@@ -0,0 +1,31 @@
+<?php
+/**
+ * Title: header
+ * Slug: specials/header
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"primary","textColor":"background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-background-color has-primary-background-color has-text-color has-background has-link-color" style="border-bottom-width:1px"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0vh"},"border":{"left":{"width":"1px"},"top":[],"right":{"width":"1px"},"bottom":[]}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="border-right-width:1px;border-left-width:1px"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:site-logo {"width":48,"shouldSyncIcon":true,"align":"center","style":{"color":[]}} /-->
+
+<!-- wp:site-title {"style":{"layout":{"selfStretch":"fit","flexSize":null}}} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"layout":{"selfStretch":"fill","flexSize":null}},"fontSize":"small"} -->
+<p class="has-small-font-size"><?php echo __('"Enjoy yourself. It\'s later than you think." Chinese proverb', 'specials');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}},"border":{"top":{"width":"1px"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group alignwide" style="border-top-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"><!-- wp:navigation {"overlayMenu":"never","align":"wide","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"space-between","orientation":"horizontal"}} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->