Compare commits

...

50 Commits

Author SHA1 Message Date
chris 90eb660a15 Merge pull request 'wordpress-menu' (#56) from wordpress-menu into develop
Reviewed-on: #56
2022-03-25 13:12:27 +01:00
buttle d89708381d adds menu css 2022-03-25 13:09:53 +01:00
buttle 591bca7f2b does not render Collections items when wordpress url is missing 2022-03-25 12:42:39 +01:00
buttle 5b2d677d17 renders a default menu when wordpress api fails 2022-03-25 12:07:14 +01:00
buttle 9d3976c1cb fixes back button rerender error 2022-03-25 11:52:10 +01:00
buttle f9d2d65931 improves item title comparisons 2022-03-25 11:25:32 +01:00
buttle 27ed8e6db5 does not render empty menu 2022-03-25 11:21:23 +01:00
buttle f79b7af69c adds config, and config instructions. 2022-03-25 10:58:33 +01:00
buttle 3657873be7 adds request timeout and error detection 2022-03-25 10:20:12 +01:00
buttle c48a6d5709 improves menu item iteration 2022-03-25 10:00:24 +01:00
buttle 3f42b2f218 renders wordpress menu in <ul> 2022-03-24 22:42:29 +01:00
jorge 41eb169bfb Merge pull request 'fix/issue53-backgrond-collections' (#55) from fix/issue53-backgrond-collections into main
Reviewed-on: #55
2022-03-22 19:57:20 +01:00
jorge e0f66c0354 Merge branch 'main' into fix/issue53-backgrond-collections 2022-03-22 19:54:18 +01:00
jorge 89a8e0f283 changed gitignore 2022-03-22 19:50:55 +01:00
jorge 0789c1d099 styled accordion content 2022-03-22 19:43:17 +01:00
jorge 7b7b4ed205 styled accordion content 2022-03-22 19:42:06 +01:00
jorge b62eb95edc styled accordion content 2022-03-22 19:35:51 +01:00
jorge c3034c2eb4 styled accordion content 2022-03-22 19:28:56 +01:00
jorge 4aef2d6def styled accordion content 2022-03-22 19:22:31 +01:00
jorge 72a07b8171 styled list collections accordion in mobile 2022-03-22 19:09:41 +01:00
jorge e496fbd184 styled list collections accordion in mobile 2022-03-22 19:01:48 +01:00
jorge 90569410e0 styled list collections accordion in mobile 2022-03-22 18:58:46 +01:00
jorge 7ab2aaeec5 styled list collections accordion in mobile 2022-03-22 18:40:50 +01:00
jorge 1eeac2565d styled list collections accordion in mobile 2022-03-22 18:20:29 +01:00
jorge 1becffc86d styled list collections accordion in mobile 2022-03-22 18:09:06 +01:00
jorge 653702bca2 styled list collections accordion in mobile 2022-03-22 17:51:15 +01:00
jorge 7feb22d1d3 styled list collections accordion in mobile 2022-03-22 17:45:13 +01:00
jorge 4bd15a3b05 styled list collections accordion in mobile 2022-03-22 17:38:55 +01:00
jorge 47107fafd0 styled list collections accordion in mobile 2022-03-22 17:33:57 +01:00
jorge 025542eab0 styled list collections accordion in mobile 2022-03-22 17:26:37 +01:00
jorge 4f470ec681 styled list collections accordion in mobile 2022-03-22 17:20:14 +01:00
jorge a16a30f70c mod list collections accordion in mobile 2022-03-22 17:12:16 +01:00
jorge 0ffc4250a0 collections view in small screens 2022-03-22 16:51:30 +01:00
jorge 88ca56c0d2 deleted uneded css files 2022-03-22 16:47:22 +01:00
jorge ac973671ec Merge pull request 'fix/issue53-backgrond-collections' (#54) from fix/issue53-backgrond-collections into main
Reviewed-on: #54
2022-03-22 10:28:49 +01:00
jorge 02039acb15 Merge branch 'main' into fix/issue53-backgrond-collections 2022-03-21 14:34:45 +01:00
jorge 5293569f60 let spaces controlled but alignt date to right 2022-03-21 14:33:40 +01:00
jorge ad3a744b31 distributed spaces of items in title 2022-03-21 14:21:46 +01:00
jorge 5ec326083f distributed spaces of items in title 2022-03-21 14:20:29 +01:00
jorge aebea97210 date space shrinked 2022-03-21 14:16:47 +01:00
jorge fa86141155 distributed p list items 2022-03-21 14:14:05 +01:00
jorge 3fc1bdc0b1 distributed list items, moved styles to its _content.scss 2022-03-21 14:12:25 +01:00
jorge 4796678569 distributed list items 2022-03-21 14:00:55 +01:00
jorge 92b5522f18 distributed list items and remove + - symbol 2022-03-21 13:58:10 +01:00
jorge 91b6b5cac4 applied style to buttons in active accordions 2022-03-21 13:48:38 +01:00
jorge 75cbc81733 removed white background in active accordion buttons 2022-03-21 13:44:40 +01:00
jorge 45a027d465 avoid title in accordion to have background color 2022-03-21 13:39:11 +01:00
jorge 39756d3934 added blue background issue #53 2022-03-21 13:20:12 +01:00
chris 8e7ddb6bf5 Merge pull request 'updates collection list vue component' (#51) from develop into main
Reviewed-on: #51
2022-03-17 15:12:16 +01:00
jorge 3598879c41 Merge pull request 'Item to media link. CSS fixes' (#50) from develop into main
Reviewed-on: #50
2022-03-16 11:44:07 +01:00
15 changed files with 617 additions and 229 deletions

2
.gitignore vendored
View File

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

View File

@ -33,6 +33,15 @@ chown -R www-data:www-data ./
## 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`.

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-plusminus: true;
$accordion-plusminus: false;
$accordion-plus-content: '\002B';
$accordion-minus-content: '\2013';
$accordion-title-font-size: $global-font-size;//rem-calc(12);
$accordion-item-color: $body-font-color;
$accordion-item-background-hover: none;
$accordion-item-padding: $global-padding*1.5 0;
$accordion-content-background: $white;
$accordion-content-background: transparent;
$accordion-content-border: none;
$accordion-content-color: $body-font-color;
$accordion-content-padding: $global-padding*1.5 0;

View File

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

View File

@ -67,3 +67,9 @@ button,.button {
margin: $global-margin auto;
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 {
display: none;
// margin-top: 2*$global-margin;
// border-top: 1px solid $body-font-color;
// padding: $global-padding*2 0;
}
main {
@include xy-grid;
@ -244,43 +240,143 @@ main {
flex-direction: column;
align-items: center;
}
.accordion-content {
padding-top: 0;
section {
@include xy-grid;
padding-top: 0;
padding-bottom: 0;
@include breakpoint(small){
figure {
@include xy-cell(12);
margin-left:0;
margin-right:0;
// 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;
}
}
}
p {
@include xy-cell(12);
position: relative;
padding: $global-padding;
padding-bottom: $global-padding * 3;
.button {
position:absolute;
right:0;
margin-top: $global-padding * 3;
@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
}
}
}
}
@include breakpoint(medium){
figure {
@include xy-cell(3);
margin-left: 0;
}
p {
@include xy-cell(9);
}
}
&:not(.title){
&.is-active {
background-color:$input-background;
}
@include breakpoint(large){
.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 {
padding-top: 0;
section {
@include xy-grid;
@include breakpoint(small){
padding: 0;
figure {
@include xy-cell(12);
}
p {
@include xy-cell(12);
position: relative;
padding-top: $global-padding * 1;
padding-bottom: $global-padding * 3;
.button {
position:absolute;
right:0;
margin-top: $global-padding * 3;
}
}
}
@include breakpoint(medium){
figure {
@include xy-cell(4);
@include xy-gutters;
}
p {
@include xy-cell(8);
padding-top: 0;
}
}
@include breakpoint(large){
}
}
}
}
}
// end collections category

View File

@ -5,166 +5,369 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foundation for Sites</title>
<link rel="stylesheet" href="asset/css/app.css">
<link rel="stylesheet" href="asset/css/default.css">
</head>
<body>
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="large-12 cell">
<h1>Welcome to Foundation</h1>
</div>
</div>
<content class="">
<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>
<header>
<main class="">
<!-- <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>
<div class="grid-x grid-padding-x">
<div class="large-8 medium-8 cell">
<h5>Here&rsquo;s your basic grid:</h5>
<!-- Grid Example -->
<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>
<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>
<main>
<article>
<section class="omekas-entry-content">
<hr />
<!-- 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 -->
<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">
<h5>Try one of these buttons:</h5>
<p><a href="#" class="button">Simple Button</a><br/>
<a href="#" class="success button">Success Btn</a><br/>
<a href="#" class="alert button">Alert Btn</a><br/>
<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>
<script src="node_modules/what-input/dist/what-input.js"></script>
<script src="node_modules/foundation-sites/dist/js/foundation.js"></script>
<script src="js/app.js"></script>
<!-- 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>
</section>
</article>
<aside>
</aside>
</main>
<footer class="">
<section class="subsection">
<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>
</html>

View File

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

View File

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