first step, home page contained

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
+ */

src/assets/scss/templates/_bfrtemplates.scss

@@ -1,5 +1,6 @@
-// Page header
-.page-template-partner {
+// new edition
+  // Page header
+  .page-template-partner {
     @include breakpoint(small) {
       .featured-hero {
         @include xy-cell(12);
@@ -21,17 +22,17 @@
         @include xy-cell(9);
       }
     }
-}
-$grid-column-width:$grid-row-width/$grid-column-count;
-//_post formats
-// post format video
-.single-format-video iframe {
+  }
+  $grid-column-width:$grid-row-width/$grid-column-count;
+  //_post formats
+  // post format video
+  .single-format-video iframe {
     width: 60vw;
     height: 33.75vw;
-}
+  }
 
-// aside sigle post format
-.format-aside{
+  // aside sigle post format
+  .format-aside{
     @include breakpoint(small) {
       // .entry-content {
       // }
@@ -48,10 +49,10 @@ $grid-column-width:$grid-row-width/$grid-column-count;
         }
       }
     }
-}
+  }
 
-// presentation as home and category archive
-.home,.archive,.page-template-homepage2021{
+  // presentation as home and category archive
+  .home,.archive{
     .main-container {
       @include xy-grid-container(100vw,$global-padding*2);
       overflow: hidden;
@@ -175,26 +176,27 @@ $grid-column-width:$grid-row-width/$grid-column-count;
     .bfr_category_title{
       display:none;
     }
-}
-// homepage 2021
-.homepage-2021 { //&.main-container
-      .entry-content {
-        overflow: hidden;
+  }
+  // homepage 2021
+  .page-template-homepage2021{
+    .homepage-2021 { //&.main-container
+      @include xy-grid-container($global-wider-width);
+      .entry-content { //.main-content
+        // background-color:rgb(250,240,250);
         position: relative;
         & > * {
+          // background-color:rgb(250,250,240);
           float:left;
           clear:both;
           margin-left: $global-margin;
         }
       }
       .fp-gallery {
-        position:absolute;
+        // background-color:rgb(250,240,240);
+        overflow: hidden;
+        position: absolute;
         top:0;
         right: 0;
-        // .fp-gallery-item {
-        // }
-        // .fp-gallery-icon {
-        // }
         img {
           object-fit: cover;
           object-position: center;
@@ -265,3 +267,4 @@ $grid-column-width:$grid-row-width/$grid-column-count;
         }
       }
     }
+  }