diff --git a/category.php b/category.php
new file mode 100644
index 0000000..d8a5009
--- /dev/null
+++ b/category.php
@@ -0,0 +1,20 @@
+
+>
+
+
+ Skip to main
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/dev/scss/components/_loop-row.scss b/dev/scss/components/_loop-row.scss
new file mode 100644
index 0000000..bbba250
--- /dev/null
+++ b/dev/scss/components/_loop-row.scss
@@ -0,0 +1,83 @@
+.loop-row {
+ display: flex;
+ flex-direction: column;
+ align-content: center;
+ align-items: center;
+ grid-gap: 0;
+
+ > div {
+ flex: 1 1 100%;
+ padding: $gutter;
+ }
+
+ .loop-image {
+ background-color: $di-purple;
+ background-image: linear-gradient(-45deg, $di-purple, $di-purple-light);
+ }
+
+ &:nth-of-type(even) {
+ .loop-image {
+ background-color: $di-orange;
+ background-image: linear-gradient(-45deg, $di-orange, $di-orange-light);
+ }
+ }
+
+ &:nth-of-type(4n) {
+ .loop-image {
+ background-color: $di-orange;
+ background-image: linear-gradient(110deg, $di-purple, $di-purple-light);
+ }
+ }
+
+ &:nth-of-type(5n) {
+ .loop-image {
+ background-color: $di-orange;
+ background-image: linear-gradient(-110deg, $di-orange, $di-orange-light);
+ }
+ }
+
+
+
+}
+
+@media screen and (min-width: $screen-tablet) {
+ .loop-row {
+ flex-direction: row;
+ min-height: 300px;
+
+ > div { flex: 1 1 50%; }
+
+ .loop-image {
+ position: relative;
+ overflow: hidden;
+
+ &::before {
+ float: left;
+ margin-left: -1px;
+ padding-top: 70%;
+ width: 1px;
+ height: 0;
+ content: '';
+ }
+
+ &::after {
+ display: table;
+ clear: both;
+ content: '';
+ }
+
+ img {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ }
+
+ }
+
+ &:nth-of-type(even) {
+ .loop-image { order: 2; }
+ }
+ }
+}
diff --git a/dev/scss/main.scss b/dev/scss/main.scss
index 89f4ed0..8335fc0 100644
--- a/dev/scss/main.scss
+++ b/dev/scss/main.scss
@@ -45,6 +45,7 @@
@import 'components/header-menu';
@import 'components/logo-banner';
@import 'components/home-loop';
+@import 'components/loop-row';
@import 'components/global-head';
@import 'components/search-form';
@import 'components/social-menu';
diff --git a/home-loop.php b/home-loop.php
index 7e50d7a..b13f7f3 100644
--- a/home-loop.php
+++ b/home-loop.php
@@ -3,7 +3,7 @@
$sticky = get_option( 'sticky_posts' );
$args = array(
- 'posts_per_page' => 10,
+ 'posts_per_page' => 12,
'post__in' => $sticky,
'ignore_sticky_posts' => 1
);
@@ -12,13 +12,14 @@
if ( isset($sticky[0]) && $query->have_posts() ) {
while ( $query->have_posts() ) {
$query->the_post(); ?>
+
+
Skip to main
-
-
-
-
+
+
+
+