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

Compare commits

base: arcHIVE-tech:ed70df2b0977835a87c4e9c968ecf46e97ba72ac
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:dev
..
compare: arcHIVE-tech:11876929d2dd05cf10e766f770e71c5f33a538b1
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:dev

No commits in common. "ed70df2b0977835a87c4e9c968ecf46e97ba72ac" and "11876929d2dd05cf10e766f770e71c5f33a538b1" have entirely different histories.
ed70df2b09 ... 11876929d2

9 changed files with 360 additions and 422 deletions
Show Stats Expand all files Collapse all files

5
src/assets/scss/global/_branding.scss
View File

@ -5,7 +5,7 @@
&::before { &::before {
content: ''; content: '';
display:inline-block; display:inline-block;
//margin-top:-$global-padding; margin-top:-$global-padding;
width: 100%; width: 100%;
height: $global-padding*5; height: $global-padding*5;
background-size: contain; background-size: contain;
@ -18,13 +18,14 @@
} }
&.arc-hive{ &.arc-hive{
&::before { &::before {
width: 10rem;
max-width: 10rem; max-width: 10rem;
background-image: url('../img/ARC-HIVE-logo.svg'); background-image: url('../img/ARC-HIVE-logo.svg');
} }
} }
&.eu{ &.eu{
&::before { &::before {
max-width: 15rem;
// background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg');
background-image: url('../img/eu_flag_creative_europe_co_funded_left.svg'); background-image: url('../img/eu_flag_creative_europe_co_funded_left.svg');
} }
} }

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

@ -1,21 +1,22 @@
//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,.h5,.h6, .h1,.h2,.h3,.h4,.h5,.h6,
button,.button, button,.button,
header nav { header nav {
font-variant:all-small-caps; font-variant:all-small-caps;
a { a {
color: $body-font-color; color: $body-font-color;
} }
} }
.excerpt,.post-excerpt{ .excerpt,.post-excerpt{
a { a {
color: $body-font-color; color: $body-font-color;
&:hover { &:hover {
@ -24,14 +25,14 @@ header nav {
} }
} }
} }
} }
// //
// main block // main block
//-------------- //--------------
main { main {
article { article {
@include xy-grid; @include xy-grid;
header { header {
@ -62,14 +63,14 @@ main {
} }
} }
} }
} }
// //
// news category // news category
//-------------- //--------------
.news,.news-category { .news,.news-category {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@include breakpoint(small){ @include breakpoint(small){
@ -138,17 +139,16 @@ main {
} }
} }
} }
// end news category // end news category
// //
// collections category // collections category
//-------------- //--------------
.collections-list { .collections-list {
@include xy-grid; @include xy-grid;
width:100vw;
header,main{ header,main{
@include xy-cell(12); @include xy-cell(12);
@include flex; @include flex;
@ -163,13 +163,12 @@ main {
main { main {
@include xy-grid; @include xy-grid;
article{ article{
// text-align:center;
@include card-container(); @include card-container();
@include breakpoint(small){ @include breakpoint(small){
@include xy-cell(); @include xy-cell();
font-size: $global-font-size*0.7;
} }
@include breakpoint(medium){ @include breakpoint(medium){
font-size: $global-font-size*1;
} }
@include breakpoint(large){ @include breakpoint(large){
} }
@ -182,34 +181,20 @@ main {
} }
} }
.accordion-content { .accordion-content {
section { @include xy-grid(12);
@include xy-grid;
@include breakpoint(small){
figure { figure {
@include xy-cell(12); @include xy-cell(4);
} }
p { p {
@include xy-cell(12); @include xy-cell(6);
}
}
@include breakpoint(medium){
figure {
@include xy-cell(3);
}
p {
@include xy-cell(9);
}
}
@include breakpoint(large){
} }
} }
} }
} // end collections category
// end collections category
// partners // partners
// for big announcemnts // for big announcemnts
//--------------------- //---------------------
.partners { .partners {
.entry-content { .entry-content {
@ -236,26 +221,25 @@ main {
margin: 0; margin: 0;
} }
} }
} }
// //
// hero // hero
// for big announcemnts // for big announcemnts
//--------------------- //---------------------
.hero { .hero {
border-top: 2px solid $primary-color; border-top: 2px solid $primary-color;
.slides { .slides {
@include xy-grid(); @include xy-grid();
.slide { .slide {
@include xy-grid; @include xy-grid;
justify-content: center;
@include breakpoint(small){ @include breakpoint(small){
width: 100vw; width: 100vw;
margin: 0; margin: 0;
padding: $global-padding * 3;
.textwidget { .textwidget {
padding: $global-padding * 3;
} }
} }
@include breakpoint(medium){ @include breakpoint(medium){
@ -370,13 +354,8 @@ main {
} }
} }
} }
}
//end hero
// omeka specific styles
#user-bar {
width: 100%;
} }
//end hero
//end omeka specific styles //}
// end content

11
src/assets/scss/modules/_footer.scss
View File

@ -31,20 +31,10 @@ footer {
} }
&.eu { &.eu {
&::before { &::before {
@include breakpoint(small) {
// background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg');
background-position-x: right;
max-width: 50vw;
margin-top:unset;
}
@include breakpoint(medium) {
background-position-x: left;
margin-top:unset; margin-top:unset;
max-width:100%; max-width:100%;
max-height: 4rem; max-height: 4rem;
} }
}
} }
} }
.copyright, .legal-credits { .copyright, .legal-credits {
@ -86,3 +76,4 @@ footer {
} }
} }
} }

