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:6d0609858de2fb29f4cdad8721c06b58af822b7e
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:dev
..
compare: arcHIVE-tech:be27a7d142524667e040e01fab357984629b81cf
Branches Tags
arcHIVE-tech:main
arcHIVE-tech:dev

No commits in common. "6d0609858de2fb29f4cdad8721c06b58af822b7e" and "be27a7d142524667e040e01fab357984629b81cf" have entirely different histories.
6d0609858d ... be27a7d142

10 changed files with 18 additions and 215 deletions
Show Stats Expand all files Collapse all files

BIN
src/assets/imgexample/Kami_Alan-Tod-copy-1920x1080.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 225 KiB

18
src/assets/scss/_settings.scss
View File

@ -108,14 +108,10 @@ $global-button-cursor: auto;
$global-color-pick-contrast-tolerance: 0; $global-color-pick-contrast-tolerance: 0;
$print-transparent-backgrounds: true; $print-transparent-backgrounds: true;
$print-hrefs: true; $print-hrefs: true;
@include add-foundation-colors;
// arc-hive globals
// --------------
$global-duration-archive: 0.3s; //duration of css transitions $global-duration-archive: 0.3s; //duration of css transitions
$global-bezier-archive: cubic-bezier(0, 0, 0.43, 1.49); $global-bezier-archive: cubic-bezier(0, 0, 0.43, 1.49);
$global-border-archive: 1px solid $body-font-color;
@include add-foundation-colors;
// 2. Breakpoints // 2. Breakpoints
// -------------- // --------------
@ -253,7 +249,7 @@ $accordion-background: $white;
$accordion-plusminus: true; $accordion-plusminus: true;
$accordion-plus-content: '\002B'; $accordion-plus-content: '\002B';
$accordion-minus-content: '\2013'; $accordion-minus-content: '\2013';
$accordion-title-font-size: $global-font-size;//rem-calc(12); $accordion-title-font-size: rem-calc(12);
$accordion-item-color: $body-font-color; $accordion-item-color: $body-font-color;
$accordion-item-background-hover: none; $accordion-item-background-hover: none;
$accordion-item-padding: $global-padding*1.5 0; $accordion-item-padding: $global-padding*1.5 0;
@ -819,22 +815,22 @@ $switch-cursor-disabled: not-allowed;
$table-background: $white; $table-background: $white;
$table-color-scale: 5%; $table-color-scale: 5%;
$table-border: none;//1px solid smart-scale($table-background, $table-color-scale); $table-border: 1px solid smart-scale($table-background, $table-color-scale);
$table-padding: $global-padding*1.5 0;//rem-calc(8 10 10); $table-padding: rem-calc(8 10 10);
$table-hover-scale: 2%; $table-hover-scale: 2%;
$table-row-hover: darken($table-background, $table-hover-scale); $table-row-hover: darken($table-background, $table-hover-scale);
$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale); $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
$table-is-striped: false;//true; $table-is-striped: true;
$table-striped-background: smart-scale($table-background, $table-color-scale); $table-striped-background: smart-scale($table-background, $table-color-scale);
$table-stripe: even; $table-stripe: even;
$table-head-background: $white;//smart-scale($table-background, $table-color-scale / 2); $table-head-background: smart-scale($table-background, $table-color-scale / 2);
$table-head-row-hover: darken($table-head-background, $table-hover-scale); $table-head-row-hover: darken($table-head-background, $table-hover-scale);
$table-foot-background: smart-scale($table-background, $table-color-scale); $table-foot-background: smart-scale($table-background, $table-color-scale);
$table-foot-row-hover: darken($table-foot-background, $table-hover-scale); $table-foot-row-hover: darken($table-foot-background, $table-hover-scale);
$table-head-font-color: $body-font-color; $table-head-font-color: $body-font-color;
$table-foot-font-color: $body-font-color; $table-foot-font-color: $body-font-color;
$show-header-for-stacked: false; $show-header-for-stacked: false;
$table-stack-breakpoint: small; $table-stack-breakpoint: medium;
// 51. Tabs // 51. Tabs
// -------- // --------

1
src/assets/scss/app.scss
View File

@ -91,7 +91,6 @@
@import "components/cards"; @import "components/cards";
@import "components/buttons"; @import "components/buttons";
@import "components/accordion"; @import "components/accordion";
@import "components/tables";
// Templates // Templates

2
src/assets/scss/components/_accordion.scss
View File

