collections as lists with extra content

src/assets/scss/modules/_content.scss

@@ -149,7 +149,7 @@
 
     .collections-list {
       @include xy-grid;
-      header,main,aside {
+      header,main{
         @include xy-cell(12);
         @include flex;
         @include flex-align(center,top);
@@ -180,45 +180,18 @@
           }
         }
       }
-      aside {
+      .accordion-content {
+        @include xy-grid(12);
+        figure {
+          @include xy-cell(4);
+        }
+        p {
+          @include xy-cell(6);
+        }
       }
     }
     // end collections category
-    //
-    // collections category
-    //--------------
 
-    .list-of-sites {
-      @include xy-grid;
-      header,.site-list,aside {
-        @include xy-cell(12);
-        @include flex;
-        @include flex-align(center,top);
-        padding: $global-padding*2 0;
-      }
-      header {
-        margin-top: 2*$global-margin;
-        border-top: 1px solid $body-font-color;
-        padding: $global-padding*2 0;
-      }
-      .site-list {
-        @include xy-grid;
-        article, table{
-          @include breakpoint(small){
-            @include xy-cell();
-          }
-          @include breakpoint(medium){
-          }
-          @include breakpoint(large){
-          }
-          margin-bottom:0;
-        }
-      }
-      aside {
-      }
-    }
-    // end collections category
-    //
     // partners
     // for big announcemnts
     //---------------------

src/pages/omeka-index.html

@@ -5,5 +5,3 @@ layout: omeka
       {{> section-collections-latest}}
 
       <!-- {{> section-collections}} -->
-
-      <!-- {{> section-collections-02}} -->

src/partials/section-collections-latest.html

@@ -16,12 +16,12 @@
               <li class="date">Date</li>
             </ul>
           </a>
-          <div class="accordion-content" data-tab-content>
+          <aside class="accordion-content" data-tab-content>
             <figure>
             </figure>
             <p>
             </p>
-          </div>
+          </aside>
         </li>
         <li class="accordion-item" data-accordion-item>
           <a href="#" class="accordion-title">
@@ -32,11 +32,11 @@
               <li class="year"></li>
             </ul>
           </a>
-          <div class="accordion-content" data-tab-content>
+          <aside class="accordion-content" data-tab-content>
             <figure>
             </figure>
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque unde quaerat reprehenderit ipsa ipsam, adipisci facere repellendus impedit at, quisquam dicta optio veniam quia nesciunt, inventore quod in neque magni?</p>
-          </div>
+          </aside>
         </li>
 
         <li class="accordion-item" data-accordion-item>
@@ -48,14 +48,14 @@
               <li class="year">2021-03-09</li>
             </ul>
           </a>
-          <div class="accordion-content" data-tab-content>
+          <aside class="accordion-content" data-tab-content>
             <img src="https://dev-archive.hangar.org/files/large/81/3D-Panoramic-Landscape-Image-768x288.jpg">
             <p>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.</p>
             <br>
             <button class="go_to_site_button" onclick="window.location.href = '/s/modules'">
               View
             </button>
-          </div>
+          </aside>
         </li>
         <li class="accordion-item" data-accordion-item>
           <a href="#" class="accordion-title">
@@ -66,12 +66,12 @@
               <li class="year"></li>
             </ul>
           </a>
-          <div class="accordion-content" data-tab-content>
+          <aside class="accordion-content" data-tab-content>
             Here, some footnotes of structural imagination      <br>
             <button class="go_to_site_button" onclick="window.location.href = '/s/trees-and-cells'">
               View
             </button>
-          </div>
+          </aside>
         </li>
 
 
@@ -84,7 +84,7 @@
               <li class="year"></li>
             </ul>
           </a>
-          <div class="accordion-content" data-tab-content>
+          <aside class="accordion-content" data-tab-content>
             <figure>
             </figure>
             <p>
@@ -92,7 +92,7 @@
                 View
               </button>
             </p>
-          </div>
+          </aside>
         </li>
         <li class="accordion-item" data-accordion-item>
           <a href="#" class="accordion-title">
@@ -103,7 +103,7 @@
               <li class="year">2021-03-02</li>
             </ul>
           </a>
-          <div class="accordion-content" data-tab-content>
+          <aside class="accordion-content" data-tab-content>
             <figure>
               <img src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg">
             </figure>
@@ -113,12 +113,12 @@
                 View
               </button>
             </p>
-        </div>
+          </aside>
         </li>
       </ul>
     </article>
 
-</main>
+  </main>
-<aside>
+  <aside>
-</aside>
+  </aside>
 </section>