removed class .hero for search button fields

Reviewed-on: #40

asset/scss/components/_forms.scss

@@ -1,4 +1,4 @@
-.hero{
+// .hero{
   .search{
     .input-group * {
       margin: 0;
@@ -64,4 +64,4 @@
       }
     }
   }
-}
+// } //end .hero

asset/scss/global/_branding.scss

@@ -30,8 +30,8 @@
   }
   &.eu{
     &::before {
-//      background-image: url('../img/eu_flag_creative_europe_co_funded_left.svg');
-      background-image: url('../img/rechts_co-funded-by-the-creative-europe-media-programme-of-the-european-union-flag.png');
+      background-image: url('../img/eu_flag_creative_europe_co_funded_left.svg');
+      //background-image: url('../img/rechts_co-funded-by-the-creative-europe-media-programme-of-the-european-union-flag.png');
     }
   }
 }

asset/scss/modules/_content.scss

@@ -100,7 +100,7 @@ main {
         max-width: 50rem;
       }
       @include breakpoint(xlarge){
-        max-width: 50rem;
+//        max-width: 50rem;
       }
     }
 }
@@ -207,12 +207,12 @@ main {
     padding: 0;
     margin: 0;
     article {
+      @include breakpoint(small){
         @include card-container();
         @include xy-cell();
         width: 100%;
         padding: 0;
         margin: 0;
-      @include breakpoint(small){
         font-size: $global-font-size*0.7;
       }
       @include breakpoint(medium){
@@ -220,7 +220,6 @@ main {
       }
       @include breakpoint(large){
       }
-      margin-bottom:0;
     }
   }
   .accordion-content {
@@ -306,11 +305,13 @@ main {
     @include xy-grid();
     .slide {
       @include xy-grid;
-      justify-content: center;
       @include breakpoint(small){
         width: 100vw;
+        overflow: hidden;
+        padding: 0;
         margin: 0;
-        padding: $global-padding * 3;
+        justify-content: center;
+        color: $white;
         .textwidget {
         }
       }
@@ -325,9 +326,9 @@ main {
       @include breakpoint(large){
         width: 50%;
         height: calc((50vw*9)/16);
-        padding: 0;
-        margin: 0;
-        overflow:hidden;
+        //padding: 0;
+        //margin: 0;
+        //overflow:hidden;
         a {
           @include flex;
           @include flex-align (center,middle);
@@ -357,7 +358,6 @@ main {
         background-color: $primary-color;
         font-variant:all-small-caps;
       }
-      color: $white;
 
       .logo {
         @include breakpoint(medium){
@@ -373,8 +373,22 @@ main {
       @include xy-cell(auto);
       @include flex;
       @include flex-align(spaced,middle);
-      min-height: 6rem;
+      @include breakpoint(small) {
+        flex-direction: column;
+        min-height: unset;
+        padding: $global-padding;
+        .menu, .menu.horizontal {
+          justify-content: center;
+        }
+      }
+      @include breakpoint(large) {
+        flex-direction: row;
+        min-height: $global-padding * 6;
         padding: $global-padding 0 ;
+        .menu, .menu.horizontal {
+          justify-content: unset;
+        }
+      }
       a {
         color: $body-font-color;
       }

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

@@ -1,60 +1,31 @@
 <?php
-//
-// as for 2021 07 28 this template is not being used
-// consider deleting it
-//
 $archiveSiteHelper = $this->getHelperPluginManager()->get('archiveSiteMeta');
 ?>
 
-<section class="collections-list">
 
-  <header>
-    <h2> Latest in collections</h2>
-  </header>
-  <main class="">
-    <article class="">
-      <ul class="accordion" data-responsive-accordion-tabs="accordion small-accordion" data-multi-expand="true" data-allow-all-closed="true" data-deep-link="true">
-        <li class="accordion-item title" data-accordion-item disabled>
-          <a href="#" class="accordion-title">
-            <ul class="">
-              <li class="title">Title</li>
-              <li class="curator">Artist</li>
-              <li class="collection-name">Collection</li>
-              <li class="date">Date</li>
-            </ul>
-          </a>
-          <div class="accordion-content" data-tab-content>
-            <figure>
-            </figure>
-            <p>
-            </p>
+<?php
+$collections = [];
+foreach($sites as $site){
+  $site_data = $archiveSiteHelper->getSiteMetaValues($site);
+  $site_data['id'] = $site->id();
+  $site_data['url'] = $site->siteUrl();
+  $site_data['title'] = $site->title();
+  $site_data['summary'] = nl2br($this->escapeHtml($site->summary()));
+  array_push($collections, $site_data);
+}
+//$collections = json_encode($collections, JSON_UNESCAPED_SLASHES);
+//$collections = json_encode($collections, JSON_HEX_APOS);
+//$collections = htmlspecialchars(json_encode($collections), ENT_QUOTES, 'UTF-8');
+//$collections = str_replace("'", "\'", $collections);
+$collections = htmlentities(json_encode($collections, JSON_HEX_QUOT), ENT_QUOTES, 'UTF-8');
+//$collections = json_encode($collections);
+?>
+
+<div data-vue-component="archive-list"
+     data-collections='<?= $collections ?>'
+     data-page_size=3>
 </div>
-        </li>
 
-        <?php
-        // read each omeka site to publish
-        foreach($sites as $site):
-          $site_meta_values = $archiveSiteHelper->getSiteMetaValues($site);
-          // table body build file
-          echo $this->partial('common/site-list-entry', [
-            'site' => $site,
-            'showSummary' => $summaries,
-            'site_meta_values' => $site_meta_values,
-            'archive_collections' => $archiveSiteHelper->getCollections(),
-          ]);
-        endforeach;
-        ?>
-      </ul>
-    </article>
-  </main>
-  <aside>
-    <nav>
-      <?php
-      if (1 == 0):
-        //if ($pagination):
-        echo $this->pagination();
-      endif;
-      ?>
-    </nav>
-  </aside>
-</section>
+
+
+<script src="/themes/archive/asset/js/archive-list.js"></script>

view/common/header-default.phtml

@@ -1,3 +1,22 @@
+
+
+<!-- arc-hive header-image insert begins -->
+<?php
+$img_src = null;
+  $img_src = $this->getHelperPluginManager()->get('headerImage')->getImage();
+  if (!$img_src) {
+    $img_src = $this->assetUrl('img/default-ARC-HIVE-hero-image.jpg');
+  }
+  ?>
+  <style>
+  .arc-page-header-img {
+     content: url("<?= $img_src ?>");
+  }
+  </style>
+  <?php
+?>
+<!-- arc-hive header-image insert ends -->
+
 <main class="">
   <a href="<?php echo $site->url(); ?>" class="site-brand arc-hive-off">
     <?php if ($this->themeSetting('logo')): ?>

view/common/hero-collections.phtml

@@ -27,8 +27,5 @@
         <?= $this->site->title() ?>
       </a>
     </h2>
-    <nav class="">
-      <?php echo $this->partial('common/search-form.phtml'); ?>
-    </nav>
   </aside>
 </section>

view/omeka/site-admin/page/edit.phtml

@@ -40,7 +40,7 @@ $form->prepare();
 <div id="new-block" class="active sidebar" data-url="<?php echo $this->url('admin/site/slug/page/default', ['action' => 'block'], true); ?>">
     <h3><?php echo $translate('Add new block'); ?></h3>
     <?php foreach ($this->blockLayout()->getLayouts() as $layout): ?>
-      <?php if ($layout == "html") { continue; } ?>
+      <?php /* if ($layout == "html") { continue; } */ ?>
       <?php /* if ($layout == "tableOfContents") { continue; } */ ?>
       <?php if ($layout == "searchingForm") { continue; } ?>
     <button type="button" value="<?php echo $escape($layout); ?>" class="option">

view/omeka/site/page/show.phtml

@@ -5,9 +5,12 @@ $showPagePagination = $this->siteSetting('show_page_pagination', true);
 ?>
 
 
-
 <!-- arc-hive page header-image insert begins -->
 <?php
+/*
+  $img_src has already been set at view/common/header-default.phtml
+  We override it here because a page may have it's own header image
+*/
 $img_src = null;
   $img_src = $this->getHelperPluginManager()->get('headerImage')->getImage($page);
   if (!$img_src) {
@@ -21,7 +24,6 @@ $img_src = null;
   </style>
   <?php
 ?>
-
 <!-- arc-hive page header-image insert ends -->
 
 <?php