Vows: Add theme (#7919)

* Vows: Add theme

* Vows: Updating readme and screenshot

---------

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

vows/functions.php

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

vows/parts/comments.html

@@ -0,0 +1,49 @@
+
+<!-- wp:group {"layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group">
+ <!-- wp:comments {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}},"className":"wp-block-comments-query-loop"} -->
+ <div class="wp-block-comments wp-block-comments-query-loop" style="margin-top:var(--wp--preset--spacing--70)">
+ <!-- wp:comments-title {"level":3} /-->
+
+ <!-- wp:comment-template -->
+ <!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}}} -->
+ <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--50)">
+ <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+ <div class="wp-block-group">
+ <!-- wp:avatar {"size":48,"style":{"border":{"radius":"50%"}}} /-->
+
+ <!-- wp:group {"style":{"spacing":{"blockGap":"0"}}} -->
+ <div class="wp-block-group">
+ <!-- wp:comment-author-name /-->
+
+ <!-- wp:comment-date /-->
+ </div>
+ <!-- /wp:group -->
+ </div>
+ <!-- /wp:group -->
+
+ <!-- wp:comment-content /-->
+
+ <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex"}} -->
+ <div class="wp-block-group">
+ <!-- wp:comment-reply-link /-->
+
+ <!-- wp:comment-edit-link /-->
+ </div>
+ <!-- /wp:group -->
+ </div>
+ <!-- /wp:group -->
+ <!-- /wp:comment-template -->
+
+ <!-- wp:comments-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} -->
+ <!-- wp:comments-pagination-previous /-->
+
+ <!-- wp:comments-pagination-next /-->
+ <!-- /wp:comments-pagination -->
+
+ <!-- wp:post-comments-form {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50"}}}} /-->
+ </div>
+ <!-- /wp:comments -->
+</div>
+<!-- /wp:group -->
+

vows/parts/footer.html

@@ -0,0 +1,19 @@
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"spacing":{"blockGap":"var:preset|spacing|70","margin":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"textColor":"contrast","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-contrast-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)"><!-- wp:query {"queryId":0,"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"layout":{"type":"constrained"}} -->
+<div class="wp-block-query"><!-- wp:post-template {"style":{"spacing":{"blockGap":"0"}}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}},"border":{"bottom":{"width":"1px","style":"dotted"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="border-bottom-style:dotted;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:post-title {"isLink":true,"style":{"typography":{"textTransform":"none","letterSpacing":"0rem"}},"fontSize":"medium"} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template --></div>
+<!-- /wp:query -->
+
+<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":1,"className":"no-underline"} -->
+<h1 class="wp-block-heading no-underline"><a href="/rsvp" data-type="page" data-id="391" rel="nofollow">RSVP</a></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"lock":{"move":false,"remove":false},"className":"no-underline","fontSize":"small"} -->
+<p class="no-underline has-small-font-size">Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

vows/parts/header.html

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

vows/patterns/404.php

@@ -0,0 +1,43 @@
+<?php
+/**
+ * Title: 404
+ * Slug: vows/404
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
+<div class="wp-block-columns"><!-- wp:column {"width":"40%"} -->
+<div class="wp-block-column" style="flex-basis:40%"><!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:template-part {"slug":"header","tagName":"header"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"60%"} -->
+<div class="wp-block-column" style="flex-basis:60%"><!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"100vh"},"background":{"backgroundImage":{"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/groovepaper.png","source":"file","title":"groovepaper"},"backgroundSize":"300px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
+<div class="wp-block-group" style="min-height:100vh"><!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:site-title /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">Oops... That page can’t be found.</h1>
+<!-- /wp:heading -->
+
+<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
+<main class="wp-block-group"><!-- wp:paragraph -->
+<p>It looks like nothing was found at this location. Maybe try a search?</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:search {"label":"","showLabel":false,"placeholder":"Search...","buttonText":"","buttonPosition":"button-inside","buttonUseIcon":true} /--></main>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","area":"footer"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

vows/patterns/archive.php

@@ -0,0 +1,49 @@
+<?php
+/**
+ * Title: archive
+ * Slug: vows/archive
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
+<div class="wp-block-columns"><!-- wp:column {"width":"40%"} -->
+<div class="wp-block-column" style="flex-basis:40%"><!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:template-part {"slug":"header","tagName":"header"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"60%"} -->
+<div class="wp-block-column" style="flex-basis:60%"><!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"100vh"},"background":{"backgroundImage":{"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/groovepaper.png","source":"file","title":"groovepaper"},"backgroundSize":"300px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
+<div class="wp-block-group" style="min-height:100vh"><!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)"><!-- wp:group {"layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:site-title /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:query-title {"type":"archive"} /-->
+
+<!-- wp:query {"queryId":103,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":true},"layout":{"type":"constrained"}} -->
+<div class="wp-block-query"><!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|80"}},"layout":{"type":"default"}} -->
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","padding":{"bottom":"var:preset|spacing|30"}},"border":{"bottom":{"width":"1px","style":"dotted"},"top":[],"right":[],"left":[]}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="border-bottom-style:dotted;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:post-featured-image {"isLink":true,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}}} /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group"><!-- wp:post-title {"isLink":true,"fontSize":"medium"} /-->
+
+<!-- wp:post-date /--></div>
+<!-- /wp:group -->
+
+<!-- wp:post-excerpt {"moreText":"Read more »","showMoreOnNewLine":false,"excerptLength":28} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template --></div>
+<!-- /wp:query --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","area":"footer"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

vows/patterns/footer.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Title: footer
+ * Slug: vows/footer
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"spacing":{"blockGap":"var:preset|spacing|70","margin":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"textColor":"contrast","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-contrast-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)"><!-- wp:query {"queryId":0,"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[]},"layout":{"type":"constrained"}} -->
+<div class="wp-block-query"><!-- wp:post-template {"style":{"spacing":{"blockGap":"0"}}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}},"border":{"bottom":{"width":"1px","style":"dotted"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="border-bottom-style:dotted;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:post-title {"isLink":true,"style":{"typography":{"textTransform":"none","letterSpacing":"0rem"}},"fontSize":"medium"} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template --></div>
+<!-- /wp:query -->
+
+<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
+<div class="wp-block-group"><!-- wp:heading {"level":1,"className":"no-underline"} -->
+<h1 class="wp-block-heading no-underline"><?php echo __('<a href="/rsvp" data-type="page" data-id="391" rel="nofollow">RSVP</a>', 'vows');?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"lock":{"move":false,"remove":false},"className":"no-underline","fontSize":"small"} -->
+<p class="no-underline has-small-font-size"><?php echo __('Designed with <a href="https://wordpress.org" rel="nofollow">WordPress</a>', 'vows');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

vows/patterns/front-page.php

@@ -0,0 +1,31 @@
+<?php
+/**
+ * Title: front-page
+ * Slug: vows/front-page
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
+<div class="wp-block-columns"><!-- wp:column {"width":"40%"} -->
+<div class="wp-block-column" style="flex-basis:40%"><!-- wp:group {"style":{"position":{"type":"sticky","top":"0px"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:template-part {"slug":"header","tagName":"header"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"60%"} -->
+<div class="wp-block-column" style="flex-basis:60%"><!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"100vh"},"background":{"backgroundImage":{"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/groovepaper.png","source":"file","title":"groovepaper"},"backgroundSize":"300px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
+<div class="wp-block-group" style="min-height:100vh"><!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)"><!-- wp:heading {"level":1} -->
+<h1 class="wp-block-heading">The Wedding of Emily Johnson &amp; Michael Brown</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>With joyful hearts, Emily and Michael invite you to join them in celebrating their union. Come share in a day filled with love, laughter, and unforgettable memories.</p>
+<!-- /wp:paragraph --></main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","area":"footer"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

vows/patterns/header.php

@@ -0,0 +1,25 @@
+<?php
+/**
+ * Title: header
+ * Slug: vows/header
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/header-background.jpg","dimRatio":10,"overlayColor":"contrast","isUserOverlayColor":true,"minHeight":100,"minHeightUnit":"vh","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-cover" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-contrast-background-color has-background-dim-10 has-background-dim"></span><img class="wp-block-cover__image-background" alt="<?php echo __('', 'vows');?>" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/header-background.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"dimensions":{"minHeight":"100vh"},"elements":{"link":{"color":{"text":"var:preset|color|base"},":hover":{"color":{"text":"var:preset|color|base"}}}}},"textColor":"base","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"bottom","justifyContent":"stretch"}} -->
+<div class="wp-block-group has-base-color has-text-color has-link-color" style="min-height:100vh;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|60","padding":{"top":"var:preset|spacing|60","bottom":"5vh","left":"var:preset|spacing|60","right":"0"}},"layout":{"selfStretch":"fit","flexSize":null}},"backgroundColor":"contrast","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+<div class="wp-block-group has-contrast-background-color has-background" style="padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:5vh;padding-left:var(--wp--preset--spacing--60)"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0.22rem","bottom":"0.22rem"}},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="padding-top:0.22rem;padding-bottom:0.22rem"><!-- wp:heading {"textAlign":"left","level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"uppercase","lineHeight":"1.4"}},"textColor":"primary","fontSize":"small","fontFamily":"figtree"} -->
+<h1 class="wp-block-heading has-text-align-left has-primary-color has-text-color has-link-color has-figtree-font-family has-small-font-size" style="line-height:1.4;text-transform:uppercase"><?php echo __('Save<br>the<br>Date', 'vows');?></h1>
+<!-- /wp:heading --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"layout":{"selfStretch":"fill","flexSize":null},"border":{"right":{"color":"var:preset|color|primary","width":"5px"},"top":[],"bottom":[],"left":[]}},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="border-right-color:var(--wp--preset--color--primary);border-right-width:5px"><!-- wp:paragraph {"align":"left","style":{"layout":{"selfStretch":"fill","flexSize":null}},"fontSize":"small"} -->
+<p class="has-text-align-left has-small-font-size"><?php echo __('September 15, 2024 — 4:00 PM<br>Whispering Pines Resort, Lake Tahoe, CA<br>Reception to follow ceremony', 'vows');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div></div>
+<!-- /wp:cover -->