collections as lists with extra content

This commit is contained in:
jorge 2021-06-28 20:35:30 +02:00
parent 1f2153e7ed
commit 2fda35a322
3 changed files with 28 additions and 57 deletions

View File

@ -149,7 +149,7 @@
.collections-list { .collections-list {
@include xy-grid; @include xy-grid;
header,main,aside { header,main{
@include xy-cell(12); @include xy-cell(12);
@include flex; @include flex;
@include flex-align(center,top); @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 // 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 // partners
// for big announcemnts // for big announcemnts
//--------------------- //---------------------

View File

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

View File

@ -16,12 +16,12 @@
<li class="date">Date</li> <li class="date">Date</li>
</ul> </ul>
</a> </a>
<div class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<figure> <figure>
</figure> </figure>
<p> <p>
</p> </p>
</div> </aside>
</li> </li>
<li class="accordion-item" data-accordion-item> <li class="accordion-item" data-accordion-item>
<a href="#" class="accordion-title"> <a href="#" class="accordion-title">
@ -32,11 +32,11 @@
<li class="year"></li> <li class="year"></li>
</ul> </ul>
</a> </a>
<div class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<figure> <figure>
</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> <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>
<li class="accordion-item" data-accordion-item> <li class="accordion-item" data-accordion-item>
@ -48,14 +48,14 @@
<li class="year">2021-03-09</li> <li class="year">2021-03-09</li>
</ul> </ul>
</a> </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"> <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> <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> <br>
<button class="go_to_site_button" onclick="window.location.href = '/s/modules'"> <button class="go_to_site_button" onclick="window.location.href = '/s/modules'">
View View
</button> </button>
</div> </aside>
</li> </li>
<li class="accordion-item" data-accordion-item> <li class="accordion-item" data-accordion-item>
<a href="#" class="accordion-title"> <a href="#" class="accordion-title">
@ -66,12 +66,12 @@
<li class="year"></li> <li class="year"></li>
</ul> </ul>
</a> </a>
<div class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
Here, some footnotes of structural imagination <br> Here, some footnotes of structural imagination <br>
<button class="go_to_site_button" onclick="window.location.href = '/s/trees-and-cells'"> <button class="go_to_site_button" onclick="window.location.href = '/s/trees-and-cells'">
View View
</button> </button>
</div> </aside>
</li> </li>
@ -84,7 +84,7 @@
<li class="year"></li> <li class="year"></li>
</ul> </ul>
</a> </a>
<div class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<figure> <figure>
</figure> </figure>
<p> <p>
@ -92,7 +92,7 @@
View View
</button> </button>
</p> </p>
</div> </aside>
</li> </li>
<li class="accordion-item" data-accordion-item> <li class="accordion-item" data-accordion-item>
<a href="#" class="accordion-title"> <a href="#" class="accordion-title">
@ -103,7 +103,7 @@
<li class="year">2021-03-02</li> <li class="year">2021-03-02</li>
</ul> </ul>
</a> </a>
<div class="accordion-content" data-tab-content> <aside class="accordion-content" data-tab-content>
<figure> <figure>
<img src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg"> <img src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg">
</figure> </figure>
@ -113,12 +113,12 @@
View View
</button> </button>
</p> </p>
</div> </aside>
</li> </li>
</ul> </ul>
</article> </article>
</main> </main>
<aside> <aside>
</aside> </aside>
</section> </section>