first commit

wp-content/themes/raft/inc/patterns/inverted-background.php

@@ -0,0 +1,98 @@
+<?php
+/**
+ * Pattern
+ *
+ * @author Themeisle
+ * @package raft
+ * @since 1.0.0
+ *
+ * slug: inverted-background
+ * title: Inverted background
+ * categories: raft
+ * keywords: section, background, inverted, image, features
+ */
+
+$illustrations = array(
+	'shape-01.svg',
+	'shape-04.svg',
+);
+
+$strings = array(
+	'title' => __( 'Inverted background', 'raft' ),
+);
+
+return array(
+	'title'      => $strings['title'],
+	'categories' => array( 'raft' ),
+	'content'    => '
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"64px","bottom":"64px"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"raft-fg","textColor":"raft-bg","layout":{"inherit":false,"wideSize":"960px"}} -->
+<div class="wp-block-group alignfull has-raft-bg-color has-raft-fg-background-color has-text-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:64px;padding-bottom:64px">
+
+<!-- wp:group -->
+<div class="wp-block-group">
+
+<!-- wp:columns -->
+<div class="wp-block-columns">
+
+<!-- wp:column -->
+<div class="wp-block-column">
+
+<!-- wp:heading -->
+<h2>' . esc_html( $strings['title'] ) . '</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Lorem ipsum dolor sit amet.</p>
+<!-- /wp:paragraph -->
+</div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column">
+
+<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full">
+<img src="' . esc_url( RAFT_URL . 'assets/img/' . $illustrations[0] ) . '" alt="Illustration"/>
+</figure>
+<!-- /wp:image -->
+
+<!-- wp:heading {"level":3} -->
+<h3>Lorem ipsum</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
+<!-- /wp:paragraph -->
+
+</div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column">
+
+<!-- wp:heading {"level":3} -->
+<h3>Lorem ipsum</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full">
+<img src="' . esc_url( RAFT_URL . 'assets/img/' . $illustrations[1] ) . '" alt="Illustration"/>
+</figure>
+<!-- /wp:image -->
+
+</div>
+<!-- /wp:column -->
+
+</div>
+<!-- /wp:columns -->
+
+</div>
+<!-- /wp:group -->
+
+</div>
+<!-- /wp:group -->',
+);