Compare commits
5 Commits
11876929d2
...
ed70df2b09
| Author | SHA1 | Date |
|---|---|---|
 jorge
|
ed70df2b09 | |
|
jorge
|
c4bfadae9b | |
|
jorge
|
9b578134a8 | |
|
jorge
|
9ff5a73036 | |
|
jorge
|
7500b4bf28 |
|
|
@ -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,14 +18,13 @@
|
||||||
}
|
}
|
||||||
&.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');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,200 +1,215 @@
|
||||||
//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{
|
||||||
|
a {
|
||||||
|
color: $body-font-color;
|
||||||
|
&:hover {
|
||||||
|
p {
|
||||||
|
color: $anchor-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.excerpt,.post-excerpt{
|
}
|
||||||
a {
|
}
|
||||||
color: $body-font-color;
|
|
||||||
&:hover {
|
//
|
||||||
p {
|
// main block
|
||||||
color: $anchor-color;
|
//--------------
|
||||||
}
|
|
||||||
}
|
|
||||||
|
main {
|
||||||
|
article {
|
||||||
|
@include xy-grid;
|
||||||
|
header {
|
||||||
|
@include xy-cell(12);
|
||||||
|
.entry-title {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.entry-content {
|
||||||
//
|
@include breakpoint(small){
|
||||||
// main block
|
|
||||||
//--------------
|
|
||||||
|
|
||||||
|
|
||||||
main {
|
|
||||||
article {
|
|
||||||
@include xy-grid;
|
|
||||||
header {
|
|
||||||
@include xy-cell(12);
|
|
||||||
.entry-title {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.entry-content {
|
|
||||||
@include breakpoint(small){
|
|
||||||
@include xy-cell(12);
|
|
||||||
padding: $global-padding*2 ;
|
|
||||||
margin:0 auto;
|
|
||||||
}
|
|
||||||
@include breakpoint(medium){
|
|
||||||
@include xy-cell(12);
|
|
||||||
padding: $global-padding*2 $global-padding*3;
|
|
||||||
max-width: 50rem;
|
|
||||||
margin:0 auto;
|
|
||||||
}
|
|
||||||
@include breakpoint(xlarge){
|
|
||||||
@include xy-cell(12);
|
|
||||||
max-width: 50rem;
|
|
||||||
padding: $global-padding*2 $global-padding*3;
|
|
||||||
font-size: $global-font-size*1.2;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// news category
|
|
||||||
//--------------
|
|
||||||
|
|
||||||
.news,.news-category {
|
|
||||||
@include xy-grid;
|
|
||||||
header,main,aside {
|
|
||||||
@include breakpoint(small){
|
|
||||||
padding-top: 0;
|
|
||||||
@include xy-cell(12);
|
|
||||||
@include flex;
|
|
||||||
@include flex-align(center,top);
|
|
||||||
padding-top: $global-padding*3;
|
|
||||||
h3 {
|
|
||||||
line-height: $global-lineheight/1.5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
main {
|
|
||||||
//@include xy-cell(12);
|
|
||||||
@include xy-grid;
|
|
||||||
article{
|
|
||||||
text-align:center;
|
|
||||||
@include card-container();
|
|
||||||
@include breakpoint(small){
|
|
||||||
@include xy-cell(12);
|
|
||||||
}
|
|
||||||
@include breakpoint(medium){
|
|
||||||
@include xy-cell(6);
|
|
||||||
}
|
|
||||||
@include breakpoint(large){
|
|
||||||
@include xy-cell(4);
|
|
||||||
}
|
|
||||||
figure {
|
|
||||||
@include breakpoint(small){
|
|
||||||
@include xy-cell(12);
|
|
||||||
height: 58vw;
|
|
||||||
max-width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
@include breakpoint(medium){
|
|
||||||
height: 28vw;
|
|
||||||
}
|
|
||||||
@include breakpoint(large){
|
|
||||||
height: 20vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.date {
|
|
||||||
// height: 1rem;
|
|
||||||
padding-top: $global-padding*2;
|
|
||||||
}
|
|
||||||
.entry-title {
|
|
||||||
padding-top: $global-padding*2;
|
|
||||||
line-height: 0.7;
|
|
||||||
font-size: $global-font-size*1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
aside {
|
|
||||||
@include breakpoint(small){
|
|
||||||
padding-top:0;
|
|
||||||
padding-bottom: $global-padding*3;
|
|
||||||
}
|
|
||||||
@include breakpoint(medium){
|
|
||||||
padding-top:$global-padding*3;
|
|
||||||
padding-bottom: 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// end news category
|
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
// collections category
|
|
||||||
//--------------
|
|
||||||
|
|
||||||
.collections-list {
|
|
||||||
@include xy-grid;
|
|
||||||
header,main{
|
|
||||||
@include xy-cell(12);
|
@include xy-cell(12);
|
||||||
@include flex;
|
padding: $global-padding*2 ;
|
||||||
@include flex-align(center,top);
|
margin:0 auto;
|
||||||
padding: $global-padding*2 0;
|
|
||||||
}
|
}
|
||||||
header {
|
@include breakpoint(medium){
|
||||||
margin-top: 2*$global-margin;
|
@include xy-cell(12);
|
||||||
border-top: 1px solid $body-font-color;
|
padding: $global-padding*2 $global-padding*3;
|
||||||
padding: $global-padding*2 0;
|
max-width: 50rem;
|
||||||
|
margin:0 auto;
|
||||||
}
|
}
|
||||||
main {
|
@include breakpoint(xlarge){
|
||||||
@include xy-grid;
|
@include xy-cell(12);
|
||||||
article{
|
max-width: 50rem;
|
||||||
// text-align:center;
|
padding: $global-padding*2 $global-padding*3;
|
||||||
@include card-container();
|
font-size: $global-font-size*1.2;
|
||||||
@include breakpoint(small){
|
margin: 0 auto;
|
||||||
@include xy-cell();
|
}
|
||||||
}
|
}
|
||||||
@include breakpoint(medium){
|
}
|
||||||
}
|
}
|
||||||
@include breakpoint(large){
|
|
||||||
}
|
|
||||||
margin-bottom:0;
|
//
|
||||||
|
// news category
|
||||||
|
//--------------
|
||||||
|
|
||||||
|
.news,.news-category {
|
||||||
|
@include xy-grid;
|
||||||
|
header,main,aside {
|
||||||
|
@include breakpoint(small){
|
||||||
|
padding-top: 0;
|
||||||
|
@include xy-cell(12);
|
||||||
|
@include flex;
|
||||||
|
@include flex-align(center,top);
|
||||||
|
padding-top: $global-padding*3;
|
||||||
|
h3 {
|
||||||
|
line-height: $global-lineheight/1.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
//@include xy-cell(12);
|
||||||
|
@include xy-grid;
|
||||||
|
article{
|
||||||
|
text-align:center;
|
||||||
|
@include card-container();
|
||||||
|
@include breakpoint(small){
|
||||||
|
@include xy-cell(12);
|
||||||
|
}
|
||||||
|
@include breakpoint(medium){
|
||||||
|
@include xy-cell(6);
|
||||||
|
}
|
||||||
|
@include breakpoint(large){
|
||||||
|
@include xy-cell(4);
|
||||||
|
}
|
||||||
|
figure {
|
||||||
|
@include breakpoint(small){
|
||||||
|
@include xy-cell(12);
|
||||||
|
height: 58vw;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
}
|
}
|
||||||
table {
|
@include breakpoint(medium){
|
||||||
thead,tbody,tfoot {
|
height: 28vw;
|
||||||
margin: $global-padding*2;
|
}
|
||||||
}
|
@include breakpoint(large){
|
||||||
|
height: 20vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.accordion-content {
|
.date {
|
||||||
@include xy-grid(12);
|
// height: 1rem;
|
||||||
|
padding-top: $global-padding*2;
|
||||||
|
}
|
||||||
|
.entry-title {
|
||||||
|
padding-top: $global-padding*2;
|
||||||
|
line-height: 0.7;
|
||||||
|
font-size: $global-font-size*1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
aside {
|
||||||
|
@include breakpoint(small){
|
||||||
|
padding-top:0;
|
||||||
|
padding-bottom: $global-padding*3;
|
||||||
|
}
|
||||||
|
@include breakpoint(medium){
|
||||||
|
padding-top:$global-padding*3;
|
||||||
|
padding-bottom: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// end news category
|
||||||
|
|
||||||
|
|
||||||
|
//
|
||||||
|
// collections category
|
||||||
|
//--------------
|
||||||
|
|
||||||
|
.collections-list {
|
||||||
|
@include xy-grid;
|
||||||
|
width:100vw;
|
||||||
|
header,main{
|
||||||
|
@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;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
@include xy-grid;
|
||||||
|
article{
|
||||||
|
@include card-container();
|
||||||
|
@include breakpoint(small){
|
||||||
|
@include xy-cell();
|
||||||
|
font-size: $global-font-size*0.7;
|
||||||
|
}
|
||||||
|
@include breakpoint(medium){
|
||||||
|
font-size: $global-font-size*1;
|
||||||
|
}
|
||||||
|
@include breakpoint(large){
|
||||||
|
}
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
thead,tbody,tfoot {
|
||||||
|
margin: $global-padding*2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.accordion-content {
|
||||||
|
section {
|
||||||
|
@include xy-grid;
|
||||||
|
@include breakpoint(small){
|
||||||
figure {
|
figure {
|
||||||
@include xy-cell(4);
|
@include xy-cell(12);
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
@include xy-cell(6);
|
@include xy-cell(12);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@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 {
|
||||||
|
|
@ -220,142 +235,148 @@
|
||||||
.wp-block-image {
|
.wp-block-image {
|
||||||
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;
|
||||||
@include breakpoint(small){
|
justify-content: center;
|
||||||
width: 100vw;
|
@include breakpoint(small){
|
||||||
margin: 0;
|
width: 100vw;
|
||||||
.textwidget {
|
margin: 0;
|
||||||
padding: $global-padding * 3;
|
padding: $global-padding * 3;
|
||||||
}
|
.textwidget {
|
||||||
}
|
}
|
||||||
@include breakpoint(medium){
|
}
|
||||||
.textwidget {
|
@include breakpoint(medium){
|
||||||
max-width: 50rem;
|
.textwidget {
|
||||||
margin:auto;
|
max-width: 50rem;
|
||||||
padding: $global-padding * 2;
|
margin:auto;
|
||||||
font-size: $global-font-size*1.3;
|
padding: $global-padding * 2;
|
||||||
}
|
font-size: $global-font-size*1.3;
|
||||||
}
|
}
|
||||||
@include breakpoint(large){
|
}
|
||||||
width: 50%;
|
@include breakpoint(large){
|
||||||
height: calc((50vw*9)/16);
|
width: 50%;
|
||||||
padding: 0;
|
height: calc((50vw*9)/16);
|
||||||
margin: 0;
|
padding: 0;
|
||||||
overflow:hidden;
|
margin: 0;
|
||||||
a {
|
overflow:hidden;
|
||||||
@include flex;
|
a {
|
||||||
@include flex-align (center,middle);
|
@include flex;
|
||||||
}
|
@include flex-align (center,middle);
|
||||||
img {
|
}
|
||||||
|
img {
|
||||||
// max-width: unset !important;
|
// max-width: unset !important;
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
|
||||||
.textwidget {
|
|
||||||
font-size: $global-font-size*1.2;
|
|
||||||
padding: $global-padding * 2;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@include breakpoint(xlarge){
|
.textwidget {
|
||||||
.textwidget {
|
font-size: $global-font-size*1.2;
|
||||||
font-size: $global-font-size*1.3;
|
padding: $global-padding * 2;
|
||||||
padding: $global-padding*3;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@include breakpoint(xxlarge){
|
}
|
||||||
.textwidget {
|
@include breakpoint(xlarge){
|
||||||
font-size: $global-font-size*1.6;
|
.textwidget {
|
||||||
padding: $global-padding*3;
|
font-size: $global-font-size*1.3;
|
||||||
}
|
padding: $global-padding*3;
|
||||||
}
|
}
|
||||||
&:first-child {
|
}
|
||||||
background-color: $primary-color;
|
@include breakpoint(xxlarge){
|
||||||
font-variant:all-small-caps;
|
.textwidget {
|
||||||
|
font-size: $global-font-size*1.6;
|
||||||
|
padding: $global-padding*3;
|
||||||
}
|
}
|
||||||
color: $white;
|
}
|
||||||
|
&:first-child {
|
||||||
|
background-color: $primary-color;
|
||||||
|
font-variant:all-small-caps;
|
||||||
|
}
|
||||||
|
color: $white;
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
@include breakpoint(medium){
|
@include breakpoint(medium){
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
aside {
|
||||||
|
@include xy-grid();
|
||||||
|
background-color: $secondary-color;
|
||||||
|
nav {
|
||||||
|
@include xy-cell(auto);
|
||||||
|
@include flex;
|
||||||
|
@include flex-align(spaced,middle);
|
||||||
|
min-height: 6rem;
|
||||||
|
padding: $global-padding 0 ;
|
||||||
|
a {
|
||||||
|
color: $body-font-color;
|
||||||
|
}
|
||||||
|
.button {
|
||||||
|
justify-content:center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//hero secondary
|
||||||
|
&.secondary {
|
||||||
|
border-top: none;
|
||||||
|
background-color: $secondary-color;
|
||||||
|
.slide{
|
||||||
|
figure {
|
||||||
|
background-color: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.omeka {
|
||||||
|
border-top: none;
|
||||||
|
max-height: unset;
|
||||||
|
@include breakpoint(small){
|
||||||
|
.slides {
|
||||||
|
background-color: $secondary-color;
|
||||||
|
.slide {
|
||||||
|
flex-direction: column;
|
||||||
|
align-content: center;
|
||||||
|
align-self: center;
|
||||||
|
margin: $global-margin auto;
|
||||||
|
&:first-child {
|
||||||
|
color: unset;
|
||||||
|
background-color: unset;
|
||||||
|
font-variant:all-small-caps;
|
||||||
|
}
|
||||||
|
figure {
|
||||||
|
margin: 0 auto;
|
||||||
|
display:flex;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
aside {
|
aside {
|
||||||
@include xy-grid();
|
background-color: $white;
|
||||||
background-color: $secondary-color;
|
flex-direction: column;
|
||||||
nav {
|
align-content: center;
|
||||||
@include xy-cell(auto);
|
h2 {
|
||||||
@include flex;
|
margin: $global-margin;
|
||||||
@include flex-align(spaced,middle);
|
|
||||||
min-height: 6rem;
|
|
||||||
padding: $global-padding 0 ;
|
|
||||||
a {
|
|
||||||
color: $body-font-color;
|
|
||||||
}
|
|
||||||
.button {
|
|
||||||
justify-content:center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//hero secondary
|
|
||||||
&.secondary {
|
|
||||||
border-top: none;
|
|
||||||
background-color: $secondary-color;
|
|
||||||
.slide{
|
|
||||||
figure {
|
|
||||||
background-color: unset;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.omeka {
|
|
||||||
border-top: none;
|
|
||||||
max-height: unset;
|
|
||||||
@include breakpoint(small){
|
|
||||||
.slides {
|
|
||||||
background-color: $secondary-color;
|
|
||||||
.slide {
|
|
||||||
flex-direction: column;
|
|
||||||
align-content: center;
|
|
||||||
align-self: center;
|
|
||||||
margin: $global-margin auto;
|
|
||||||
&:first-child {
|
|
||||||
color: unset;
|
|
||||||
background-color: unset;
|
|
||||||
font-variant:all-small-caps;
|
|
||||||
}
|
|
||||||
figure {
|
|
||||||
margin: 0 auto;
|
|
||||||
display:flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
aside {
|
|
||||||
background-color: $white;
|
|
||||||
flex-direction: column;
|
|
||||||
align-content: center;
|
|
||||||
h2 {
|
|
||||||
margin: $global-margin;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//end hero
|
}
|
||||||
|
//end hero
|
||||||
|
|
||||||
//}
|
// omeka specific styles
|
||||||
// end content
|
#user-bar {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//end omeka specific styles
|
||||||
|
|
|
||||||
|
|
@ -31,9 +31,19 @@ footer {
|
||||||
}
|
}
|
||||||
&.eu {
|
&.eu {
|
||||||
&::before {
|
&::before {
|
||||||
margin-top:unset;
|
@include breakpoint(small) {
|
||||||
max-width:100%;
|
// background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg');
|
||||||
max-height: 4rem;
|
background-position-x: right;
|
||||||
|
max-width: 50vw;
|
||||||
|
margin-top:unset;
|
||||||
|
}
|
||||||
|
@include breakpoint(medium) {
|
||||||
|
background-position-x: left;
|
||||||
|
margin-top:unset;
|
||||||
|
max-width:100%;
|
||||||
|
max-height: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -76,4 +86,3 @@ footer {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,18 +6,20 @@
|
||||||
@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);
|
||||||
|
|
@ -32,17 +34,26 @@
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -17,13 +17,14 @@
|
||||||
{{> header}}
|
{{> header}}
|
||||||
</header>
|
</header>
|
||||||
{{> section-hero-omeka}}
|
{{> section-hero-omeka}}
|
||||||
<article>
|
<main>
|
||||||
<main>
|
<article>
|
||||||
{{> body}}
|
{{> body}}
|
||||||
</main>
|
</article>
|
||||||
<aside>
|
<aside>
|
||||||
</aside>
|
</aside>
|
||||||
</article>
|
</main>
|
||||||
|
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
{{> footer}}
|
{{> footer}}
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,12 @@
|
||||||
|
|
||||||
<footer class="">
|
|
||||||
<section class="subsection">
|
<section class="subsection">
|
||||||
<aside class="site-brand arc-hive">
|
<aside class="site-brand arc-hive">
|
||||||
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" class="">
|
<a href="/" rel="home" class="">
|
||||||
<h1 class="site-name">
|
<h1 class="site-name">
|
||||||
<?php bloginfo( 'name' ); ?>
|
arcHIVE
|
||||||
</h1>
|
</h1>
|
||||||
<h2 class="site-description">
|
<h2 class="site-description">
|
||||||
<?php bloginfo( 'description' ); ?>
|
an integrative digital bio-art platform
|
||||||
</h2>
|
</h2>
|
||||||
</a>
|
</a>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
@ -52,10 +51,8 @@
|
||||||
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>
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,11 @@
|
||||||
<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">arcHIVE</h1>
|
<h1 class="site-name">
|
||||||
<h2 class="site-description">an integrative digital bio-art platform</h2>
|
arcHIVE
|
||||||
|
</h1>
|
||||||
|
<h2 class="site-description">
|
||||||
|
an integrative digital bio-art platform
|
||||||
|
</h2>
|
||||||
</a>
|
</a>
|
||||||
</main>
|
</main>
|
||||||
<nav>
|
<nav>
|
||||||
|
|
|
||||||
|
|
@ -17,10 +17,12 @@
|
||||||
</ul>
|
</ul>
|
||||||
</a>
|
</a>
|
||||||
<aside class="accordion-content" data-tab-content>
|
<aside class="accordion-content" data-tab-content>
|
||||||
<figure>
|
<section>
|
||||||
</figure>
|
<figure>
|
||||||
<p>
|
</figure>
|
||||||
</p>
|
<p>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
</aside>
|
</aside>
|
||||||
</li>
|
</li>
|
||||||
<li class="accordion-item" data-accordion-item>
|
<li class="accordion-item" data-accordion-item>
|
||||||
|
|
@ -33,9 +35,13 @@
|
||||||
</ul>
|
</ul>
|
||||||
</a>
|
</a>
|
||||||
<aside class="accordion-content" data-tab-content>
|
<aside class="accordion-content" data-tab-content>
|
||||||
<figure>
|
<section>
|
||||||
</figure>
|
<figure>
|
||||||
<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>
|
</figure>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
|
@ -49,12 +55,18 @@
|
||||||
</ul>
|
</ul>
|
||||||
</a>
|
</a>
|
||||||
<aside class="accordion-content" data-tab-content>
|
<aside class="accordion-content" data-tab-content>
|
||||||
<img src="https://dev-archive.hangar.org/files/large/81/3D-Panoramic-Landscape-Image-768x288.jpg">
|
<section>
|
||||||
<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>
|
<figure>
|
||||||
<br>
|
<img src="https://dev-archive.hangar.org/files/large/81/3D-Panoramic-Landscape-Image-768x288.jpg">
|
||||||
<button class="go_to_site_button" onclick="window.location.href = '/s/modules'">
|
</figure>
|
||||||
View
|
<p>
|
||||||
</button>
|
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>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
</aside>
|
</aside>
|
||||||
</li>
|
</li>
|
||||||
<li class="accordion-item" data-accordion-item>
|
<li class="accordion-item" data-accordion-item>
|
||||||
|
|
@ -67,14 +79,18 @@
|
||||||
</ul>
|
</ul>
|
||||||
</a>
|
</a>
|
||||||
<aside class="accordion-content" data-tab-content>
|
<aside class="accordion-content" data-tab-content>
|
||||||
Here, some footnotes of structural imagination <br>
|
<section>
|
||||||
<button class="go_to_site_button" onclick="window.location.href = '/s/trees-and-cells'">
|
<figure>
|
||||||
View
|
</figure>
|
||||||
</button>
|
<p>
|
||||||
|
Here, some footnotes of structural imagination <br>
|
||||||
|
<button class="go_to_site_button" onclick="window.location.href = '/s/trees-and-cells'">
|
||||||
|
View
|
||||||
|
</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="">
|
||||||
|
|
@ -85,13 +101,15 @@
|
||||||
</ul>
|
</ul>
|
||||||
</a>
|
</a>
|
||||||
<aside class="accordion-content" data-tab-content>
|
<aside class="accordion-content" data-tab-content>
|
||||||
<figure>
|
<section>
|
||||||
</figure>
|
<figure>
|
||||||
<p>
|
</figure>
|
||||||
<button class="go_to_site_button" onclick="window.location.href = '/s/videoreplication'">
|
<p>
|
||||||
View
|
<button class="go_to_site_button" onclick="window.location.href = '/s/videoreplication'">
|
||||||
</button>
|
View
|
||||||
</p>
|
</button>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
</aside>
|
</aside>
|
||||||
</li>
|
</li>
|
||||||
<li class="accordion-item" data-accordion-item>
|
<li class="accordion-item" data-accordion-item>
|
||||||
|
|
@ -104,15 +122,17 @@
|
||||||
</ul>
|
</ul>
|
||||||
</a>
|
</a>
|
||||||
<aside class="accordion-content" data-tab-content>
|
<aside class="accordion-content" data-tab-content>
|
||||||
<figure>
|
<section>
|
||||||
<img src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg">
|
<figure>
|
||||||
</figure>
|
<img src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg">
|
||||||
<p>
|
</figure>
|
||||||
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>
|
<p>
|
||||||
<button class="button small" onclick="window.location.href = '/s/Werewolves'">
|
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>
|
||||||
View
|
<button class="button small" onclick="window.location.href = '/s/Werewolves'">
|
||||||
</button>
|
View
|
||||||
</p>
|
</button>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
</aside>
|
</aside>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue