added home 2021 right gallery

biofriction-theme/gulpfile.babel.js

@@ -84,7 +84,8 @@ function sass() {
     })
       .on('error', $.sass.logError))
     .pipe($.autoprefixer({
-      browsers: COMPATIBILITY
+      //browsers: COMPATIBILITY
+      browserlist: COMPATIBILITY
     }))
 
     .pipe($.if(PRODUCTION, $.cleanCss({ compatibility: 'ie9' })))

biofriction-theme/home.php

@@ -20,12 +20,12 @@ get_header(); ?>
 		<main class="main-content">
 			<div class="bfr_category_archive">
 					<?php // Start the Loop  ?>
-					<?php // category 12 is the "artist" category in the 2021 installation,?>
+					<?php // category 12 is the "peephole" category in the 2021 installation,?>
 					<?php // if starting from new install this might change, check the category number that you want to hide ?>
-					<?php $query = new WP_Query( 'cat=-12' ); ?>
-					<?php if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?>
+					<?php //$query = new WP_Query( 'cat=-12' ); ?>
+					<?php //if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?>
 					<?php // coment above, uncoment below to query all posts ?>
-					<?php // if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
+					<?php  if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 						<article id="post-<?php the_ID(); ?>" <?php post_class('bfr_post'); ?>>
 							<div class="bfr_post_content">
 								<header>

biofriction-theme/package-lock.json

@@ -2630,9 +2630,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001202",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001202.tgz",
-      "integrity": "sha512-ZcijQNqrcF8JNLjzvEiXqX4JUYxoZa7Pvcsd9UD8Kz4TvhTonOSNRsK+qtvpVL4l6+T1Rh4LFtLfnNWg6BGWCQ==",
+      "version": "1.0.30001271",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001271.tgz",
+      "integrity": "sha512-BBruZFWmt3HFdVPS8kceTBIguKxu4f99n5JNp06OlPD/luoAMIaIK5ieV5YjnBLH3Nysai9sxj9rpJj4ZisXOA==",
       "dev": true
     },
     "caseless": {

biofriction-theme/page-templates/homepage2021.php

@@ -20,22 +20,22 @@ get_header(); ?>
       <?php /* Start the Loop */ ?>
       <?php while ( have_posts() ) : the_post(); ?>
         <?php //get_template_part( 'template-parts/content', get_post_format() ); ?>
-<?php //begin part homepage-2021 ?>
-
-<article id="content-homepage-2021 post-<?php the_ID(); ?>" <?php post_class(); ?>>
-  <header>
-    <h1 class="entry-title"><?php //the_title(); ?></h1>
-  </header>
-  <div class="entry-content">
-    <?php the_content(); ?>
-  </div>
-  <footer>
-    <?php get_template_part( 'template-parts/navigation', 'prevnext' ); ?>
-    <?php $tag = get_the_tags(); if ( $tag ) { ?><p><?php the_tags(); ?></p><?php } ?>
-  </footer>
-</article>
-
-<?php //end part homepage-2021 ?>
+        <?php //begin part homepage-2021 ?>
+        
+        <article id="content-homepage-2021 post-<?php the_ID(); ?>" <?php post_class(); ?>>
+          <header>
+            <h1 class="entry-title"><?php //the_title(); ?></h1>
+          </header>
+          <div class="entry-content">
+            <?php the_content(); ?>
+          </div>
+          <footer>
+            <?php get_template_part( 'template-parts/navigation', 'prevnext' ); ?>
+            <?php $tag = get_the_tags(); if ( $tag ) { ?><p><?php the_tags(); ?></p><?php } ?>
+          </footer>
+        </article>
+        
+        <?php //end part homepage-2021 ?>
       <?php endwhile; ?>
 
       <?php else : ?>

biofriction-theme/src/assets/scss/templates/_bfrtemplates.scss

@@ -53,10 +53,8 @@ $grid-column-width:$grid-row-width/$grid-column-count;
 // presentation as home and category archive
 .home,.archive{
   .main-container {
-    // @include xy-grid-container(100vw,0);
     @include xy-grid-container(100vw,$global-padding*2);
     overflow: hidden;
-    // .main-grid {
     .main-content {
       @include xy-cell(12,padding,0);
       .bfr_category_archive {
@@ -157,7 +155,6 @@ $grid-column-width:$grid-row-width/$grid-column-count;
             max-height: ( 100vw / 5 );
           }
           @include breakpoint(xlarge) {
-            // max-height: ( 30vw  / 4.5 ) ;
           }
           img {
             width: 100%;
@@ -165,20 +162,52 @@ $grid-column-width:$grid-row-width/$grid-column-count;
         }
       }
     }
-    // }
   }
   .bfr_category_title{
     display:none;
   }
-}
 
-// homepage 2021
-.homepage-2021 {
-  .entry-content {
-    p {
-      max-width: 45%;
-      float: left;
-      clear: both;
+  // homepage 2021
+  .homepage-2021 { //&.main-container
+    @include breakpoint(small) {
+      .entry-content {
+        display:flex;
+        flex-flow: row;
+        flex-wrap: wrap;
+        position: relative;
+        & > * {
+          flex-basis: 51%;
+        }
+      }
+      .fp-gallery {
+        flex-basis: 45%;
+        max-width: 45%;
+        margin-left: auto;
+        position:absolute;
+        top:0;
+        right: $global-margin;
+      }
+      .fp-gallery-item {
+        display:flex;
+        align-items: center;
+        width: 100%;
+      }
+    }
+    @include breakpoint(medium) {
+      .fp-gallery {
+        max-height: 90vw;
+        overflow: hidden;
+      }
+      .fp-gallery-item {
+        width:40%;
+      }
+    }
+    @include breakpoint(xlarge) {
+      .fp-gallery {
+      }
+      .fp-gallery-item {
+        width:26%;
+      }
     }
   }
 }