added styles and pages for omeka templates
This commit is contained in:
parent
a219520b08
commit
a338dcf9d6
|
|
@ -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
|
||||
|
||||
//}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<link rel="stylesheet" href="{{root}}assets/css/app.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<content class="">
|
||||
|
||||
<header>
|
||||
|
|
@ -33,6 +33,5 @@
|
|||
|
||||
</content>
|
||||
<script src="{{root}}assets/js/app.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -7,4 +7,3 @@
|
|||
{{> section-partners}}
|
||||
{{> section-breaker}}
|
||||
{{> section-collections}}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: omeka
|
||||
---
|
||||
|
||||
{{> section-collections-latest}}
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
<!-- Content -->
|
||||
<ul class="menu">
|
||||
<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="#">Search</a></li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue