arcHIVE-tech/arc-hive-HTML-template
arcHIVE-tech
/
arc-hive-HTML-template
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added styles and pages for omeka templates

This commit is contained in:
jorge 2021-06-09 18:08:55 +02:00
parent a219520b08
commit a338dcf9d6
7 changed files with 91 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/assets/scss/modules/_content.scss
View File

@ -1,18 +1,18 @@
//content { //content {
// general styles // general styles
//---------------- //----------------
// //
// mods on fonts and typography // mods on fonts and typography
// not in foundation variables // not in foundation variables
// ----------------------------- // -----------------------------
h1,h2,h3,h4,h5,h6, h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6, .h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button, button,.button,
header nav, header nav,
h1,h2,h3,h4,h5,h6, h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 { .h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps; font-variant:all-small-caps;
@ -30,7 +30,7 @@
} }
} }
} }
// //
// main block // main block
//-------------- //--------------
@ -73,7 +73,7 @@
// //
// news category // news category
//-------------- //--------------
.news,.news-category { .news,.news-category {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@ -128,7 +128,7 @@
line-height: 0.7; line-height: 0.7;
font-size: $global-font-size*1.5; font-size: $global-font-size*1.5;
} }
} }
} }
aside { aside {
@ -149,7 +149,7 @@
// //
// collections category // collections category
//-------------- //--------------
.collections-list { .collections-list {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@ -182,7 +182,7 @@
// end news category // end news category
// //
// partners // partners
// for big announcemnts // for big announcemnts
//--------------------- //---------------------
@ -229,14 +229,14 @@
width: 100vw; width: 100vw;
margin: 0; margin: 0;
.textwidget { .textwidget {
padding: $global-padding * 2; padding: $global-padding * 2;
} }
} }
@include breakpoint(medium){ @include breakpoint(medium){
.textwidget { .textwidget {
max-width: 50rem; max-width: 50rem;
margin:auto; margin:auto;
padding: $global-padding * 2; padding: $global-padding * 2;
font-size: $global-font-size*1.3; font-size: $global-font-size*1.3;
} }
} }
@ -256,19 +256,19 @@
} }
.textwidget { .textwidget {
font-size: $global-font-size*1.2; font-size: $global-font-size*1.2;
padding: $global-padding * 2; padding: $global-padding * 2;
} }
} }
@include breakpoint(xlarge){ @include breakpoint(xlarge){
.textwidget { .textwidget {
font-size: $global-font-size*1.3; font-size: $global-font-size*1.3;
padding: $global-padding*3; padding: $global-padding*3;
} }
} }
@include breakpoint(xxlarge){ @include breakpoint(xxlarge){
.textwidget { .textwidget {
font-size: $global-font-size*1.6; font-size: $global-font-size*1.6;
padding: $global-padding*3; padding: $global-padding*3;
} }
} }
&:first-child { &: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 //end hero
//} //}

3
src/layouts/default.html
View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="{{root}}assets/css/app.css"> <link rel="stylesheet" href="{{root}}assets/css/app.css">
</head> </head>
<body> <body>
<content class=""> <content class="">
<header> <header>
@ -33,6 +33,5 @@
</content> </content>
<script src="{{root}}assets/js/app.js"></script> <script src="{{root}}assets/js/app.js"></script>
</div>
</body> </body>
</html> </html>

35
src/layouts/omeka.html Normal file
View File

@ -0,0 +1,35 @@
{{!-- This is the base layout for your project, and will be used on every page unless specified. --}}
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>arcHIVE html/css development</title>
<link rel="stylesheet" href="{{root}}assets/css/app.css">
</head>
<body>
<content class="">
<header>
{{> header}}
</header>
{{> section-hero-omeka}}
<article>
<main>
{{> body}}
</main>
<aside>
</aside>
</article>
<footer>
{{> footer}}
</footer>
</content>
<script src="{{root}}assets/js/app.js"></script>
</body>
</html>

1
src/pages/index.html
View File

@ -7,4 +7,3 @@
{{> section-partners}} {{> section-partners}}
{{> section-breaker}} {{> section-breaker}}
{{> section-collections}} {{> section-collections}}

5
src/pages/omeka-index.html Normal file
View File

@ -0,0 +1,5 @@
---
layout: omeka
---
{{> section-collections-latest}}

2
src/partials/header.html
View File

@ -9,7 +9,7 @@
<!-- Content --> <!-- Content -->
<ul class="menu"> <ul class="menu">
<li><a href="#">News</a></li> <li><a href="#">News</a></li>
<li><a href="#">About</a></li> <li><a href="omeka-index.html">Omeka</a></li>
<li><a href="#">Contact</a></li> <li><a href="#">Contact</a></li>
<li><a href="#">Search</a></li> <li><a href="#">Search</a></li>
</ul> </ul>

16
src/partials/section-hero-omeka.html Normal file
View File

@ -0,0 +1,16 @@
<section class="hero omeka">
<main class="slides">
<section class="slide">
<p>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.</p>
<figure>
<img src="{{root}}assets/img/ARC-HIVE-logo.svg" class="logo"/>
</figure>
</section>
</main>
<aside>
<h2 class="">collections</h2>
<nav>
<button type="button" class="button hollow">search</button>
</nav>
</aside>
</section>