- + - - have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?> + + have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?> - +
>
diff --git a/biofriction-theme/package-lock.json b/biofriction-theme/package-lock.json index 208979ae..d71a6a4c 100644 --- a/biofriction-theme/package-lock.json +++ b/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": { diff --git a/biofriction-theme/page-templates/homepage2021.php b/biofriction-theme/page-templates/homepage2021.php index 15ef1ba0..dbd62db9 100644 --- a/biofriction-theme/page-templates/homepage2021.php +++ b/biofriction-theme/page-templates/homepage2021.php @@ -20,22 +20,22 @@ get_header(); ?> - - -
> -
-

-
-
- -
-
- -

-
-
- - + + +
> +
+

+
+
+ +
+
+ +

+
+
+ + diff --git a/biofriction-theme/src/assets/scss/templates/_bfrtemplates.scss b/biofriction-theme/src/assets/scss/templates/_bfrtemplates.scss index bfcdd72f..f0643a82 100644 --- a/biofriction-theme/src/assets/scss/templates/_bfrtemplates.scss +++ b/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%; + } } } }