From a338dcf9d634accc9b7e0a3b6f5d0e77cf34890f Mon Sep 17 00:00:00 2001 From: "Jorge hangar.org" Date: Wed, 9 Jun 2021 18:08:55 +0200 Subject: [PATCH] added styles and pages for omeka templates --- src/assets/scss/modules/_content.scss | 49 ++++++++++++++++++--------- src/layouts/default.html | 3 +- src/layouts/omeka.html | 35 +++++++++++++++++++ src/pages/index.html | 1 - src/pages/omeka-index.html | 5 +++ src/partials/header.html | 2 +- src/partials/section-hero-omeka.html | 16 +++++++++ 7 files changed, 91 insertions(+), 20 deletions(-) create mode 100644 src/layouts/omeka.html create mode 100644 src/pages/omeka-index.html create mode 100644 src/partials/section-hero-omeka.html diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss index 98bed50..fd8d89f 100644 --- a/src/assets/scss/modules/_content.scss +++ b/src/assets/scss/modules/_content.scss @@ -1,18 +1,18 @@ //content { - + // general styles //---------------- // - // mods on fonts and typography + // 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, - - + + h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h4,.h5,.h6 { font-variant:all-small-caps; @@ -30,7 +30,7 @@ } } } - + // // main block //-------------- @@ -73,7 +73,7 @@ // // news category //-------------- - + .news,.news-category { @include xy-grid; header,main,aside { @@ -128,7 +128,7 @@ line-height: 0.7; font-size: $global-font-size*1.5; } - + } } aside { @@ -149,7 +149,7 @@ // // collections category //-------------- - + .collections-list { @include xy-grid; header,main,aside { @@ -182,7 +182,7 @@ // end news category // - // partners + // partners // for big announcemnts //--------------------- @@ -229,14 +229,14 @@ width: 100vw; margin: 0; .textwidget { - padding: $global-padding * 2; + padding: $global-padding * 2; } } @include breakpoint(medium){ .textwidget { max-width: 50rem; margin:auto; - padding: $global-padding * 2; + padding: $global-padding * 2; font-size: $global-font-size*1.3; } } @@ -256,19 +256,19 @@ } .textwidget { font-size: $global-font-size*1.2; - padding: $global-padding * 2; + padding: $global-padding * 2; } } @include breakpoint(xlarge){ .textwidget { font-size: $global-font-size*1.3; - padding: $global-padding*3; + padding: $global-padding*3; } } @include breakpoint(xxlarge){ .textwidget { font-size: $global-font-size*1.6; - padding: $global-padding*3; + padding: $global-padding*3; } } &:first-child { @@ -311,7 +311,24 @@ } } } - } + &.omeka { + border-top: none; + max-height: unset; + @include breakpoint(small){ + .slide { + width:100vw; + &:first-child { + color: $body-font-color; + background-color: $secondary-color; + font-variant:all-small-caps; + } + } + } + aside { + background-color: $white; + } + } + } //end hero //} diff --git a/src/layouts/default.html b/src/layouts/default.html index 3219fa3..d3d92aa 100644 --- a/src/layouts/default.html +++ b/src/layouts/default.html @@ -10,7 +10,7 @@ - +
@@ -33,6 +33,5 @@ - diff --git a/src/layouts/omeka.html b/src/layouts/omeka.html new file mode 100644 index 0000000..81b6a4e --- /dev/null +++ b/src/layouts/omeka.html @@ -0,0 +1,35 @@ +{{!-- This is the base layout for your project, and will be used on every page unless specified. --}} + + + + + + + + arcHIVE html/css development + + + + + + +
+ {{> header}} +
+ {{> section-hero-omeka}} +
+
+ {{> body}} +
+ +
+ +
+ {{> footer}} +
+ + + + + diff --git a/src/pages/index.html b/src/pages/index.html index 50d1cba..ecdc765 100644 --- a/src/pages/index.html +++ b/src/pages/index.html @@ -7,4 +7,3 @@ {{> section-partners}} {{> section-breaker}} {{> section-collections}} - diff --git a/src/pages/omeka-index.html b/src/pages/omeka-index.html new file mode 100644 index 0000000..d9f5fdd --- /dev/null +++ b/src/pages/omeka-index.html @@ -0,0 +1,5 @@ +--- +layout: omeka +--- + + {{> section-collections-latest}} diff --git a/src/partials/header.html b/src/partials/header.html index c9eb37b..d79f25a 100644 --- a/src/partials/header.html +++ b/src/partials/header.html @@ -9,7 +9,7 @@ diff --git a/src/partials/section-hero-omeka.html b/src/partials/section-hero-omeka.html new file mode 100644 index 0000000..e985427 --- /dev/null +++ b/src/partials/section-hero-omeka.html @@ -0,0 +1,16 @@ +
+
+
+

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.

+
+ +
+
+
+ +