25
src/assets/scss/modules/_header.scss
View File

@ -6,20 +6,18 @@
@include breakpoint(small){ @include breakpoint(small){
@include xy-cell(12); @include xy-cell(12);
@include flex-align(center, middle); @include flex-align(center, middle);
padding: $global-padding*2 $global-padding;
min-width: 14rem;
text-align: center; text-align: center;
} }
@include breakpoint (medium) { @include breakpoint(medium){
padding: $global-padding*2 $global-padding;
}
@include breakpoint(large){
@include xy-cell(shrink); @include xy-cell(shrink);
@include flex-align(left, middle); @include flex-align(left, middle);
// min-width: 14rem;
text-align: unset; text-align: unset;
} }
} }
nav { nav {
@include breakpoint(small) { @include breakpoint(small){
@include xy-cell(12); @include xy-cell(12);
@include flex; @include flex;
@include flex-align(center, middle); @include flex-align(center, middle);
@ -34,26 +32,17 @@
padding: 0; padding: 0;
font-size: 0.8rem; font-size: 0.8rem;
} }
.menu {
justify-content: center;
a {
padding: $global-padding*0.7 $global-padding*0.5;
} }
} @include breakpoint(medium){
}
@include breakpoint(medium) {
menu {
font-size: $global-font-size*1.5;
}
}
@include breakpoint(large) {
@include xy-cell(auto); @include xy-cell(auto);
@include flex; @include flex;
@include flex-align(right, middle); @include flex-align(right, middle);
menu { menu {
margin: inherit; margin: inherit;
padding: inherit; padding: inherit;
font-size: $global-font-size*1.5;
} }
} }
} }
} }

7
src/layouts/omeka.html
View File

@ -17,14 +17,13 @@
{{> header}} {{> header}}
</header> </header>
{{> section-hero-omeka}} {{> section-hero-omeka}}
<main>
<article> <article>
<main>
{{> body}} {{> body}}
</article> </main>
<aside> <aside>
</aside> </aside>
</main> </article>
<footer> <footer>
{{> footer}} {{> footer}}

9
src/partials/footer.html
View File

@ -1,12 +1,13 @@
<footer class="">
<section class="subsection"> <section class="subsection">
<aside class="site-brand arc-hive"> <aside class="site-brand arc-hive">
<a href="/" rel="home" class=""> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" class="">
<h1 class="site-name"> <h1 class="site-name">
arcHIVE <?php bloginfo( 'name' ); ?>
</h1> </h1>
<h2 class="site-description"> <h2 class="site-description">
an integrative digital bio-art platform <?php bloginfo( 'description' ); ?>
</h2> </h2>
</a> </a>
</aside> </aside>
@ -51,8 +52,10 @@
Hosted, maintained and coded by <a href="https://hangar.org">Hangar</a> Hosted, maintained and coded by <a href="https://hangar.org">Hangar</a>
</aside> </aside>
<aside class="double"> <aside class="double">
<?php dynamic_sidebar( 'footer-widgets' ); ?>
</aside> </aside>
<aside class="legal-credits"> <aside class="legal-credits">
Visual identity by <a href="http://oficinadedisseny.net/">Oficina de disseny</a> Visual identity by <a href="http://oficinadedisseny.net/">Oficina de disseny</a>
</aside> </aside>
</section> </section>
</footer>