@ -1,5 +1,5 @@
.accordion-item { .accordion-item {
border-bottom: $global-border-archive; border-bottom: 1px solid $body-font-color;
} }
.accordion-title { .accordion-title {
ul,ol { ul,ol {

13
src/assets/scss/components/_tables.scss
View File

@ -1,13 +0,0 @@
table {
tr._expand_site_item {
border-top: $global-border-archive;
}
th {
color: $mid-grey;
}
th,td {
font-weight: normal;
padding: $global-padding*1.5;
line-height: 1.6;
}
}

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

@ -163,7 +163,7 @@
main { main {
@include xy-grid; @include xy-grid;
article{ article{
// text-align:center; text-align:center;
@include card-container(); @include card-container();
@include breakpoint(small){ @include breakpoint(small){
@include xy-cell(); @include xy-cell();
@ -172,52 +172,13 @@
} }
@include breakpoint(large){ @include breakpoint(large){
} }
margin-bottom:0;
}
table {
thead,tbody,tfoot {
margin: $global-padding*2;
}
} }
} }
aside { aside {
} }
} }
// end collections category // end news category
//
// collections category
//--------------
.list-of-sites {
@include xy-grid;
header,.site-list,aside {
@include xy-cell(12);
@include flex;
@include flex-align(center,top);
padding: $global-padding*2 0;
}
header {
margin-top: 2*$global-margin;
border-top: 1px solid $body-font-color;
padding: $global-padding*2 0;
}
.site-list {
@include xy-grid;
article, table{
@include breakpoint(small){
@include xy-cell();
}
@include breakpoint(medium){
}
@include breakpoint(large){
}
margin-bottom:0;
}
}
aside {
}
}
// end collections category
// //
// partners // partners
// for big announcemnts // for big announcemnts
@ -266,7 +227,7 @@
width: 100vw; width: 100vw;
margin: 0; margin: 0;
.textwidget { .textwidget {
padding: $global-padding * 3; padding: $global-padding * 2;
} }
} }
@include breakpoint(medium){ @include breakpoint(medium){

2
src/pages/omeka-index.html
View File

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

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

@ -59,7 +59,8 @@
</main> </main>
<aside> <aside>
<nav> <nav>
<a href="#" class="button">More than 200 Biomedia Artworks</a> <a href="#" class="button hollow">More than 200 Biomedia Artworks</a>
</nav> </nav>
</aside> </aside>
</section> </section>

136
src/partials/section-collections.html
View File

@ -1,136 +0,0 @@
<div class="list-of-sites">
<header>
</header>
<main class="site-list">
<table>
<thead>
<tr>
<th>Title</th>
<th>Artist</th>
<th>Collection</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr class="_expand_site_item">
<td>
Hangar
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr style="display:none">
<td>
</td>
<td colspan="3">
<button class="go_to_site_button" onclick="window.location.href = '/s/hangar'">
View
</button>
</td>
</tr>
<tr class="_expand_site_item">
<td>
Modules
</td>
<td>
Chris<br>
</td>
<td>
Hangar people
</td>
<td>
2021-03-09
</td>
</tr>
<tr style="display:none">
<td>
<img src="https://dev-archive.hangar.org/files/large/81/3D-Panoramic-Landscape-Image-768x288.jpg">
</td>
<td colspan="3">
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>
<button class="go_to_site_button" onclick="window.location.href = '/s/modules'">
View
</button>
</td>
</tr>
<tr class="_expand_site_item">
<td>
Trees and cells
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr style="display:none">
<td>
</td>
<td colspan="3">
Here, some footnotes of structural imagination <br>
<button class="go_to_site_button" onclick="window.location.href = '/s/trees-and-cells'">
View
</button>
</td>
</tr>
<tr class="_expand_site_item">
<td>
VideoReplication
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr style="display:none">
<td>
</td>
<td colspan="3">
<button class="go_to_site_button" onclick="window.location.href = '/s/videoreplication'">
View
</button>
</td>
</tr>
<tr class="_expand_site_item">
<td>
Werewolves
</td>
<td>
Antonio + Chris<br>
</td>
<td>
Hangar people
</td>
<td>
2021-03-02
</td>
</tr>
<tr style="display: none;">
<td>
<img src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg">
</td>
<td colspan="3">
The werewolf is a widespread concept in European folklore, existing in many variants, which are related by a common development of a Christian interpretation of underlying European folklore developed during the medieval period. From the early modern period, werewolf beliefs also spread to the New World with colonialism. Belief in werewolves developed in parallel to the belief in witches, in the course of the Late Middle Ages and the Early Modern period. <br>
<button class="go_to_site_button" onclick="window.location.href = '/s/Werewolves'">
View
</button>
</td>
</tr>
</tbody>
</table>
</main>
<aside>
</aside>
</div>

11
src/partials/section-hero.html
View File

@ -1,21 +1,18 @@
<section class="hero"> <section class="hero">
<main class="slides"> <main class="slides">
<section class="slide"> <section class="slide">
<p class="textwidget">Project Arc-hive is an open source digital platform that aggregates, preserves, publishes, distributes and contextualizes a variety of information, knowledge and documentation on art with a focus on biomedia, ensuring open access to a variety of users, and a wide outreach of digital materials across cultural sectors and territories.</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>
</section> </section>
<section class="slide"> <section class="slide">
<figure> <figure>
<img src="{{root}}assets/imgexample/Kami_Alan-Tod-copy-1920x1080.jpg" class="logo image wp-image-236 attachment-fp-xlarge size-fp-xlarge" style="max-width: 100%; height: auto;" /> <img src="{{root}}assets/img/ARC-HIVE-logo.svg" class="logo"/>
</figure> </figure>
</section> </section>
</main> </main>
<aside> <aside>
<nav> <nav>
<ul id="menu-home-hero-buttons" class="menu button hollow"> <!--button type="button" class="button hollow">search</button-->
<li id="menu-item-221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-221"> <!--button type="button" class="button hollow">collections</button-->
<a href="https://arc-hive.zone/newsletter/">newsletter</a>
</li>
</ul>
</nav> </nav>
</aside> </aside>
</section> </section>