asset/scss/_settings.scss

@@ -322,7 +322,7 @@ $button-border: 2px solid $button-color;//1px solid transparent;
 $button-hollow-border-width: 2px;
 $button-sizes: (
   tiny: 0.7rem,
-  small: 0.9rem,
+  small: 0.95rem,
   default: 1.6rem,
   large: 2.4rem,
 );

asset/scss/components/_accordion.scss

@@ -1,26 +1,11 @@
 .accordion-item {
   border-bottom: $global-border-archive;
-  &:first-of-type {
-    max-height: 5rem;
-    .is-active{
-      max-height: 5rem;
-      padding:0;
-    }
-    .accordion-title::before{
-      content:'';
-    }
-    a {
-      color: black;
-      &:hover,&:active,&:focus{
-        color: black;
-        cursor: not-allowed;
-      }
-    }
-  }
 }
 .accordion-title {
   ul,ol {
     list-style: none;
+    //@include flex;
+    //@include flex-align(justify,middle);
     @include xy-grid;
   }
   li {
@@ -29,4 +14,3 @@
     text-align:left;
   }
 }
-

asset/scss/components/_buttons.scss

@@ -1,28 +1,23 @@
 button,.button {
-  &.small{
-    padding: $global-padding*0.5 $global-padding*1.5;
-  }
-  &.tiny{
-    padding: $global-padding*0.3 $global-padding*1.1;
-  }
   &:not(.large,.small,.tiny){
+    // min-width: 20rem;
   }
-  &.primary {
-    color: $white;
-  }
-  &.success {
-    border-color: $success-color;
-  }
-  &.alert {
-    border-color: $alert-color;
-    color: $white;
-    &:hover{
-      color:$white;
+    &.primary {
+      color: $white;
+    }
+    &.success {
+      border-color: $success-color;
+    }
+    &.alert {
+      border-color: $alert-color;
+      color: $white;
+      &:hover{
+        color:$white;
+      }
+    }
+    &.secondary {
+      border-color: $secondary-color;
     }
-  }
-  &.secondary {
-    border-color: $secondary-color;
-  }
 }
 .hero {
   button,.button {

asset/scss/modules/_content.scss

@@ -41,10 +41,7 @@ main {
         text-align: center;
       }
     }
-    section {
-      padding: $global-padding $global-padding*2;
-    }
-    .entry-content,.omekas-entry-content {
+    .entry-content {
       @include breakpoint(small){
         @include xy-cell(12);
         padding: $global-padding*2 ;
@@ -68,32 +65,6 @@ main {
 }
 
 
-//
-// page category
-//--------------
-.index{
-  main {
-    article {
-      header {
-        .entry-title {
-        }
-      }
-      section {
-      }
-      .entry-content,.omekas-entry-content {
-        @include breakpoint(small){
-        }
-        @include breakpoint(medium){
-          max-width: unset;
-        }
-        @include breakpoint(xlarge){
-          max-width: unset;
-        }
-      }
-    }
-  }
-}
-
 //
 // news category
 //--------------
@@ -177,11 +148,12 @@ main {
 
 .collections-list {
   @include xy-grid;
-  padding:0;
+  width:100vw;
   header,main{
     @include xy-cell(12);
     @include flex;
     @include flex-align(center,top);
+    padding: $global-padding*2 0;
   }
   header {
     margin-top: 2*$global-margin;
@@ -190,15 +162,10 @@ main {
   }
   main {
     @include xy-grid;
-    padding: 0;
-    margin: 0;
-    article {
+    article{
       @include card-container();
-        @include xy-cell();
-        width: 100%; 
-        padding: 0;
-        margin: 0;
       @include breakpoint(small){
+        @include xy-cell();
         font-size: $global-font-size*0.7;
       }
       @include breakpoint(medium){
@@ -208,18 +175,18 @@ main {
       }
       margin-bottom:0;
     }
+    table {
+      thead,tbody,tfoot {
+        margin: $global-padding*2;
+      }
+    }
   }
   .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;
         }
         p {
           @include xy-cell(12);
@@ -228,7 +195,6 @@ main {
       @include breakpoint(medium){
         figure {
           @include xy-cell(3);
-          margin-left: 0;
         }
         p {
           @include xy-cell(9);
@@ -412,4 +378,5 @@ main {
     width: 100%;
 
   }
+
 //end omeka specific styles

gulpfile.js

@@ -28,7 +28,6 @@ function serve() {
   });
 
   gulp.watch("asset/scss/*.scss", sass);
-  gulp.watch("asset/scss/*/*.scss", sass);
   gulp.watch("*.html").on('change', browserSync.reload);
 }
 

view/common/site-list-entry.phtml

@@ -28,7 +28,6 @@ $summary = $showSummary ? $site->summary() : null;
     </ul>
   </a>
   <aside class="accordion-content" data-tab-content>
-   <section>
     <figure>
       <?php if ($site_meta_values != null): ?>
         <img src="<?= $site_meta_values['thumbnail']; ?>" />
@@ -40,6 +39,5 @@ $summary = $showSummary ? $site->summary() : null;
       <?php endif; ?>
       <a class="button small" href="<?= $site->siteUrl() ?>">View</a>
     </p>
-   </section>
   </aside>
 </li>

view/layout/layout.phtml

@@ -93,9 +93,8 @@ endif;
             <!-- </div> -->
         </content>
         <script>
-//          $(document).foundation();
+          $(document).foundation();
         </script>
-<script src="<?php echo $this->assetUrl('js/foundation.js'); ?>"></script>
 
     </body>
 </html>

view/omeka/site/item/show.phtml

@@ -7,29 +7,34 @@ $itemMedia = $item->media();
 $showLayout = $this->themeSetting('show_layout');
 ?>
 
-<!-- arc-hive page header-image insert begins -->
+<!-- arc-hive insert begins -->
 <?php
-$img_src = null;
-  $img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($site);
-  if (!$img_src) {
-    $img_src = $this->assetUrl('img/ARC-HIVE-logo.svg');
-  }
-  ?>
-  <style>
-  .arc-page-header-img {
-     content: url("<?= $img_src ?>");
-  }
-  </style>
-  <?php
+//$site->pages();
+// set header image
+$img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($site);
+if (!$img_src) {
+  $img_src = '/themes/archive/asset/img/default-header-image.jpg';
+}
+if ($this->site->title() == "Collections") {
+  $image_height = "300px";
+} else {
+  $image_height = "200px";
+}
 ?>
+<style>
+#archive_header_img {
+   background: url("<?= $img_src ?>") no-repeat;
+   width: 100%;
+   height: <?= $image_height ?>;
+}
+</style>
 <script>
 <?php
   $_html = '<a href="'.$this->site->url().'">'.$this->site->title().'</a>';
 ?>
 $("#archive_page_title").html('<?php echo $_html ?>');
 </script>
-<!-- arc-hive page header-image insert ends -->
-
+<!-- arc-hive insert ends -->
 
 
 <div class="resource-title">

view/omeka/site/media/show.phtml

@@ -3,28 +3,33 @@ $translate = $this->plugin('translate');
 ?>
 <?php $this->htmlElement('body')->appendAttribute('class', 'media resource show'); ?>
 
-<!-- arc-hive page header-image insert begins -->
+<!-- arc-hive insert begins -->
 <?php
-$img_src = null;
-  $img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($site);
-  if (!$img_src) {
-    $img_src = $this->assetUrl('img/ARC-HIVE-logo.svg');
-  }
-  ?>
-  <style>
-  .arc-page-header-img {
-     content: url("<?= $img_src ?>");
-  }
-  </style>
-  <?php
+//$site->pages();
+$img_src = $this->getHelperPluginManager()->get('archiveSiteMeta')->getSiteImage($site);
+if (!$img_src) {
+  $img_src = '/themes/archive/asset/img/default-header-image.jpg';
+}
+if ($this->site->title() == "Collections") {
+  $image_height = "300px";
+} else {
+  $image_height = "200px";
+}
 ?>
+<style>
+#archive_header_img {
+   background: url("<?= $img_src ?>") no-repeat;
+   width: 100%;
+   height: <?= $image_height ?>;
+}
+</style>
 <script>
 <?php
   $_html = '<a href="'.$this->site->url().'">'.$this->site->title().'</a>';
 ?>
 $("#archive_page_title").html('<?php echo $_html ?>');
 </script>
-<!-- arc-hive page header-image insert ends -->
+<!-- arc-hive insert ends -->
 
 
 <div class="resource-title">