8
src/partials/header.html
View File

@ -1,11 +1,7 @@
<main class=""> <main class="">
<a href="/" role="banner" class="site-brand arc-hive"> <a href="/" role="banner" class="site-brand arc-hive">
<h1 class="site-name"> <h1 class="site-name">arcHIVE</h1>
arcHIVE <h2 class="site-description">an integrative digital bio-art platform</h2>
</h1>
<h2 class="site-description">
an integrative digital bio-art platform
</h2>
</a> </a>
</main> </main>
<nav> <nav>

28
src/partials/section-collections-latest.html
View File

@ -17,12 +17,10 @@
</ul> </ul>
</a> </a>
<aside class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<section>
<figure> <figure>
</figure> </figure>
<p> <p>
</p> </p>
</section>
</aside> </aside>
</li> </li>
<li class="accordion-item" data-accordion-item> <li class="accordion-item" data-accordion-item>
@ -35,13 +33,9 @@
</ul> </ul>
</a> </a>
<aside class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<section>
<figure> <figure>
</figure> </figure>
<p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque unde quaerat reprehenderit ipsa ipsam, adipisci facere repellendus impedit at, quisquam dicta optio veniam quia nesciunt, inventore quod in neque magni?</p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque unde quaerat reprehenderit ipsa ipsam, adipisci facere repellendus impedit at, quisquam dicta optio veniam quia nesciunt, inventore quod in neque magni?
</p>
</section>
</aside> </aside>
</li> </li>
@ -55,18 +49,12 @@
</ul> </ul>
</a> </a>
<aside class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<section>
<figure>
<img src="https://dev-archive.hangar.org/files/large/81/3D-Panoramic-Landscape-Image-768x288.jpg"> <img src="https://dev-archive.hangar.org/files/large/81/3D-Panoramic-Landscape-Image-768x288.jpg">
</figure> <p>You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable. You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable.</p>
<p>
You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable. You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable.
<br> <br>
<button class="go_to_site_button" onclick="window.location.href = '/s/modules'"> <button class="go_to_site_button" onclick="window.location.href = '/s/modules'">
View View
</button> </button>
</p>
</section>
</aside> </aside>
</li> </li>
<li class="accordion-item" data-accordion-item> <li class="accordion-item" data-accordion-item>
@ -79,18 +67,14 @@
</ul> </ul>
</a> </a>
<aside class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<section>
<figure>
</figure>
<p>
Here, some footnotes of structural imagination <br> Here, some footnotes of structural imagination <br>
<button class="go_to_site_button" onclick="window.location.href = '/s/trees-and-cells'"> <button class="go_to_site_button" onclick="window.location.href = '/s/trees-and-cells'">
View View
</button> </button>
</p>
</section>
</aside> </aside>
</li> </li>
<li class="accordion-item" data-accordion-item> <li class="accordion-item" data-accordion-item>
<a href="#" class="accordion-title"> <a href="#" class="accordion-title">
<ul class=""> <ul class="">
@ -101,7 +85,6 @@
</ul> </ul>
</a> </a>
<aside class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<section>
<figure> <figure>
</figure> </figure>
<p> <p>
@ -109,7 +92,6 @@
View View
</button> </button>
</p> </p>
</section>
</aside> </aside>
</li> </li>
<li class="accordion-item" data-accordion-item> <li class="accordion-item" data-accordion-item>
@ -122,7 +104,6 @@
</ul> </ul>
</a> </a>
<aside class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<section>
<figure> <figure>
<img src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg"> <img src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg">
</figure> </figure>
@ -132,7 +113,6 @@
View View
</button> </button>
</p> </p>
</section>
</aside> </aside>
</li> </li>
</ul> </ul>

2
src/partials/section-hero-omeka.html
View File

@ -1,7 +1,7 @@
<section class="hero omeka"> <section class="hero omeka">
<main class="slides"> <main class="slides">
<section class="slide"> <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> --> <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> <figure>
<img src="{{root}}assets/img/ARC-HIVE-logo.svg" class="logo"/> <img src="{{root}}assets/img/ARC-HIVE-logo.svg" class="logo"/>
</figure> </figure>