Merge pull request 'make lines 100% screen width in collections view' (#68) from develop into main

Reviewed-on: #68

asset/scss/_settings.scss

@@ -425,16 +425,16 @@ $dropdown-sizes: (
 // -----------------
 
 $dropdownmenu-arrows: true;
-$dropdownmenu-arrow-color: $anchor-color;
+$dropdownmenu-arrow-color: $body-font-color;//$anchor-color;
 $dropdownmenu-arrow-size: 6px;
 $dropdownmenu-arrow-padding: 1.5rem;
-$dropdownmenu-min-width: 200px;
+$dropdownmenu-min-width: 100%;//200px;
 $dropdownmenu-background: null;
-$dropdownmenu-submenu-background: $white;
+$dropdownmenu-submenu-background: $dropdown-background;
 $dropdownmenu-padding: $global-menu-padding;
 $dropdownmenu-nested-margin: 0;
 $dropdownmenu-submenu-padding: $dropdownmenu-padding;
-$dropdownmenu-border: 1px solid $medium-gray;
+$dropdownmenu-border: none; //1px solid $medium-gray;
 $dropdown-menu-item-color-active: get-color(primary);
 $dropdown-menu-item-background-active: transparent;
 
@@ -521,6 +521,7 @@ $menu-centered-back-compat: true;
 $menu-icons-back-compat: true;
 $menu-anchor-color: $black;
 $menu-anchor-color-hover: $anchor-color;
+
 // 24. Meter
 // ---------
 

asset/scss/components/_buttons.scss

@@ -61,11 +61,18 @@ button,.button {
     border: none;
   }
 }
+.load_more {
+  button,.button {
+    font-size: $global-font-size;
+  }
+}
 .end_of_page_button {
-  @extend .button.small;
+ // @extend .button.small;
+  @extend .button;
   display: flex;
   margin:  $global-margin auto;
-  padding: $global-padding*0.5 $global-padding*5;
+  //padding: $global-padding*0.5 $global-padding*5;
+  font-size: $global-font-size;
 }
 .accordion-item.is-active {
   & button, & .button {

asset/scss/components/_forms.scss

@@ -1,8 +1,31 @@
+//search block size in content
+article,.omekas-entry-content {
+  .search{
+    @include xy-grid();
+    .input-group {
+      @include breakpoint(small){
+        @include xy-cell (12);
+        margin-left: auto;
+        margin-right: auto;
+      }
+      @include breakpoint(medium){
+        @include xy-cell (6);
+        margin-left: auto;
+        margin-right: auto;
+      }
+      @include breakpoint(large){
+        @include xy-cell (4);
+        margin-left: auto;
+        margin-right: auto;
+      }
+    }
+  }
+}
 // search elements
 .search{
   .input-group {
     position: relative;
-    border-radius: 4rem;
+    border-radius: $global-padding*4;
     overflow: hidden;
     padding: 0;
     margin: 0;
@@ -10,7 +33,7 @@
       right: 0;
       position: absolute;
       height: 100%;
-      padding: 0.3rem 1rem;
+      padding: $global-padding*0.3 $global-padding;
     }
   }
   .input-group * {
@@ -21,6 +44,7 @@
   }
   .appear{
     display:none;
+    font-size: $global-font-size;
   }
   input{
     &:active{
@@ -51,7 +75,7 @@
   .hollow {
     border-color: $primary-color;
     color: $primary-color;
-    &::after {
+    &:after {
     }
     &::placeholder {
       color: scale-color($primary-color, $lightness: -20%);
@@ -64,26 +88,3 @@
     }
   }
 }
-//search block size in content
-article,.omekas-entry-content {
-  .search{
-    @include xy-grid();
-    .input-group {
-      @include breakpoint(small){
-        @include xy-cell (12);
-        margin-left: auto;
-        margin-right: auto;
-      }
-      @include breakpoint(medium){
-        @include xy-cell (6);
-        margin-left: auto;
-        margin-right: auto;
-      }
-      @include breakpoint(large){
-        @include xy-cell (4);
-        margin-left: auto;
-        margin-right: auto;
-      }
-    }
-  }
-}

asset/scss/global/_branding.scss

@@ -2,10 +2,10 @@
   .site-name,.site-description {
      display: none;
   }
-  &::before {
+  &:before {
     content: '';
     display:inline-block;
-    margin-top:-$global-padding;
+    // margin-top:-$global-padding;
     width: 100%;
     height: $global-padding*5;
     background-size: contain;
@@ -35,3 +35,11 @@
     }
   }
 }
+
+.arc-hive-off.site-brand{
+  //hack needed for omeka
+  margin-bottom: -$global-padding*0.5;
+  &:before{
+    margin-top: -$global-padding;
+  }
+}

asset/scss/global/_omeka.scss

@@ -132,6 +132,55 @@
 // #. Page
 // ------------------
 
+// -- accordion collections
+//.collections-list {
+//  main article {
+//    overflow: visible !important;
+//  }
+//  .accordion-item {
+//    margin-left: -10rem;
+//    padding-left: 10rem;
+//    margin-right: -10rem;
+//    padding-right: 10rem;
+//  }
+//}
+
+
+// -- submenus
+.omekas-entry-content {
+  .sub-menu.wide {
+    //padding like .hero.collection-single aside nav
+    position: absolute;
+    left: 0;
+    width: 100vw;
+    @include breakpoint(small) {
+      padding-left:  0;
+      padding-right: 0;
+    }
+    @include breakpoint(medium) {
+      padding-left: $global-padding * 3;
+      padding-right: $global-padding * 3;
+    }
+    @include breakpoint(xxlarge) {
+      padding-left: $global-padding * 8;
+      padding-right: $global-padding * 8;
+    }
+    a {
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+    .sticky {
+      &.is-stuck {
+        background-color: scale-color($white, $alpha: 90%);
+      }
+      &.is-at-top {
+        margin-top: 0 !important;
+      }
+    }
+  }
+}
+
 // -- Search
 
 

asset/scss/modules/_content.scss

@@ -59,7 +59,7 @@ main {
       }
     }
     section {
-      padding: $global-padding $global-padding*2;
+      // padding: $global-padding $global-padding*2;
     }
     .entry-content,.omekas-entry-content {
       @include breakpoint(small){
@@ -70,18 +70,31 @@ main {
       @include breakpoint(medium){
         @include xy-cell(12);
         padding: $global-padding*2 $global-padding*3;
-        max-width: 50rem;
+        max-width: 60rem;
         margin:0 auto;
       }
-      @include breakpoint(xlarge){
+      @include breakpoint(xxlarge){
-        @include xy-cell(12);
+        // @include xy-cell(12);
-        max-width: 50rem;
+        // padding: $global-padding*2 $global-padding*3;
-        padding: $global-padding*2 $global-padding*3;
+        // margin: 0 auto;
+        max-width: 70rem;
+        p {
           font-size: $global-font-size*1.2;
-        margin: 0 auto;
+          line-height: $paragraph-lineheight*1.15;
         }
       }
     }
+  }
+  aside {
+    @include xy-grid;
+    nav {
+      @include xy-cell(12);
+      display:flex;
+      align-content: center;
+      justify-content: center;
+      padding-bottom: $global-padding * 2;
+    }
+  }
 }
 
 
@@ -227,6 +240,7 @@ main {
         padding: 0;
         margin: 0;
         font-size: $global-font-size*0.7;
+        overflow: visible;
       }
       @include breakpoint(medium){
         font-size: $global-font-size*1;
@@ -239,10 +253,13 @@ main {
     display:flex;
     flex-direction: column;
     align-items: center;
+    margin-top: $global-margin * 1.5;
   }
 
   // accordion for colletions list
   .accordion-item {
+    margin: 0 -5rem;//make lines screen width in collections view
+    padding: 0 5rem;
     &.title {
       .accordion-title {
         @include breakpoint(small){
@@ -509,6 +526,10 @@ main {
       }
       a {
         color: $body-font-color;
+        &:hover {
+        //  color: $anchor-color;
+          text-decoration: underline;
+        }
       }
       .button {
         justify-content:center;
@@ -532,10 +553,11 @@ main {
       .slides {
         background-color: $secondary-color;
         .slide {
+          height: 10rem;
           flex-direction: column;
           align-content: center;
           align-self: center;
-          margin: $global-margin auto;
+          margin: 0 auto;
           &:first-child {
             color: unset;
             background-color: unset;
@@ -547,6 +569,16 @@ main {
             justify-content: center;
           }
         }
+        .image-background {
+          width: 100%;
+          background-color: rgb(250,250,220);
+          background-image: url("../img/header_collections.jpg");
+          background-repeat: no-repeat;
+          background-size: cover;
+          background-position: center 75%;
+        }
+        &.collections-all{
+        }
       }
     }
     aside {
@@ -581,10 +613,24 @@ main {
     }
     aside {
       nav {
+        //like .omekas-entry-content .sub-menu.wide
+        @include flex-align(justify,middle);
         width: 100vw;
         border-top: $global-border-archive;
         border-bottom: $global-border-archive;
         margin: 0;
+        @include breakpoint(small) {
+          padding-left:  0;
+          padding-right: 0;
+        }
+        @include breakpoint(medium) {
+          padding-left: $global-padding * 3;
+          padding-right: $global-padding * 3;
+        }
+        @include breakpoint(xxlarge) {
+          padding-left: $global-padding * 8;
+          padding-right: $global-padding * 8;
+        }
       }
     }
   }

asset/scss/modules/_header.scss

@@ -6,15 +6,13 @@
       @include breakpoint(small){
         @include xy-cell(12);
         @include flex-align(center, middle);
+        padding: $global-padding $global-padding;
+        min-width: 14rem;
         text-align: center;
       }
-      @include breakpoint (medium) {
-        padding: $global-padding*2 $global-padding;
-      }
       @include breakpoint(large){
         @include xy-cell(shrink);
         @include flex-align(left, middle);
-        // min-width: 14rem;
         text-align: unset;
       }
     }
@@ -23,6 +21,7 @@
         @include xy-cell(12);
         @include flex;
         @include flex-align(center, middle);
+        padding-bottom: $global-padding*2;
         a, button {
           color: $black;
           &:hover {
@@ -32,27 +31,71 @@
         menu {
           margin: 0;
           padding: 0;
-          font-size: 0.8rem;
         }
         .menu {
           justify-content: center;
           a {
             padding: $global-padding*0.7 $global-padding*0.5;
           }
+          &.dropdown {
+            justify-content:center;
+            li,.button {
+              min-width: unset;
+              margin:0;
+              padding:0;
+              font-size: $global-font-size*0.9;//$header-menu-font-size;
+            }
+            .button {
+              margin-left: $global-margin;
+              background-color:$input-background;
+            }
+            .is-dropdown-submenu {
+              font-size: $dropdown-font-size * 0.95;
+              min-width: 10rem;
+              box-shadow: 0 3px 5px 3px rgba(200, 200, 200, 0.1);
+            }
+          }
         }
       }
       @include breakpoint(medium) {
-        menu {
-          font-size: $global-font-size*1.5;
-        }
-      }
-      @include breakpoint(large) {
         @include xy-cell(auto);
         @include flex;
-        @include flex-align(right, middle);
+        //@include flex-align(right, middle);
+        //padding-bottom: 0;//$global-padding;
         menu {
           margin: inherit;
           padding: inherit;
+          .menu {
+            &.dropdown {
+              li,.button {
+                font-size: $global-font-size*1.4;//$header-menu-font-size;
+              }
+            }
+            .button {
+                margin-left: $global-margin/2;
+            }
+          }
+        }
+      }
+      @include breakpoint(xlarge) {
+        // @include xy-cell(auto);
+        // @include flex;
+        @include flex-align(right, middle);
+        padding-bottom: 0;//$global-padding;
+        menu {
+          // margin: inherit;
+          // padding: inherit;
+          .menu {
+            &.dropdown {
+              justify-content: end;
+              li,.button {
+                font-size: $global-font-size*1.4;//$header-menu-font-size;
+              }
+              .button {
+                margin-left: $global-margin;
+              }
+            }
+          }
         }
       }
     }

asset/scss/modules/_navigation.scss

@@ -8,21 +8,76 @@
 }
 .hero {
   @include breakpoint(small) {
-      nav {
+    // nav {
-        .dropdown.menu > li > a {
+    //   .dropdown.menu > li > a {
-          padding: $global-menu-padding/2 $global-menu-padding/2;
+    //     padding: $global-menu-padding/2 $global-menu-padding/2;
-        }
+    //   }
-      }
+    // }
   }
   @include breakpoint(medium) {
-    aside {
+    // aside {
-      nav {
+    //   nav {
-        .dropdown.menu > li > a {
+    //     .dropdown.menu > li > a {
-          padding: $global-menu-padding;
+    //       padding: $global-menu-padding;
-        }
+    //     }
-      }
+    //   }
-    }
+    // }
   }
   @include breakpoint(large) {
   }
 }
+
+
+
+header {
+  menu {
+    a[href$="/join-us/"],a[href$="/login"] {
+      color: $black;
+      background-color: $input-background;
+      border: none;
+      border-radius: $global-radius-archive;
+      padding: $global-padding/2 $global-padding;
+      margin-left: $global-margin;
+      &:hover {
+        color: $anchor-color;
+      }
+    }
+  }
+}
+#site-list {
+  nav {
+    margin-bottom: 3rem;
+  }
+}
+
+// a[href^="http://"] {
+//   /* fully valid URL, likely external link */
+// }
+//
+// a[href="http://google.com"] {
+//   /* link to specific website */
+// }
+//
+// a[href^="/"], a[href^=".."] {
+//   /* internal relative link */
+// }
+//
+// a[href^="mailto:"] {
+//   /* email link */
+// }
+//
+// a[href$=".pdf"] {
+//   /* PDF file */
+// }
+//
+// a[href$=".doc"] {
+//   /* Microsoft Word document */
+// }
+//
+// a[href$=".mp3"] {
+//   /* Music file */
+// }
+//
+// a[href$=".zip"] {
+//   /* Archive file */
+// }

index.html

@@ -7,7 +7,7 @@
     <title>Foundation for Sites</title>
     <link rel="stylesheet" href="asset/css/default.css">
   </head>
-    
+<body class="page index dropdown-menu">
   <content class="">
 
             <header>
@@ -21,16 +21,45 @@
 </main>
 <nav>
   <menu class="">
+
+    <ul id="" class="dropdown menu" data-dropdown-menu="dropdown-menu" role="menubar">
+<li id="" class="" role="none">
+<a role="menuitem" href="https://dev.arc-hive.zone">Project</a>
+</li>
+<li id="" class="" role="none">
+<a role="menuitem" href="https://dev.arc-hive.zone/resources/">Resources</a>
+</li>
+<li id="" class="" role="none">
+<a role="menuitem" href="https://dev.arc-hive.zone/category/how-to/">How-to</a>
+</li>
+<li id="" class="is-dropdown-submenu-parent opens-right" role="none" aria-haspopup="true" aria-label="About">
+<a role="menuitem" href="#">About</a>
+<ul class="dropdown menu vertical submenu is-dropdown-submenu first-sub" data-toggle="" data-submenu="" role="menubar">
+<li id="" class="is-submenu-item is-dropdown-submenu-item" role="none">
+<a role="menuitem" href="https://dev.arc-hive.zone/arc-hive-presentation/">Presentation</a>
+</li>
+<li id="" class="is-submenu-item is-dropdown-submenu-item" role="none">
+<a role="menuitem" href="https://dev.arc-hive.zone/partners/">Partners</a>
+</li>
+<li id="" class="is-submenu-item is-dropdown-submenu-item" role="none">
+<a role="menuitem" href="https://dev.arc-hive.zone/contact/">Contact</a>
+</li>
+</ul>
+</li>
+<li id="" class="" role="none">
+<a role="menuitem" href="https://dev.arc-hive.zone/join-us/">Join us</a>
+</li>
+<li id="" class="" role="none">
+<a role="menuitem" href="/login">Login</a>
+</li>
+</ul>
   </menu>
 </nav>
             </header>
 
             <section class="hero omeka collections-all">
   <main class="slides">
-        <section class="slide">
+        <section class="slide image-backgroud">
-        <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>
@@ -73,218 +102,67 @@
         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">
+                  <span data-v-abbdcac0="" class="ascToggle"></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">
+                  <span data-v-abbdcac0="" class="ascToggle"></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">
+                  <span data-v-abbdcac0="" class="ascToggle"></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">
+                  <span data-v-abbdcac0="" class="ascToggle activeColumn"></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
+                  Hangar
                 </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">
+                </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=""></span> <a data-v-abbdcac0="" href="/s/hangar" 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
+                  Trees and cells
                 </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">
+                </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="">Here, some footnotes of structural imagination</span> <a data-v-abbdcac0="" href="/s/trees-and-cells" 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
+                  VideoReplication
                 </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">
+                </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=""></span> <a data-v-abbdcac0="" href="/s/videoreplication" 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
+                  Werewolves
                 </li> <li data-v-abbdcac0="" class="curator">
-                  Kira O’Reilly
+                  Antonio + Chris
                 </li> <li data-v-abbdcac0="" class="collection-name">
-                  Cultivamos Cultura
+                  Hangar people
                 </li> <li data-v-abbdcac0="" class="date">
-                  2013-08-18
+                  2021-03-02
-                </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">
+                </li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">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.</span> <a data-v-abbdcac0="" href="/s/Werewolves" 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
+                  Modules
                 </li> <li data-v-abbdcac0="" class="curator">
-                  Marta de Menezes; Kira O'Reilly
+                  Chris
                 </li> <li data-v-abbdcac0="" class="collection-name">
-                  Cultivamos Cultura
+                  Hangar people
                 </li> <li data-v-abbdcac0="" class="date">
-                  2013-09-13
+                  2021-03-09
-                </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">
+                </li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://dev-archive.hangar.org/files/large/81/3D-Panoramic-Landscape-Image-768x288.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">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.</span> <a data-v-abbdcac0="" href="/s/modules" 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></p></section></aside></li></ul> <!----></article></main> <aside data-v-abbdcac0=""><nav data-v-abbdcac0=""></nav></aside></section></div>
-                  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 Fox’s 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 Fox’s 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 Fox’s 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 Fox’s 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>
 
 
+<script src="/themes/archive/asset/js/archive-list.js"></script>
 </div>
 
 
@@ -358,6 +236,10 @@
   </footer>
 
 
+            <!-- end off-canvas-content -->
+            <!-- </div> -->
+        </content>
+
 
 
 

view/common/block-layout/list-of-sites.phtml

@@ -19,6 +19,9 @@ foreach($sites as $site){
   if (!isset($site_data['currator'])) {
     $site_data['currator'] = "";
   }
+  if (isset($site_data['project_date'])) {
+    $site_data['project_date'] = substr($site_data['project_date'], 0, 4);
+  }
   array_push($projects, $site_data);
 }
 //$collections = json_encode($collections, JSON_UNESCAPED_SLASHES);
@@ -31,7 +34,7 @@ $projects = htmlentities(json_encode($projects, JSON_HEX_QUOT), ENT_QUOTES, 'UTF
   <div
        data-vue-component="archive-list"
        data-collections='<?= $projects ?>'
-       data-page_size=3>
+       data-page_size=20>
   </div>
 </div>
 

view/common/footer-archive.phtml

@@ -51,7 +51,7 @@
           Hosted, maintained and coded by <a href="https://hangar.org">Hangar</a>
       </aside>
       <aside class="double copyright">
-		    <?php echo $this->translate('Powered by Omeka S'); ?>
+        Powered by <a href="https://omeka.org/">Omeka</a>
       </aside>
       <aside class="legal-credits">
           Visual identity by <a href="http://oficinadedisseny.net/">Oficina de disseny</a>

view/common/header-collections.phtml

@@ -1,6 +1,6 @@
 <main class="">
   <!-- <a href="<?php echo $site->url(); ?>" class="site-brand arc-hive-off"> -->
-  <a href="/" class="site-brand arc-hive-off">
+  <a href="https://arc-hive.zone/" class="site-brand arc-hive-off">
     <?php if ($this->themeSetting('logo')): ?>
       <img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>"
            alt="<?php echo $site->title(); ?>"

view/common/header-default.phtml

@@ -19,7 +19,7 @@ $img_src = null;
 
 <main class="">
   <!-- <a href="<?php echo $site->url(); ?>" class="site-brand arc-hive-off"> -->
-  <a href="/" class="site-brand arc-hive-off">
+  <a href="https://arc-hive.zone/" class="site-brand arc-hive-off">
     <?php if ($this->themeSetting('logo')): ?>
       <img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>"
            alt="<?php echo $site->title(); ?>"

view/common/hero-collections.phtml

@@ -1,25 +1,13 @@
 <section class="hero omeka collections-all">
   <main class="slides">
-    <?php if ($this->themeSetting('logo')): ?>
+    <section class="slide image-background">
-      <section class="slide">
+        <!-- <figure> -->
-        <figure>
+          <!-- <img src=""
-          <img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>"
-               title="<?php echo $site->title(); ?>"
-               alt="<?php echo $site->title(); ?>"
-               class="logo" />
-        </figure>
-      </section>
-    <?php else: ?>
-    <section class="slide">
-        <figure>
-          <img src="<?php echo $this->assetUrl('img/ARC-HIVE-logo.svg');?>"
                title="an arc-hive project"
                alt="arc-hive logo"
-               class="logo" />
+               class="logo" /-->
-        </figure>
+        <!-- </figure> -->
     </section>
-    <?php endif; ?>
-
   </main>
   <aside>
     <h2 class="site-title">

view/common/wordpress-menu.phtml

@@ -1,8 +1,12 @@
 <?php
 
 # Config
-$wordpress_site="https://dev.arc-hive.zone";
+# uncoment below for production main branch and comment for development
-$wordpress_endpoint="https://dev.arc-hive.zone/wp-json/menus/v1/menus/4";
+$wordpress_site="https://arc-hive.zone";
+$wordpress_endpoint="https://arc-hive.zone/wp-json/menus/v1/menus/4";
+# coment below for production main branch and uncomment for development
+#$wordpress_site="https://dev.arc-hive.zone";
+#$wordpress_endpoint="https://dev.arc-hive.zone/wp-json/menus/v1/menus/4";
 
 use Zend\Http\Client;
 
@@ -12,7 +16,7 @@ $items[0] = new ArrayObject(); // top level menu items go here
 if ($wordpress_endpoint) {
   try {
     $client = new Client($wordpress_endpoint);
-    $client->setOptions(array("timeout"=>1));
+    $client->setOptions(array("timeout"=>2));
     $response = $client->send();
   }
   catch (exception $e) {
@@ -29,6 +33,7 @@ if ($wordpress_endpoint) {
           $item_url = "/login";
         }
         $item_title = $menu_item->title;
+        /*
         if ($lowered_title == 'collections') {
           if ($wordpress_site) {
             // change Collections item
@@ -38,13 +43,13 @@ if ($wordpress_endpoint) {
             continue; // do not render the Collections item
           }
         }
+        */
         $item = [
           "id" => $menu_item->ID,
           "title" => $item_title,
           "url" => $item_url
         ];
         if (!isset($items[$menu_item->menu_item_parent])) {
-        //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;
@@ -57,12 +62,12 @@ 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 = [
+    $collections_item = [
       "id" => 1,
-      "title" => "Project",
+      "title" => "Collections",
-      "url" => $wordpress_site
+      "url" => "/"
     ];
-    $items[0][1] = $project_item;
+    $items[0][1] = $collections_item;
   }
   $login_item = [
     "id" => 2,
@@ -90,7 +95,6 @@ if (!function_exists('render_menu')) {
       }
       echo '<a role="" href="'.$menu_item['url'].'">'.$menu_item['title'].'</a>'.PHP_EOL;
       if (isset($items[$menu_item['id']])) {
-      //if (array_key_exists($menu_item['id'], $items)) {
           render_menu($items, $menu_item['id']); // render sub menu
       }
       echo '</li>' . PHP_EOL;

view/omeka/site/page/show.phtml

@@ -64,8 +64,8 @@ if ($activePage):
 <?php if ($activePage): ?>
     <?php if ($this->displayNavigation && $activePage['page']->hasPages()): ?>
     <nav class="sub-menu wide" data-sticky-container>
-        <div class="sticky" data-sticky data-anchor="blocks">
+        <div class="no-sticky" no-data-sticky no-data-anchor="blocks">
-            <?php echo $nav->menu()->setUlClass('vertical menu')->renderSubMenu(); ?>
+            <?php echo $nav->menu()->setUlClass('horizontal menu')->renderSubMenu(); ?>
         </div>
     </nav>
     <?php endif; ?>