wordpress-menu #56

Merged
chris merged 49 commits from wordpress-menu into develop 2022-03-25 13:12:29 +01:00
15 changed files with 617 additions and 229 deletions

2
.gitignore vendored
View File

@ -3,3 +3,5 @@ bower_components
node_modules node_modules
npm-debug.log npm-debug.log
_ _
index*
index*.html

View File

@ -33,6 +33,15 @@ chown -R www-data:www-data ./
## Arc-hive theme notes ## Arc-hive theme notes
### Configure
The main menu can be retrieved from a wordpress site and rendered. To configure this, edit `view/common/wordpress-menu.phtml`. Optional.
```
# Config
$wordpress_site="https://my.wordpress.site";
$wordpress_endpoint="https://my.wordpress.site/wp-json/menus/v1/menus/4";
```
For more advanced use, such as customizing the theme with Sass, you'll need to install the tools with [NodeJS](https://nodejs.org/en/) (0.12 or greater). Navigate to your theme directory and run `npm install`. For more advanced use, such as customizing the theme with Sass, you'll need to install the tools with [NodeJS](https://nodejs.org/en/) (0.12 or greater). Navigate to your theme directory and run `npm install`.

View File

@ -1,26 +0,0 @@
/* .archive-logo {
width: 80px;
}
.archive-page-title {
text-align: center;
}
._expand_site_item {
cursor: pointer;
}
._expand_site_item:hover {
background: #3374C2;
}
.end_of_page_button {
cursor: pointer;
text-transform: uppercase;
font-size: 2em;
margin-top: 2em;
border: double;
}
.go_to_site_button {
cursor: pointer;
text-transform: uppercase;
border: double;
} */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -250,14 +250,14 @@ $input-error-font-weight: $global-weight-bold;
// ------------ // ------------
$accordion-background: $white; $accordion-background: $white;
$accordion-plusminus: true; $accordion-plusminus: false;
$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: $global-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;
$accordion-content-background: $white; $accordion-content-background: transparent;
$accordion-content-border: none; $accordion-content-border: none;
$accordion-content-color: $body-font-color; $accordion-content-color: $body-font-color;
$accordion-content-padding: $global-padding*1.5 0; $accordion-content-padding: $global-padding*1.5 0;

View File

@ -24,8 +24,8 @@
@include xy-grid; @include xy-grid;
} }
li { li {
display:inline;
@include xy-cell(3); @include xy-cell(3);
display:inline;
text-align:left; text-align:left;
} }
} }

View File

@ -67,3 +67,9 @@ button,.button {
margin: $global-margin auto; margin: $global-margin auto;
padding: $global-padding*0.5 $global-padding*5; padding: $global-padding*0.5 $global-padding*5;
} }
.accordion-item.is-active {
& button, & .button {
// @extend .button;
background-color: $input-background;
}
}

View File

