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

View File

@ -311,6 +311,23 @@
} }
} }
} }
&.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

View File

@ -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>

View File

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

View File

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

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>

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>