From 7dfcb1fd99b7823fbb63327e071550567007b493 Mon Sep 17 00:00:00 2001 From: jorge-vitrubio Date: Tue, 27 Apr 2021 11:28:11 +0200 Subject: [PATCH] footer styles and structure --- src/assets/scss/global/_branding.scss | 2 +- src/assets/scss/modules/_content.scss | 2 +- src/assets/scss/modules/_footer.scss | 34 ++++- src/layouts/default.html | 15 +- src/pages/index.html | 161 ++-------------------- src/pages/kitchensink.html | 153 ++++++++++++++++++++ src/partials/footer.html | 65 +++++---- src/partials/hero.html | 17 --- src/partials/section-hero-secondary.html | 19 +++ src/partials/section-hero-secondaryw.html | 19 +++ src/partials/section-hero.html | 32 ++--- 11 files changed, 288 insertions(+), 231 deletions(-) create mode 100644 src/pages/kitchensink.html delete mode 100644 src/partials/hero.html create mode 100644 src/partials/section-hero-secondary.html create mode 100644 src/partials/section-hero-secondaryw.html diff --git a/src/assets/scss/global/_branding.scss b/src/assets/scss/global/_branding.scss index 977f96d..e22bc6c 100644 --- a/src/assets/scss/global/_branding.scss +++ b/src/assets/scss/global/_branding.scss @@ -1,4 +1,4 @@ -.site-brand { +.brand-logo,.site-brand { .site-name { display: none; } diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss index 5433db0..07571cf 100644 --- a/src/assets/scss/modules/_content.scss +++ b/src/assets/scss/modules/_content.scss @@ -1,5 +1,5 @@ @include breakpoint(small){ content{ - @include xy-grid-container(100vw,0); +// @include xy-grid-container(100vw,0); } } diff --git a/src/assets/scss/modules/_footer.scss b/src/assets/scss/modules/_footer.scss index 0fcc2fe..17d1799 100644 --- a/src/assets/scss/modules/_footer.scss +++ b/src/assets/scss/modules/_footer.scss @@ -1,11 +1,41 @@ @include breakpoint(small) { footer { + // @include xy-grid-container(); background-color: $secondary-color; + .h1,.h2,.h3,.h4,.h5,.h6 { + font-variant:all-small-caps; + } + a { + color: $body-font-color; + &:hover { + color: $primary-color; + } + } + p { + margin: 0; + } + ul,ol { + list-style: none; + padding: 0; + margin: 0; + } + li { + float:left; + padding-right: $global-padding; + } + .logo { + } .subsection { @include xy-grid; + @include flex; + @include flex-align(left,bottom); border-top: 1px solid black; - section{ - @include xy-cell(4); + padding: $global-padding 0; + aside { + @include xy-cell(3); + &.double { + @include xy-cell(6); + } } } } diff --git a/src/layouts/default.html b/src/layouts/default.html index 2359209..3219fa3 100644 --- a/src/layouts/default.html +++ b/src/layouts/default.html @@ -17,23 +17,10 @@ {{> header}} -
- {{> hero}} -
+ {{> section-hero}}
- {{> section-news}} - {{> section-collections-latest}} - {{> section-breaker}} -
- {{> section-hero}} -
- {{> section-about}} - {{> section-description}} - {{> section-partners}} - {{> section-collections}} - {{> body}}
+ +
-
+
-
+ +
-
- + +
- + +
+
+ + +
- - 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.

-
-
- - +
+ +
+
+
+ +