@ -214,10 +214,6 @@ main {
} }
header { header {
display: none; display: none;
// margin-top: 2*$global-margin;
// border-top: 1px solid $body-font-color;
// padding: $global-padding*2 0;
} }
main { main {
@include xy-grid; @include xy-grid;
@ -244,22 +240,120 @@ main {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
// accordion for colletions list
.accordion-item {
&.title {
.accordion-title {
@include breakpoint(small){
li {
@include xy-cell(3);
@include xy-cell-offset(0);
&.title,&.curator,&.collection-name,&.date {
&::before {content: none;}
}
&.date {
margin-left: auto;
}
.ascToggle{
position:absolute;
padding-left: 0.21rem;
}
}
}
@include breakpoint(medium){
li {
&.title {
@include xy-cell(4);
}
&.curator {
@include xy-cell(4);
}
&.collection-name {
@include xy-cell(2);
}
&.date {
@include xy-cell(shrink);
margin-left: auto; //aligns to right
}
}
}
}
}
&:not(.title){
&.is-active {
background-color:$input-background;
}
.accordion-title {
@include breakpoint(small){
li {
&.title,
&.curator,
&.collection-name,
&.date {
@include xy-cell(10);
@include xy-cell-offset(2);
min-height: 1rem;
&::before {
display: inline-block;
color: $medium-gray;
position: absolute;
left:0;
}
}
&.title::before {content:"Title";}
&.curator::before {content:"Artist";}
&.collection-name::before {content:"Collection";}
&.date::before {content:"Date";}
}
}
@include breakpoint(medium){
li {
&.title,
&.curator,
&.collection-name,
&.date {
min-height:unset;
&::before {
content: none;
// content:"";
}
}
&.title {
@include xy-cell(4);
}
&.curator {
@include xy-cell(4);
}
&.collection-name {
@include xy-cell(2);
}
&.date {
@include xy-cell(shrink);
margin-left: auto; //aligns to right
}
}
}
}
}
.accordion-title {
ul,ol {
margin: 0;
}
}
.accordion-content { .accordion-content {
padding-top: 0; padding-top: 0;
section { section {
@include xy-grid; @include xy-grid;
padding-top: 0;
padding-bottom: 0;
@include breakpoint(small){ @include breakpoint(small){
padding: 0;
figure { figure {
@include xy-cell(12); @include xy-cell(12);
margin-left:0;
margin-right:0;
} }
p { p {
@include xy-cell(12); @include xy-cell(12);
position: relative; position: relative;
padding: $global-padding; padding-top: $global-padding * 1;
padding-bottom: $global-padding * 3; padding-bottom: $global-padding * 3;
.button { .button {
position:absolute; position:absolute;
@ -270,11 +364,12 @@ main {
} }
@include breakpoint(medium){ @include breakpoint(medium){
figure { figure {
@include xy-cell(3); @include xy-cell(4);
margin-left: 0; @include xy-gutters;
} }
p { p {
@include xy-cell(9); @include xy-cell(8);
padding-top: 0;
} }
} }
@include breakpoint(large){ @include breakpoint(large){
@ -282,6 +377,7 @@ main {
} }
} }
} }
}
// end collections category // end collections category
// partners // partners

View File

@ -5,166 +5,369 @@
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foundation for Sites</title> <title>Foundation for Sites</title>
<link rel="stylesheet" href="asset/css/app.css"> <link rel="stylesheet" href="asset/css/default.css">
</head> </head>
<body>
<div class="grid-container"> <content class="">
<div class="grid-x grid-padding-x">
<div class="large-12 cell"> <header>
<h1>Welcome to Foundation</h1> <main class="">
</div> <!-- <a href="/s/collections" class="site-brand arc-hive-off"> -->
<a href="/" class="site-brand arc-hive-off">
<img src="asset/img/ARC-HIVE-logo.svg?v=2.0.0" class="logo" title="an arc-hive project" alt="arc-hive logo">
<h1 class="site-name">Collections</h1>
<h2 class="site-description">an integrative digital bio-art platform</h2>
</a>
</main>
<nav>
<menu class="">
</menu>
</nav>
</header>
<section class="hero omeka collections-all">
<main class="slides">
<section class="slide">
<figure>
<img src="asset/img/ARC-HIVE-logo.svg?v=2.0.0" title="an arc-hive project" alt="arc-hive logo" class="logo">
</figure>
</section>
</main>
<aside>
<h2 class="site-title">
<a href="/s/collections">
Collections </a>
</h2>
</aside>
</section>
<main>
<article>
<section class="omekas-entry-content">
<!-- arc-hive page header-image insert begins -->
<style>
.arc-page-header-img {
content: url("asset/img/default-ARC-HIVE-hero-image.jpg?v=2.0.0");
}
</style>
<!-- arc-hive page header-image insert ends -->
<!--
-->
<!-- archive menu -->
<div id="blocks" class="blocks">
<div id="site-list">
<div data-v-abbdcac0=""><nav data-v-abbdcac0=""><form class="search"><div class="input-group"><input type="text" name="fulltext_search" placeholder="Search" aria-label="Search" class="input-group-fieldbutton hollow"> <button type="submit" class="appear button">
Search
</button></div></form></nav> <section data-v-abbdcac0="" class="collections-list"><header data-v-abbdcac0=""><h2 data-v-abbdcac0="">Latest in collections</h2></header> <main data-v-abbdcac0=""><article data-v-abbdcac0=""><ul data-v-abbdcac0="" class="accordion"><li data-v-abbdcac0="" data-accordion-item="" disabled="disabled" class="accordion-item title"><div data-v-abbdcac0="" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Title
<span data-v-abbdcac0="" class="ascToggle"><svg data-v-abbdcac0="" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="long-arrow-alt-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="svg-inline--fa fa-long-arrow-alt-up fa-w-8 fa-1x"><path data-v-abbdcac0="" fill="currentColor" d="M88 166.059V468c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12V166.059h46.059c21.382 0 32.09-25.851 16.971-40.971l-86.059-86.059c-9.373-9.373-24.569-9.373-33.941 0l-86.059 86.059c-15.119 15.119-4.411 40.971 16.971 40.971H88z" class=""></path></svg></span></li> <li data-v-abbdcac0="" class="curator">
Artist
<span data-v-abbdcac0="" class="ascToggle"><svg data-v-abbdcac0="" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="long-arrow-alt-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="svg-inline--fa fa-long-arrow-alt-up fa-w-8 fa-1x"><path data-v-abbdcac0="" fill="currentColor" d="M88 166.059V468c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12V166.059h46.059c21.382 0 32.09-25.851 16.971-40.971l-86.059-86.059c-9.373-9.373-24.569-9.373-33.941 0l-86.059 86.059c-15.119 15.119-4.411 40.971 16.971 40.971H88z" class=""></path></svg></span></li> <li data-v-abbdcac0="" class="collection-name">
Collection
<span data-v-abbdcac0="" class="ascToggle"><svg data-v-abbdcac0="" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="long-arrow-alt-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="svg-inline--fa fa-long-arrow-alt-up fa-w-8 fa-1x"><path data-v-abbdcac0="" fill="currentColor" d="M88 166.059V468c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12V166.059h46.059c21.382 0 32.09-25.851 16.971-40.971l-86.059-86.059c-9.373-9.373-24.569-9.373-33.941 0l-86.059 86.059c-15.119 15.119-4.411 40.971 16.971 40.971H88z" class=""></path></svg></span></li> <li data-v-abbdcac0="" class="date">
Date
<span data-v-abbdcac0="" class="ascToggle activeColumn"><svg data-v-abbdcac0="" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="long-arrow-alt-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="svg-inline--fa fa-long-arrow-alt-up fa-w-8 fa-1x"><path data-v-abbdcac0="" fill="currentColor" d="M88 166.059V468c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12V166.059h46.059c21.382 0 32.09-25.851 16.971-40.971l-86.059-86.059c-9.373-9.373-24.569-9.373-33.941 0l-86.059 86.059c-15.119 15.119-4.411 40.971 16.971 40.971H88z" class=""></path></svg></span></li></ul></div></li> <li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Scrimshaws
</li> <li data-v-abbdcac0="" class="curator">
</li> <li data-v-abbdcac0="" class="collection-name">
</li> <li data-v-abbdcac0="" class="date">
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0=""></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">Generic scrimshaws</span> <a data-v-abbdcac0="" href="/s/scrimshaws" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Sea adventure
</li> <li data-v-abbdcac0="" class="curator">
Unknown
</li> <li data-v-abbdcac0="" class="collection-name">
RBINS
</li> <li data-v-abbdcac0="" class="date">
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0=""></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">Tortle shell engraved with a whale hunting scene.</span> <a data-v-abbdcac0="" href="/s/sea-adventure" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Dreaming of a Butterfly
</li> <li data-v-abbdcac0="" class="curator">
António Caramelo
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2011-09-23
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/486/6178201211_f12c28f532_b.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">Dreaming of a Butterfly occupies the different potential that might exist in the small spaces between the reality and appearances.</span> <a data-v-abbdcac0="" href="/s/dreaming-of-a-butterfly" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Mira s Column
</li> <li data-v-abbdcac0="" class="curator">
Kira OReilly
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2013-08-18
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/291/img_3905.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">This particular column is a profile of a moment, an action and a gesture in time that is slowly unfolding.</span> <a data-v-abbdcac0="" href="/s/miras-column-kira-oreilly" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Web
</li> <li data-v-abbdcac0="" class="curator">
Marta de Menezes; Kira O'Reilly
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2013-09-13
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/379/Web.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">Inspired by the vaults and web arches woven by arachnid architects in order to occupy the space, darkness and silence of Cultivamos Cultura, the artists created an installation that seeks the texture of a silk, apparently suspended, heavy with layers of age and dust, on a human scale.</span> <a data-v-abbdcac0="" href="/s/web-marta-menezes-kira-oreilly" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Ontological Ecology of Echoes , when nature takes back a social story VI
</li> <li data-v-abbdcac0="" class="curator">
Maria Lucia Cruz Correia
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2013-09-30
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/287/Ao-Sol-Catalogo-7.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">The idea is to search models for a “wounded social sculpture” presented by an architecture body, that is defined by an internal malfunction, a genetic illness at birth. The termites incorporate the illness which activate the moment when nature sticks back.</span> <a data-v-abbdcac0="" href="/s/ontological-ecology-of-echoes-when-nature-takes-back-a-social-story-VI" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Ontological Ecology of Echoes , when nature takes back a social story V
</li> <li data-v-abbdcac0="" class="curator">
Maria Lucia Cruz Correia
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2013-09-30
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/287/Ao-Sol-Catalogo-7.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">The idea is to search models for a “wounded social sculpture” presented by an architecture body, that is defined by an internal malfunction, a genetic illness at birth. The termites incorporate the illness which activate the moment when nature sticks back.</span> <a data-v-abbdcac0="" href="/s/ontological-ecology-of-echoes-when-nature-takes-back-a-social-story-V" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Ontological Ecology of Echoes , when nature takes back a social story IV
</li> <li data-v-abbdcac0="" class="curator">
Maria Lucia Cruz Correia
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2013-09-30
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/287/Ao-Sol-Catalogo-7.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">The idea is to search models for a “wounded social sculpture” presented by an architecture body, that is defined by an internal malfunction, a genetic illness at birth. The termites incorporate the illness which activate the moment when nature sticks back.</span> <a data-v-abbdcac0="" href="/s/ontological-ecology-of-echoes-when-nature-takes-back-a-social-story-IV" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Ontological Ecology of Echoes , when nature takes back a social story III
</li> <li data-v-abbdcac0="" class="curator">
Maria Lucia Cruz Correia
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2013-09-30
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/287/Ao-Sol-Catalogo-7.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">The idea is to search models for a “wounded social sculpture” presented by an architecture body, that is defined by an internal malfunction, a genetic illness at birth. The termites incorporate the illness which activate the moment when nature sticks back.</span> <a data-v-abbdcac0="" href="/s/ontological-ecology-of-echoes-when-nature-takes-back-a-social-story-III" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Ontological Ecology of Echoes , when nature takes back a social story II
</li> <li data-v-abbdcac0="" class="curator">
Maria Lucia Cruz Correia
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2013-09-30
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/287/Ao-Sol-Catalogo-7.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">The idea is to search models for a “wounded social sculpture” presented by an architecture body, that is defined by an internal malfunction, a genetic illness at birth. The termites incorporate the illness which activate the moment when nature sticks back.</span> <a data-v-abbdcac0="" href="/s/ontological-ecology-of-echoes-when-nature-takes-back-a-social-story-II" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Ontological Ecology of Echoes , when nature takes back a social story I
</li> <li data-v-abbdcac0="" class="curator">
Maria Lucia Cruz Correia
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2013-09-30
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/287/Ao-Sol-Catalogo-7.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">The idea is to search models for a “wounded social sculpture” presented by an architecture body, that is defined by an internal malfunction, a genetic illness at birth. The termites incorporate the illness which activate the moment when nature sticks back.</span> <a data-v-abbdcac0="" href="/s/ontological-ecology-of-echoes-when-nature-takes-back-a-social-story-I" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
A Foxs Tale - Water
</li> <li data-v-abbdcac0="" class="curator">
Lena Ortega
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2014-07-01
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/268/Leena_Water.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">How do we prevail as active participants in this world? What do we need to do so we are not forgotten? We could think about being necessary, useful, or even being loved, in order to persist.</span> <a data-v-abbdcac0="" href="/s/a-foxs-tale-water-lena-ortega" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
A Foxs Tale - Tube
</li> <li data-v-abbdcac0="" class="curator">
Lena Ortega
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2014-07-01
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/266/Leena_Tube.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">How do we prevail as active participants in this world? What do we need to do so we are not forgotten? We could think about being necessary, useful, or even being loved, in order to persist.</span> <a data-v-abbdcac0="" href="/s/a-foxs-tale-tube-lena-ortega" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
A Foxs Tale - Harp
</li> <li data-v-abbdcac0="" class="curator">
Lena Ortega
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2014-07-01
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/cfdb3e2489eb81f6f662faabcebdc289af3d9920.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">How do we prevail as active participants in this world? What do we need to do so we are not forgotten? We could think about being necessary, useful, or even being loved, in order to persist.</span> <a data-v-abbdcac0="" href="/s/a-foxs-tale-harp-lena-ortega" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
A Foxs Tale
</li> <li data-v-abbdcac0="" class="curator">
Lena Ortega
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2014-07-01
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/240/2014_12_20_Moshi_Moshi_[16].jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">How do we prevail as active participants in this world? What do we need to do so we are not forgotten? We could think about being necessary, useful, or even being loved, in order to persist.</span> <a data-v-abbdcac0="" href="/s/a-foxs-tale" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Re-Culturing
</li> <li data-v-abbdcac0="" class="curator">
Carolyn Angleton
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2014-07-15
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/714/Carolyn_Angleton05.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">Re-culturing situates the changing motif of Portuguese tiles as a living system in and of itself, one that feeds off its environment, mutates and evolves under constraint, and is self-regenerating from its parts.</span> <a data-v-abbdcac0="" href="/s/re-culturing" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Drosophila Titanus
</li> <li data-v-abbdcac0="" class="curator">
Andy Gracie
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2014-07-30
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/303/Andy_Gracie_3.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">Drosophila titanus' was a long-term project which through a process of experimentation and artificial selection aimed to develop a species of the fruit fly Drosophila melanogaster that would be theoretically capable of living on Saturn's largest moon Titan. While being a virtually impossible project to 'successfully' complete in pure scientific terms, 'Drosophila titanus' sited itself as a process within the ongoing discourse surrounding the complex relationships between art and science.</span> <a data-v-abbdcac0="" href="/s/drosophila-titanus" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
50cc air de Troy
</li> <li data-v-abbdcac0="" class="curator">
Kathy High
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2015-05-31
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/373/PVL07515.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">When displayed in a Farm in Portugal, is the Air even from Troy, anymore?</span> <a data-v-abbdcac0="" href="/s/50-cc-air-de-troy" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Air
</li> <li data-v-abbdcac0="" class="curator">
Anna Isaak-Ross
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2016-06-20
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/453/Penafiel113.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">This series was created at Cultivamos Cultura using objects found in the house and barns. This is an alternative photography process called cyanotype.</span> <a data-v-abbdcac0="" href="/s/air-anna-isaak-ross" class="button small">
View
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
Sea Shadow
</li> <li data-v-abbdcac0="" class="curator">
Sarah Blissett
</li> <li data-v-abbdcac0="" class="collection-name">
Cultivamos Cultura
</li> <li data-v-abbdcac0="" class="date">
2017-07-11
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://collections.arc-hive.zone/files/large/660/PVL05216.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">Sea Shadow explores different processes of material transformation in relation to macroalgae or seaweeds, to highlight how forms of digestion and incorporation extend bodily boundaries beyond the human, relating also to concepts of interlocked ecological and economic metabolism.</span> <a data-v-abbdcac0="" href="/s/sea-shadow-sarah-blissett" class="button small">
View
</a></p></section></aside></li></ul> <div data-v-abbdcac0="" class="load_more"><button data-v-abbdcac0="">
Load more
</button></div></article></main> <aside data-v-abbdcac0=""><nav data-v-abbdcac0=""></nav></aside></section></div>
</div> </div>
<div class="grid-x grid-padding-x">
<div class="large-12 cell">
<div class="callout">
<h3>We&rsquo;re stoked you want to try Foundation! </h3>
<p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
<p>Once you've exhausted the fun in this document, you should check out:</p>
<div class="grid-x grid-padding-x">
<div class="large-4 medium-4 cell">
<p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
</div>
<div class="large-4 medium-4 cell">
<p><a href="http://zurb.com/university/code-skills">Foundation Code Skills</a><br />These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.</p>
</div>
<div class="large-4 medium-4 cell">
<p><a href="http://foundation.zurb.com/forum">Foundation Forum</a><br />Join the Foundation community to ask a question or show off your knowlege.</p>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-4 medium-4 medium-push-2 cell">
<p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p>
</div>
<div class="large-4 medium-4 medium-pull-2 cell">
<p><a href="https://twitter.com/ZURBfoundation">@zurbfoundation</a><br />Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).</p>
</div>
</div>
</div>
</div>
</div> </div>
<div class="grid-x grid-padding-x">
<div class="large-8 medium-8 cell">
<h5>Here&rsquo;s your basic grid:</h5>
<!-- Grid Example -->
<div class="grid-x grid-padding-x">
<div class="large-12 cell">
<div class="primary callout">
<p><strong>This is a twelve cell section in a grid-x.</strong> Each of these includes a div.callout element so you can see where the cell are - it's not required at all for the grid.</p>
</div>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-6 medium-6 cell">
<div class="primary callout">
<p>Six cell</p>
</div>
</div>
<div class="large-6 medium-6 cell">
<div class="primary callout">
<p>Six cell</p>
</div>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-4 medium-4 small-4 cell">
<div class="primary callout">
<p>Four cell</p>
</div>
</div>
<div class="large-4 medium-4 small-4 cell">
<div class="primary callout">
<p>Four cell</p>
</div>
</div>
<div class="large-4 medium-4 small-4 cell">
<div class="primary callout">
<p>Four cell</p>
</div>
</div>
</div>
<hr />
<h5>We bet you&rsquo;ll need a form somewhere:</h5>
<form>
<div class="grid-x grid-padding-x">
<div class="large-12 cell">
<label>Input Label</label>
<input type="text" placeholder="large-12.cell" />
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-4 medium-4 cell">
<label>Input Label</label>
<input type="text" placeholder="large-4.cell" />
</div>
<div class="large-4 medium-4 cell">
<label>Input Label</label>
<input type="text" placeholder="large-4.cell" />
</div>
<div class="large-4 medium-4 cell">
<div class="grid-x">
<label>Input Label</label>
<div class="input-group">
<input type="text" placeholder="small-9.cell" class="input-group-field" />
<span class="input-group-label">.com</span>
</div>
</div>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-12 cell">
<label>Select Box</label>
<select>
<option value="husker">Husker</option>
<option value="starbuck">Starbuck</option>
<option value="hotdog">Hot Dog</option>
<option value="apollo">Apollo</option>
</select>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-6 medium-6 cell">
<label>Choose Your Favorite</label>
<input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Radio 1</label>
<input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Radio 2</label>
</div>
<div class="large-6 medium-6 cell">
<label>Check these out</label>
<input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
<input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="large-12 cell">
<label>Textarea Label</label>
<textarea placeholder="small-12.cell"></textarea>
</div>
</div>
</form>
</div>
<div class="large-4 medium-4 cell"> </section>
<h5>Try one of these buttons:</h5> </article>
<p><a href="#" class="button">Simple Button</a><br/> <aside>
<a href="#" class="success button">Success Btn</a><br/> </aside>
<a href="#" class="alert button">Alert Btn</a><br/> </main>
<a href="#" class="secondary button">Secondary Btn</a></p>
<div class="callout">
<h5>So many components, girl!</h5>
<p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p>
<a href="http://foundation.zurb.com/sites/docs/" class="small button">Go to Foundation Docs</a>
</div>
</div>
</div>
</div>
<script src="node_modules/jquery/dist/jquery.js"></script> <footer class="">
<script src="node_modules/what-input/dist/what-input.js"></script>
<script src="node_modules/foundation-sites/dist/js/foundation.js"></script> <section class="subsection">
<script src="js/app.js"></script> <aside class="site-brand arc-hive">
<a href="/s/collections" rel="home" class="">
<h1 class="site-name">
Collections </h1>
<h2 class="site-description">
an integrative digital bio-art platform
</h2>
</a>
</aside>
<aside class="double newsletter">
<p> Subscribe to our <br>
<span class="h4"><a href="https://arc-hive.zone/newsletter/">newsletter</a></span>
</p>
</aside>
<aside class="newsletter">
<p> Follow us on <br>
<span class="h4"><a href="https://www.facebook.com/arc.hive.platform/">facebook</a></span>
&nbsp;-&nbsp;
<span class="h4"><a href="https://www.instagram.com/arc.hive.zone/">instagram</a></span>
</p>
</aside>
</section>
<section class="subsection">
<aside class="contact">
<p><a href="mailto:info@arc-hive.zone">info@arc-hive.zone</a></p>
<p class="h5"><a href="https://arc-hive.zone/contact/">CONTACT</a></p>
</aside>
<aside class="double partners">
<p>ARC-HIVE partners are:</p>
<ul>
<li class="h5"> <a href="https://bioartsociety.fi/">Bioart Society</a></li>
<li class="h5"> <a href="https://cultivamoscultura.com/">Cultivamos Cultura</a></li>
<li class="h5"> <a href="https://hangar.org/">Hangar</a></li>
<li class="clear clearfix"></li>
<li class="h5"> <a href="https://kersnikova.org/">Kersnikova</a></li>
<li class="h5"> <a href="https://www.kontejner.org/">Kontejner</a></li>
<li class="h5"> <a href="https://www.naturalsciences.be/">RBINS</a></li>
</ul>
</aside>
<aside class="co-founded">
<a href="#" class="brand-logo eu">
<h1 class="site-name">Co-Funded bye the Creative Europe Programme of the European Union</h1>
</a>
</aside>
</section>
<section class="subsection">
<aside class="copyright">
Hosted, maintained and coded by <a href="https://hangar.org">Hangar</a>
</aside>
<aside class="double copyright">
Powered by Omeka S </aside>
<aside class="legal-credits">
Visual identity by <a href="http://oficinadedisseny.net/">Oficina de disseny</a>
</aside>
</section>
</footer>
<script type="text/javascript" src="asssets/js/archive-list.js"></script>
<script type="text/javascript" src="asssets/js/browse.js"></script>
<script type="text/javascript" src="asssets/js/expand-site-list.js"></script>
<script type="text/javascript" src="asssets/js/foundation.js"></script>
</body> </body>
</html> </html>

View File

@ -18,12 +18,13 @@
</main> </main>
<nav> <nav>
<menu class=""> <menu class="">
<?php /*
<?php
echo $site->publicNav() echo $site->publicNav()
->menu() ->menu()
->setPartial('common/foundation-navigation.phtml') ->setPartial('common/wordpress-menu.phtml')
->renderPartialWithParams(['layout' => 'dropdown']); ->renderPartialWithParams(['layout' => 'dropdown']);
*/
?> ?>
</menu> </menu>
</nav> </nav>

View File

@ -42,12 +42,10 @@ $img_src = null;
<nav> <nav>
<menu class=""> <menu class="">
<?php // <?php //
// Segun el diseño, este menu no existe echo $site->publicNav()
// ---------- ->menu()
// echo $site->publicNav() ->setPartial('common/wordpress-menu.phtml')
// ->menu() ->renderPartialWithParams(['layout' => 'dropdown']);
// ->setPartial('common/foundation-navigation.phtml')
// ->renderPartialWithParams(['layout' => 'dropdown']);
?> ?>
</menu> </menu>
</nav> </nav>

View File

@ -0,0 +1,102 @@
<?php
# Config
$wordpress_site="https://dev.arc-hive.zone";
$wordpress_endpoint="https://dev.arc-hive.zone/wp-json/menus/v1/menus/4";
use Zend\Http\Client;
$items = new ArrayObject;
$items[0] = new ArrayObject(); // top level menu items go here
if ($wordpress_endpoint) {
try {
$client = new Client($wordpress_endpoint);
$client->setOptions(array("timeout"=>1));
$response = $client->send();
}
catch (exception $e) {
$response = null;
}
if ($response) {
$response_data = json_decode($response->getBody());
if (!$response->isClientError() && $response_data) {
foreach ($response_data as $menu_item) {
$lowered_title = strtolower($menu_item->title);
$item_url = $menu_item->url;
if ($lowered_title == 'login') {
// manipulate login url
$item_url = "/login";
}
$item_title = $menu_item->title;
if ($lowered_title == 'collections') {
if ($wordpress_site) {
// change Collections item
$item_title = "Project";
$item_url = $wordpress_site;
} else {
continue; // do not render the Collections item
}
}
$item = [
"id" => $menu_item->ID,
"title" => $item_title,
"url" => $item_url
];
if (!array_key_exists($menu_item->menu_item_parent, $items)) {
$items[$menu_item->menu_item_parent] = new ArrayObject();
}
$items[$menu_item->menu_item_parent][$menu_item->ID] =$item;
}
}
}
}
if (count($items[0]) == 0) {
// we did not retrieve a menu from the wordpress site
// let's create a default menu
if ($wordpress_site) {
$project_item = [
"id" => 1,
"title" => "Project",
"url" => $wordpress_site
];
$items[0][1] = $project_item;
}
$login_item = [
"id" => 2,
"title" => "Login",
"url" => "/login"
];
$items[0][2] = $login_item;
}
//print_r($items);
if (!function_exists('render_menu')) {
function render_menu($items, $level_id) {
if ($level_id == 0) {
echo '<ul id="" class="dropdown menu" data-dropdown-menu="dropdown-menu" role="menubar">'.
PHP_EOL;
} else {
echo '<ul class="dropdown menu vertical submenu is-dropdown-submenu first-sub" data-toggle="" data-submenu="" role="">'.
PHP_EOL;
}
foreach ($items[$level_id] as $menu_item) {
if ($level_id == 0) {
echo '<li id="" class="" role="">'.PHP_EOL;
} else {
echo '<li id="" class="is-submenu-item is-dropdown-submenu-item" role="">'.PHP_EOL;
}
echo '<a role="" href="'.$menu_item['url'].'">'.$menu_item['title'].'</a>'.PHP_EOL;
if (array_key_exists($menu_item['id'], $items)) {
render_menu($items, $menu_item['id']); // render sub menu
}
echo '</li>' . PHP_EOL;
}
echo '</ul>' . PHP_EOL;
}
}
render_menu($items, 0);
?>