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 {
@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
//---------------------

View File

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

View File

@ -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>
<aside>
</aside>
</main>
<aside>
</aside>
</section>