From f3896393fdf6a317a1035771039f97728a68ae4a Mon Sep 17 00:00:00 2001 From: jorge-vitrubio Date: Tue, 20 Apr 2021 22:19:54 +0200 Subject: [PATCH 1/6] removed styles from html and moved into scss --- src/assets/scss/modules/_header.scss | 26 +++++++++++++++++--------- src/layouts/default.html | 10 +++++----- 2 files changed, 22 insertions(+), 14 deletions(-) diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss index d553a93..ea6ee23 100644 --- a/src/assets/scss/modules/_header.scss +++ b/src/assets/scss/modules/_header.scss @@ -1,13 +1,21 @@ @include breakpoint(small){ - header { - min-height: 6rem; - .logo { - max-width: 10rem; - } - slide { - min-height: 10rem; - content { - background-color: $primary-color; + content{ + @include xy-grid-container(); + header { + @include xy-grid(); + @include xy-gutters(0); + min-height: 6rem; + main { + // @include xy-cell(1); + } + .site-name { + display: none; + } + .logo { + max-width: 10rem; + } + menu { + // @include xy-cell(11); } } } diff --git a/src/layouts/default.html b/src/layouts/default.html index e204281..5debb39 100644 --- a/src/layouts/default.html +++ b/src/layouts/default.html @@ -13,16 +13,16 @@ {{!-- Pages you create in the src/pages/ folder are inserted here when the flattened page is created. --}} - + {{> header}} -
-
+
+
-

arcHIVE

+

arcHIVE

- +
- - - - +
{{> hero}} - +
- +

big old hero

- +
- -
+
+
+
{{> body}} -
- + + +
{{> footer}} diff --git a/src/partials/hero.html b/src/partials/hero.html deleted file mode 100644 index d341412..0000000 --- a/src/partials/hero.html +++ /dev/null @@ -1,17 +0,0 @@ -
-
-
-

ARC-HIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins, and cells to full organisms. They can be manipulation, modification or (re)creation of life and living processes.

-
-
- -
-
-
- - diff --git a/src/partials/section-hero-secondary.html b/src/partials/section-hero-secondary.html new file mode 100644 index 0000000..51686cd --- /dev/null +++ b/src/partials/section-hero-secondary.html @@ -0,0 +1,19 @@ +
+
+
+
+ +
+
+

+ From the 15th to the 19th of March, Elisava Research, Elisava’s Master in Design through New Materials and Hangar presented the Biolab week, a week of conferences and workshops on bio materials hosted in the framework of Biofriction. +

+ +
+
+
+ +
diff --git a/src/partials/section-hero-secondaryw.html b/src/partials/section-hero-secondaryw.html new file mode 100644 index 0000000..51686cd --- /dev/null +++ b/src/partials/section-hero-secondaryw.html @@ -0,0 +1,19 @@ +
+
+
+
+ +
+
+

+ From the 15th to the 19th of March, Elisava Research, Elisava’s Master in Design through New Materials and Hangar presented the Biolab week, a week of conferences and workshops on bio materials hosted in the framework of Biofriction. +

+ +
+
+
+ +
diff --git a/src/partials/section-hero.html b/src/partials/section-hero.html index 923def5..9e977e0 100644 --- a/src/partials/section-hero.html +++ b/src/partials/section-hero.html @@ -1,18 +1,18 @@ -
-
-
- -
+
+
+
-

-From the 15th to the 19th of March, Elisava Research, Elisava’s Master in Design through New Materials and Hangar presented the Biolab week, a week of conferences and workshops on bio materials hosted in the framework of Biofriction. -

- +

ARC-HIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins, and cells to full organisms. They can be manipulation, modification or (re)creation of life and living processes.

-
-
- - +
+ +
+
+
+ + From 72bceb8ea76f18e3fb4996ecc4162104bc9f7029 Mon Sep 17 00:00:00 2001 From: jorge-vitrubio Date: Tue, 27 Apr 2021 16:55:49 +0200 Subject: [PATCH 5/6] added cards, modified font styles, reoder scss files --- src/assets/{img => }/imgexample/img0001.jpg | Bin src/assets/{img => }/imgexample/img0002.jpg | Bin src/assets/{img => }/imgexample/img0003.jpg | Bin src/assets/{img => }/imgexample/img0004.jpg | Bin src/assets/scss/_settings.scss | 7 +- src/assets/scss/app.scss | 3 +- src/assets/scss/components/_cards.scss | 3 + src/assets/scss/global/_typography.scss | 17 +++ src/assets/scss/modules/_content.scss | 124 +++++++++++++++++++- src/assets/scss/modules/_footer.scss | 6 +- src/assets/scss/modules/_header.scss | 8 +- src/assets/scss/modules/_hero.scss | 68 ----------- src/partials/section-news.html | 48 ++++++++ 13 files changed, 199 insertions(+), 85 deletions(-) rename src/assets/{img => }/imgexample/img0001.jpg (100%) rename src/assets/{img => }/imgexample/img0002.jpg (100%) rename src/assets/{img => }/imgexample/img0003.jpg (100%) rename src/assets/{img => }/imgexample/img0004.jpg (100%) create mode 100644 src/assets/scss/components/_cards.scss delete mode 100644 src/assets/scss/modules/_hero.scss diff --git a/src/assets/img/imgexample/img0001.jpg b/src/assets/imgexample/img0001.jpg similarity index 100% rename from src/assets/img/imgexample/img0001.jpg rename to src/assets/imgexample/img0001.jpg diff --git a/src/assets/img/imgexample/img0002.jpg b/src/assets/imgexample/img0002.jpg similarity index 100% rename from src/assets/img/imgexample/img0002.jpg rename to src/assets/imgexample/img0002.jpg diff --git a/src/assets/img/imgexample/img0003.jpg b/src/assets/imgexample/img0003.jpg similarity index 100% rename from src/assets/img/imgexample/img0003.jpg rename to src/assets/imgexample/img0003.jpg diff --git a/src/assets/img/imgexample/img0004.jpg b/src/assets/imgexample/img0004.jpg similarity index 100% rename from src/assets/img/imgexample/img0004.jpg rename to src/assets/imgexample/img0004.jpg diff --git a/src/assets/scss/_settings.scss b/src/assets/scss/_settings.scss index 5064827..fb2f2fd 100644 --- a/src/assets/scss/_settings.scss +++ b/src/assets/scss/_settings.scss @@ -73,7 +73,6 @@ // --------- $global-font-size: 100%; -//$global-width: rem-calc(1200); $global-width: 100vw; $global-lineheight: 1.5; @@ -357,13 +356,13 @@ $callout-link-tint: 30%; // 14. Card // -------- -$card-background: $white; +$card-background: unset; $card-font-color: $body-font-color; $card-divider-background: $light-gray; -$card-border: 1px solid $light-gray; +$card-border: none; $card-shadow: none; $card-border-radius: $global-radius; -$card-padding: $global-padding; +$card-padding: $global-padding*4; $card-margin-bottom: $global-margin; // 15. Close Button diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss index b596cf1..5a93850 100644 --- a/src/assets/scss/app.scss +++ b/src/assets/scss/app.scss @@ -74,12 +74,11 @@ // Modules @import "modules/navigation"; @import "modules/header"; -@import "modules/hero"; @import "modules/content"; @import "modules/footer"; // Componentes -//@import "components/buttons"; +@import "components/cards"; // Templates //@import "templates/front"; diff --git a/src/assets/scss/components/_cards.scss b/src/assets/scss/components/_cards.scss new file mode 100644 index 0000000..fe5522f --- /dev/null +++ b/src/assets/scss/components/_cards.scss @@ -0,0 +1,3 @@ +.card { + padding: $global-padding; +} diff --git a/src/assets/scss/global/_typography.scss b/src/assets/scss/global/_typography.scss index 1fecaf1..5ed7b7c 100644 --- a/src/assets/scss/global/_typography.scss +++ b/src/assets/scss/global/_typography.scss @@ -19,3 +19,20 @@ font-face: worksans-mediumitalic, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: normal; } + + +// +// mods on fonts and typography +// not in foundation variables +// ----------------------------- + +h1,h2,h3,h4,h5,h6, +.h1,.h2,.h3,.h4,.h4,.h5,.h6, +button,.button, +header nav, +.hero .claim +{ + font-variant:all-small-caps; +} + + diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss index 07571cf..3676db3 100644 --- a/src/assets/scss/modules/_content.scss +++ b/src/assets/scss/modules/_content.scss @@ -1,5 +1,121 @@ -@include breakpoint(small){ - content{ -// @include xy-grid-container(100vw,0); - } + content { + section { + } + + // + // news category + //-------------- + + .news { + @include xy-grid; + margin: $global-margin*2 0; + header { + @include xy-cell(12); + @include flex; + @include flex-align(center,middle); + } + main { + @include xy-cell(12); + @include xy-grid; + article{ + text-align:center; + > *{ + padding: $global-padding/2 0; + } + @include card-container(); + @include breakpoint(small){ + @include xy-cell(12); + } + @include breakpoint(medium){ + @include xy-cell(6); + } + @include breakpoint(large){ + @include xy-cell(4); + } + } + } + } + // end news category + + + // + // hero + // for big announcemnts + //--------------------- + +$hero-padding: $global-padding * 3; + + .hero { + margin-bottom: $hero-padding; + border-top: 2px solid $primary-color; + background-color: $primary-color; + .slide { + @include xy-grid(); + .claim, figure { + @include breakpoint(small){ + @include xy-cell(full); + } + @include breakpoint(medium){ + @include xy-cell(auto); + @include xy-cell-gutters(0,margin); + @include flex; + @include flex-align(center,middle); + } + padding: $hero-padding; + } + .claim{ + color: $white; + //font-variant: all-small-caps; + @include breakpoint(medium){ + font-size: $lead-font-size; + } + } + figure { + background-color: $white; + .logo { + @include breakpoint(medium){ + max-width: 80%; + } + } + } + } + aside { + @include xy-grid(); + background-color: $secondary-color; + nav { + @include xy-cell(auto); + @include flex; + @include flex-align(spaced,middle); + min-height: 5rem; + button.archive-secondary { + //font-variant:all-small-caps; + color: $black; + border-color: $black; + margin: 0; + padding: $global-padding*1.2 $global-padding*5; + &:hover{ + color: $anchor-color; + border-color: $anchor-color; + } + } + } + } + //hero secondary + &.secondary { + border-top: none; + background-color: $secondary-color; + min-height: 10vh; + .slide{ + .claim { + color: $body-font-color; + } + figure { + background-color: unset; + } + } + } + } + //end hero + } +// end content diff --git a/src/assets/scss/modules/_footer.scss b/src/assets/scss/modules/_footer.scss index 17d1799..8b38128 100644 --- a/src/assets/scss/modules/_footer.scss +++ b/src/assets/scss/modules/_footer.scss @@ -2,9 +2,9 @@ footer { // @include xy-grid-container(); background-color: $secondary-color; - .h1,.h2,.h3,.h4,.h5,.h6 { - font-variant:all-small-caps; - } + //.h1,.h2,.h3,.h4,.h5,.h6 { + //font-variant:all-small-caps; + //} a { color: $body-font-color; &:hover { diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss index 15a7565..c463189 100644 --- a/src/assets/scss/modules/_header.scss +++ b/src/assets/scss/modules/_header.scss @@ -1,4 +1,3 @@ -@include breakpoint(small){ header { @include xy-grid(); @include xy-gutters(0); @@ -11,9 +10,9 @@ @include xy-cell(auto); @include flex; @include flex-align(right, middle); - font-variant:all-small-caps; - .menu, .menu-horizontal { - } + //font-variant:all-small-caps; + //.menu, .menu-horizontal { + //} a, button { color: $black; &:hover { @@ -22,4 +21,5 @@ } } } +@include breakpoint(small){ } diff --git a/src/assets/scss/modules/_hero.scss b/src/assets/scss/modules/_hero.scss deleted file mode 100644 index 0238aa4..0000000 --- a/src/assets/scss/modules/_hero.scss +++ /dev/null @@ -1,68 +0,0 @@ -$hero-padding: $global-padding * 3; - -@include breakpoint(small){ - .hero { - margin-bottom: $hero-padding; - border-top: 2px solid $primary-color; - background-color: $primary-color; - .slide { - @include xy-grid(); - .claim, figure { - @include xy-cell(auto); - @include xy-cell-gutters(0,margin); - @include flex; - @include flex-align(center,middle); - padding: $hero-padding; - } - .claim{ - color: $white; - font-variant: all-small-caps; - font-size: $lead-font-size; - } - figure { - background-color: $white; - .logo { - @include breakpoint(medium){ - max-width: 80%; - } - } - } - } - aside { - @include xy-grid(); - background-color: $secondary-color; - nav { - @include xy-cell(auto); - @include flex; - @include flex-align(spaced,middle); - min-height: 5rem; - button.archive-secondary { - font-variant:all-small-caps; - color: $black; - border-color: $black; - margin: 0; - padding: $global-padding*1.2 $global-padding*5; - &:hover{ - color: $anchor-color; - border-color: $anchor-color; - } - } - } - } - //hero secondary - &.secondary { - border-top: none; - background-color: $secondary-color; - min-height: 10vh; - .slide{ - .claim { - color: $body-font-color; - } - figure { - background-color: unset; - } - } - } - } - //end hero -} diff --git a/src/partials/section-news.html b/src/partials/section-news.html index e69de29..b8ae154 100644 --- a/src/partials/section-news.html +++ b/src/partials/section-news.html @@ -0,0 +1,48 @@ +
+
+

News

+
+
+
+
+ +
+ +

FACTT 20|21 - Improbable Times

+

+ ARC-HIVE is a curatorial space that gathers artworks that work int eh continuum of biomateriality +

+
+
+
+ +
+ +

Conservtion and digitzation Workshop

+

+ They can be manipulation, modification or (re)creation of life and living processes. +

+
+
+
+ +
+ +

Summer School 2021 | Elements of Care

+

+ This ARCHIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins. +

+
+
+
+ +
+ +

ARC-HIVE Kick-off Meeting

+

+ This ARCHIVE is a curatorial space that gathers artworks that work in the continuum of biomateriality, from DNA, proteins. +

+
+
+
+ From e8b63462b09419c954ccb965a33aef7cd6e783ce Mon Sep 17 00:00:00 2001 From: jorge-vitrubio Date: Tue, 27 Apr 2021 21:10:41 +0200 Subject: [PATCH 6/6] accordion and buttons, collections list, hero, news --- src/assets/scss/_settings.scss | 22 ++-- src/assets/scss/app.scss | 2 + src/assets/scss/components/_accordion.scss | 16 +++ src/assets/scss/components/_buttons.scss | 14 +++ src/assets/scss/modules/_content.scss | 126 +++++++++++-------- src/assets/scss/modules/_header.scss | 3 - src/partials/section-collections-latest.html | 66 ++++++++++ src/partials/section-hero-secondary.html | 2 +- src/partials/section-hero-secondaryw.html | 19 --- src/partials/section-hero.html | 4 +- src/partials/section-news.html | 5 + 11 files changed, 194 insertions(+), 85 deletions(-) create mode 100644 src/assets/scss/components/_accordion.scss create mode 100644 src/assets/scss/components/_buttons.scss delete mode 100644 src/partials/section-hero-secondaryw.html diff --git a/src/assets/scss/_settings.scss b/src/assets/scss/_settings.scss index fb2f2fd..9332f8e 100644 --- a/src/assets/scss/_settings.scss +++ b/src/assets/scss/_settings.scss @@ -92,7 +92,7 @@ $body-background: $white; $body-font-color: $black; $body-font-family: worksans-medium, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; $body-antialiased: true; -$global-margin: 1rem; +$global-margin: 2rem; $global-padding: 1rem; $global-position: 1rem; $global-weight-normal: normal; @@ -248,13 +248,13 @@ $accordion-plusminus: true; $accordion-plus-content: '\002B'; $accordion-minus-content: '\2013'; $accordion-title-font-size: rem-calc(12); -$accordion-item-color: $primary-color; -$accordion-item-background-hover: $light-gray; -$accordion-item-padding: 1.25rem 1rem; +$accordion-item-color: $body-font-color; +$accordion-item-background-hover: none; +$accordion-item-padding: $global-padding*1.5 0; $accordion-content-background: $white; -$accordion-content-border: 1px solid $light-gray; +$accordion-content-border: none; $accordion-content-color: $body-font-color; -$accordion-content-padding: 1rem; +$accordion-content-padding: $global-padding*1.5 0; // 8. Accordion Menu // ----------------- @@ -304,8 +304,8 @@ $breadcrumbs-item-separator-color: $medium-gray; $button-font-family: inherit; $button-font-weight: null; $button-font-variant: all-petite-caps; -$button-padding: 1em 2em; -$button-margin: 0 0 $global-margin 0; +$button-padding: $global-padding $global-padding*3; +$button-margin: 0; $button-fill: solid; $button-background: $primary-color; $button-background-hover: scale-color($button-background, $lightness: -15%); @@ -317,8 +317,8 @@ $button-hollow-border-width: 2px; $button-sizes: ( tiny: 0.6rem, small: 0.75rem, - default: 0.9rem, - large: 1.25rem, + default: 1.2rem, + large: 1.5rem, ); $button-palette: $foundation-palette; $button-opacity-disabled: 0.25; @@ -363,7 +363,7 @@ $card-border: none; $card-shadow: none; $card-border-radius: $global-radius; $card-padding: $global-padding*4; -$card-margin-bottom: $global-margin; +$card-margin-bottom: $global-margin*2; // 15. Close Button // ---------------- diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss index 5a93850..df1e934 100644 --- a/src/assets/scss/app.scss +++ b/src/assets/scss/app.scss @@ -79,6 +79,8 @@ // Componentes @import "components/cards"; +@import "components/buttons"; +@import "components/accordion"; // Templates //@import "templates/front"; diff --git a/src/assets/scss/components/_accordion.scss b/src/assets/scss/components/_accordion.scss new file mode 100644 index 0000000..88f3fc0 --- /dev/null +++ b/src/assets/scss/components/_accordion.scss @@ -0,0 +1,16 @@ +.accordion-item { + border-bottom: 1px solid $body-font-color; +} +.accordion-title { + ul,ol { + list-style: none; + //@include flex; + //@include flex-align(justify,middle); + @include xy-grid; + } + li { + display:inline; + @include xy-cell(3); + text-align:left; + } +} diff --git a/src/assets/scss/components/_buttons.scss b/src/assets/scss/components/_buttons.scss new file mode 100644 index 0000000..a3a2f79 --- /dev/null +++ b/src/assets/scss/components/_buttons.scss @@ -0,0 +1,14 @@ +button,.button { + min-width: 20rem; +} +.hero { + button,.button { + color: $button-color-alt; + border-color: $button-color-alt; +// margin: $global-margin*2 0; + &:hover{ + color: $anchor-color; + border-color: $anchor-color; + } + } +} diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss index 3676db3..8db816a 100644 --- a/src/assets/scss/modules/_content.scss +++ b/src/assets/scss/modules/_content.scss @@ -8,20 +8,17 @@ .news { @include xy-grid; - margin: $global-margin*2 0; - header { + header,main,aside { @include xy-cell(12); @include flex; - @include flex-align(center,middle); + @include flex-align(center,top); + padding: $global-padding*3 0; } main { - @include xy-cell(12); + //@include xy-cell(12); @include xy-grid; article{ text-align:center; - > *{ - padding: $global-padding/2 0; - } @include card-container(); @include breakpoint(small){ @include xy-cell(12); @@ -34,6 +31,44 @@ } } } + aside { + } + } + // end news category + + + // + // collections category + //-------------- + + .collections-list { + @include xy-grid; + header,main,aside { + @include xy-cell(12); + @include flex; + @include flex-align(center,top); + padding: $global-padding*3 0; + } + header { + border-top: 1px solid $body-font-color; + padding: $global-padding*4 0; + } + main { + @include xy-grid; + article{ + text-align:center; + @include card-container(); + @include breakpoint(small){ + @include xy-cell(); + } + @include breakpoint(medium){ + } + @include breakpoint(large){ + } + } + } + aside { + } } // end news category @@ -46,38 +81,43 @@ $hero-padding: $global-padding * 3; .hero { - margin-bottom: $hero-padding; border-top: 2px solid $primary-color; background-color: $primary-color; .slide { - @include xy-grid(); - .claim, figure { - @include breakpoint(small){ - @include xy-cell(full); - } - @include breakpoint(medium){ - @include xy-cell(auto); - @include xy-cell-gutters(0,margin); - @include flex; - @include flex-align(center,middle); - } - padding: $hero-padding; + @include xy-grid(); + .claim, figure { + @include breakpoint(small){ + @include xy-cell(full); } - .claim{ - color: $white; - //font-variant: all-small-caps; - @include breakpoint(medium){ + @include breakpoint(medium){ + @include xy-cell(auto); + @include xy-cell-gutters(0,margin); + @include flex; + @include flex-align(center,middle); + } + padding: $hero-padding; + } + .claim{ + color: $white; + @include xy-grid; + @include breakpoint(medium) { font-size: $lead-font-size; } + > * { + @include xy-cell(full); + @include flex; + @include flex-align(center,bottom); + } - figure { - background-color: $white; + } + figure { + background-color: $white; .logo { - @include breakpoint(medium){ - max-width: 80%; - } + @include breakpoint(medium){ + max-width: 80%; } } + } } aside { @include xy-grid(); @@ -86,33 +126,21 @@ $hero-padding: $global-padding * 3; @include xy-cell(auto); @include flex; @include flex-align(spaced,middle); - min-height: 5rem; - button.archive-secondary { - //font-variant:all-small-caps; - color: $black; - border-color: $black; - margin: 0; - padding: $global-padding*1.2 $global-padding*5; - &:hover{ - color: $anchor-color; - border-color: $anchor-color; - } + min-height: 8rem; } } - } //hero secondary &.secondary { border-top: none; background-color: $secondary-color; - min-height: 10vh; - .slide{ - .claim { - color: $body-font-color; - } - figure { - background-color: unset; - } + .slide{ + .claim { + color: $body-font-color; } + figure { + background-color: unset; + } + } } } //end hero diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss index c463189..40d0939 100644 --- a/src/assets/scss/modules/_header.scss +++ b/src/assets/scss/modules/_header.scss @@ -10,9 +10,6 @@ @include xy-cell(auto); @include flex; @include flex-align(right, middle); - //font-variant:all-small-caps; - //.menu, .menu-horizontal { - //} a, button { color: $black; &:hover { diff --git a/src/partials/section-collections-latest.html b/src/partials/section-collections-latest.html index e69de29..e8ee7b3 100644 --- a/src/partials/section-collections-latest.html +++ b/src/partials/section-collections-latest.html @@ -0,0 +1,66 @@ +
+ +
+

Latest in collections

+
+
+ +
+ +
+ diff --git a/src/partials/section-hero-secondary.html b/src/partials/section-hero-secondary.html index 51686cd..1be5b27 100644 --- a/src/partials/section-hero-secondary.html +++ b/src/partials/section-hero-secondary.html @@ -9,7 +9,7 @@ From the 15th to the 19th of March, Elisava Research, Elisava’s Master in Design through New Materials and Hangar presented the Biolab week, a week of conferences and workshops on bio materials hosted in the framework of Biofriction.

diff --git a/src/partials/section-hero-secondaryw.html b/src/partials/section-hero-secondaryw.html deleted file mode 100644 index 51686cd..0000000 --- a/src/partials/section-hero-secondaryw.html +++ /dev/null @@ -1,19 +0,0 @@ -
-
-
-
- -
-
-

- From the 15th to the 19th of March, Elisava Research, Elisava’s Master in Design through New Materials and Hangar presented the Biolab week, a week of conferences and workshops on bio materials hosted in the framework of Biofriction. -

- -
-
-
- -
diff --git a/src/partials/section-hero.html b/src/partials/section-hero.html index 9e977e0..b03c8d6 100644 --- a/src/partials/section-hero.html +++ b/src/partials/section-hero.html @@ -11,8 +11,8 @@ diff --git a/src/partials/section-news.html b/src/partials/section-news.html index b8ae154..5978e18 100644 --- a/src/partials/section-news.html +++ b/src/partials/section-news.html @@ -44,5 +44,10 @@

+