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,36 +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;
     }
-  }
-  &.secondary {
-    border-color: $secondary-color;
-  }
-  &.inactive {
-    color: $light-gray;
-    border-color: $light-gray;
-    cursor: not-allowed ;
-    &:hover {
-      background-color: unset;
+    &.success {
+      border-color: $success-color;
+    }
+    &.alert {
+      border-color: $alert-color;
+      color: $white;
+      &:hover{
+        color:$white;
+      }
+    }
+    &.secondary {
+      border-color: $secondary-color;
     }
-  }
 }
 .hero {
   button,.button {

asset/scss/global/_omeka.scss

@@ -322,12 +322,12 @@ body.vertical-menu header .desktop {
 }
 
 .browse-control-mobile {
-   display: none;
-
-   @include breakpoint(small down) {
-     display: inline-block;
+  // display: none;
+  //
+  // @include breakpoint(small down) {
+  //   display: inline-block;
   //   float: right;
-   }
+  // }
 }
 
 .browse-toggle {
@@ -355,37 +355,35 @@ body.vertical-menu header .desktop {
 }
 
 .browse-controls {
-   @include xy-grid;
-   justify-content: space-between;
-   align-items: center;
-  // margin: 0 (-.5 * $global-margin);
-  // font-size: .875 * $global-font-size;
-  //
-  // input,
-  // select,
-  // button,
-  // .button {
+  @include xy-grid;
+  justify-content: space-between;
+  align-items: center;
+  input,
+  select,
+  button,
+  .button {
   //   font-size: .875 * $global-font-size;
   //   padding: (.5 * $global-padding);
-  // }
+  width: auto;
+   }
+
+   .sorting select {
+     // margin-right: .5 * $global-margin;
+  }
+
+  @include breakpoint(small down) {
+    margin: 0;
+    display: none;
+
+    &.open {
+      display: flex;
+      align-items: stretch;
+    }
+
+    &.closed {
+      display: none;
+    }
   //
-  // .sorting select {
-  //   margin-right: .5 * $global-margin;
-  // }
-  //
-   @include breakpoint(small down) {
-  //   margin: 0;
-     display: none;
-
-     &.open {
-       display: flex;
-       align-items: stretch;
-     }
-
-     &.closed {
-       display: none;
-     }
-
   //   .sorting,
   //   .omeka-pagination,
   //   .advanced-search {
@@ -395,13 +393,6 @@ body.vertical-menu header .desktop {
   //   .advanced-search {
   //     order: 3;
   //   }
-   }
-  .button-group {
-    margin-bottom: 0;
-  }
-  button,.button{
-    font-size: $global-font-size * 0.9;
-    padding: $global-padding*0.7 $global-padding*1.7;
   }
 }
 
@@ -514,20 +505,20 @@ body.vertical-menu header .desktop {
 }
 
 .omeka-pagination {
-   @include breakpoint(medium) {
-     @include xy-cell();
-   }
+  // @include breakpoint(medium) {
+  //   @include xy-cell(4);
+  // }
 }
 
 .omeka-pagination,
 .omeka-pagination form {
-   display: flex;
-   align-items: center;
+  // display: flex;
+  // align-items: center;
 }
 
 .omeka-pagination .button-group {
-   flex-wrap: nowrap;
-   flex-grow: 0;
+  // flex-wrap: nowrap;
+  // flex-grow: 0;
 }
 
 .omeka-pagination form,
@@ -544,15 +535,6 @@ body.vertical-menu header .desktop {
   // margin-bottom: 0;
 }
 
-.sorting {
-   display: flex;
-}
-
-.sorting select {
-   width: 100%;
-   height: 100%;
-   margin-bottom: 0;
-}
 
 .sorting {
   display: flex;

asset/scss/modules/_content.scss

@@ -43,8 +43,9 @@ main {
     }
     section {
       padding: $global-padding $global-padding*2;
+      //margin: $global-margin;
     }
-    .entry-content,.omekas-entry-content {
+    .entry-content {
       @include breakpoint(small){
         @include xy-cell(12);
         padding: $global-padding*2 ;
@@ -68,32 +69,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 +152,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 +166,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 +179,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 +199,6 @@ main {
       @include breakpoint(medium){
         figure {
           @include xy-cell(3);
-          margin-left: 0;
         }
         p {
           @include xy-cell(9);
@@ -412,4 +382,5 @@ main {
     width: 100%;
 
   }
+
 //end omeka specific styles

asset/scss/modules/_footer.scss

@@ -1,5 +1,4 @@
 footer {
-  margin-top: $global-margin;
   background-color: $secondary-color;
   a {
     color: $body-font-color;
@@ -25,7 +24,7 @@ footer {
   .logo {
   }
   .site-brand,.brand-logo {
-    &.archive,&.arc-hive{
+    &.archive{
       &::before {
         margin-top:unset;
       }
@@ -33,6 +32,7 @@ footer {
     &.eu {
       &::before {
         @include breakpoint(small) {
+          // background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg');
           background-position-x: right;
           max-width: 50vw;
           margin-top:unset;
@@ -59,6 +59,7 @@ footer {
        padding: $global-padding;
        font-size: $global-font-size * 0.8;
        &:first-child {
+         //padding-top: $global-padding*3;
        }
        .co-founded {
          text-align:right;

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">