modifies gallery post in home page. modified menu

biofriction-theme/dist/assets/js/app.js.LICENSE.txt

@@ -0,0 +1,6 @@
+/**
+ * what-input - A global utility for tracking the current input method (mouse, keyboard or touch).
+ * @version v4.3.1
+ * @link https://github.com/ten1seven/what-input
+ * @license MIT
+ */

biofriction-theme/gulpfile.babel.js

@@ -231,7 +231,7 @@ function server(done) {
     proxy: BROWSERSYNC.url,
 
     ui: {
-      port: 808080 
+      port: 8282 
     },
 
   });

biofriction-theme/header.php

@@ -24,10 +24,10 @@
 			<div class="site-custom-logo biofriction-logo-moving-transp cell small-12 medium-12 large-3 shrink"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php //the_custom_logo(); ?></a></div>
 			<div class="site-name"><h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1></div>
 			<div class="site-description"><h2><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'description' ); ?></a></h2></div>
-			<nav class="site-center-top-nav small-12 medium-6 grid-x align-center">
+			<nav class="site-center-top-nav small-12 large-auto grid-x align-center">
 				<?php foundationpress_top_bar_c(); ?>
 			</nav>
-			<nav class="site-top-nav menu small-12 medium-6 large-shrink align-center"><?php foundationpress_top_bar_r(); ?></nav>
+			<nav class="site-top-nav menu small-12 large-shrink align-center"><?php foundationpress_top_bar_r(); ?></nav>
 		</content>
 
 		    <?php if (is_category('peephole') || is_tag() ) : ?>

biofriction-theme/page-templates/homepage2021.php

@@ -24,7 +24,7 @@ get_header(); ?>
 
 <article id="content-homepage-2021 post-<?php the_ID(); ?>" <?php post_class(); ?>>
   <header>
-    <h1 class="entry-title"><?php the_title(); ?></h1>
+    <h1 class="entry-title"><?php //the_title(); ?></h1>
   </header>
   <div class="entry-content">
     <?php the_content(); ?>

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

@@ -33,8 +33,8 @@ $grid-column-width:$grid-row-width/$grid-column-count;
 // aside sigle post format
 .format-aside{
   @include breakpoint(small) {
-    .entry-content {
+    // .entry-content {
-    }
+    // }
   }
   @include breakpoint(medium) {
     .entry-title{
@@ -52,93 +52,121 @@ $grid-column-width:$grid-row-width/$grid-column-count;
 
 // presentation as home and category archive
 .home,.archive{
-    .main-container {
+  .main-container {
-      // @include xy-grid-container(100vw,0);
+    // @include xy-grid-container(100vw,0);
-      @include xy-grid-container(100vw,$global-padding*2);
+    @include xy-grid-container(100vw,$global-padding*2);
-      overflow: hidden;
+    overflow: hidden;
-      .main-grid {
+    // .main-grid {
-        .main-content {
+    .main-content {
-          @include xy-cell(12,padding,0);
+      @include xy-cell(12,padding,0);
-          .bfr_category_archive {
+      .bfr_category_archive {
-              @include xy-grid();
+        @include xy-grid();
+      }
+      .bfr_post {
+        @include breakpoint(small) {
+          @include xy-cell(12);
+          margin-bottom: $global-margin;
+        }
+        @include breakpoint(medium) {
+          @include xy-cell(6);
+        }
+        @include breakpoint(large) {
+          @include xy-cell(4);
+        }
+        background-color: $light-gray;
+        padding: $global-padding * 1;
+        border-radius: $button-radius / 2;
+      }
+      .bfr_post_content {
+        .entry-title {
+          @include breakpoint(small) {
+            font-size: rem-calc(18);
+            min-height: 6rem;
           }
-          .bfr_post {
+          @include breakpoint(medium) {
-            @include breakpoint(small) {
+            font-size: rem-calc(25);
-                @include xy-cell(12);
+            min-height: 8rem;
-                margin-bottom: $global-margin;
-              }
-              @include breakpoint(medium) {
-                  @include xy-cell(6);
-              }
-              @include breakpoint(large) {
-                  @include xy-cell(4);
-              }
-              background-color: $light-gray;
-              padding: $global-padding * 1;
-              border-radius: $button-radius / 2;
           }
-          .bfr_post_content {
+          padding:$global-padding 0 0 0;
-            .entry-title {
+          width: 100%;
-              @include breakpoint(small) {
+        }
-                font-size: rem-calc(18);
+        .bfr_post_thumbnail {
-                min-height: 6rem;
+          @include breakpoint(small) {
-              }
+            float: none;
-              @include breakpoint(medium) {
+            max-width:unset;
-                font-size: rem-calc(25);
+            border-radius:$button-radius;
-                min-height: 8rem;
+          }
-              }
+          @include breakpoint(medium) {
-              padding:$global-padding 0 0 0;
+            float: right;
-              width: 100%;
+            max-width:35%;
-            }
+          }
-            .bfr_post_thumbnail {
+        }
-              @include breakpoint(small) {
+        footer{
-                float: none;
+          @include breakpoint(small) {
-                max-width:unset;
+            float: none;
-                border-radius:$button-radius;
+            max-width: unset;
-              }
+          }
-              @include breakpoint(medium) {
+          @include breakpoint(medium) {
-                float: right;
+            float: left;
-                max-width:35%;
+            max-width: 60%;
-              }
+            a.button{
-            }
+              position: absolute;
-            footer{
+              bottom: 0;
-              @include breakpoint(small) {
-                float: none;
-                max-width: unset;
-              }
-              @include breakpoint(medium) {
-                float: left;
-                max-width: 60%;
-	      }
-            }
-            .post-excerpt {
-              max-height: 14rem;
-              overflow: hidden;
-              margin-bottom: $global-margin * 1.2;
-            }
-            .button {
-              background-color:$primary-color;
-              color:$secondary-color;
-              &:hover{
-                background-color:$secondary-color;
-                color:$primary-color;
-              }
-            }
-            @include breakpoint(medium){
-              position: relative;
-              min-height: 100%;
-              .post-excerpt{
-                margin-bottom: 3.5rem;
-              }
-              footer a.button{
-                position: absolute;
-                bottom: 0;
-              }
             }
           }
         }
+        .post-excerpt {
+          @include breakpoint(small) {
+            max-height: 14rem;
+            overflow: hidden;
+            margin-bottom: $global-margin * 1.2;
+          }
+          @include breakpoint(medium) {
+            margin-bottom: 3.5rem;
+          }
+        }
+        .button {
+          @include breakpoint(small) {
+          }
+          @include breakpoint(medium) {
+          }
+          background-color:$primary-color;
+          color:$secondary-color;
+          &:hover{
+            background-color:$secondary-color;
+            color:$primary-color;
+          }
+        }
+        @include breakpoint(medium){
+          position: relative;
+          min-height: 100%;
+        }//end medium
+      }
+      .category-photos-archive {
+        .bfr_post_thumbnail {
+          float:none;
+          max-width:unset;
+          overflow:hidden;
+          @include breakpoint(small) {
+            max-height: ( 100vw / 2  );
+          }
+          @include breakpoint(medium) {
+            max-height: ( 100vw  / 3 );
+          }
+          @include breakpoint(large) {
+            max-height: ( 100vw / 5 );
+          }
+          @include breakpoint(xlarge) {
+            // max-height: ( 30vw  / 4.5 ) ;
+          }
+          img {
+            width: 100%;
+          }
+        }
       }
     }
+    // }
+  }
   .bfr_category_title{
     display:none;
   }