sites/motarawneh.com
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

add latest media to index

Browse source
This commit is contained in:
a 2020-11-10 03:17:42 -06:00
parent 5afd718619
commit 55c6e96835
2 changed files with 23 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
assets/scss/pages/index.scss
View file

@ -99,6 +99,23 @@
margin-bottom: 2em; margin-bottom: 2em;
} }
/* latest media */
.media-list {
display: grid;
grid-gap: 1em;
grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
}
.media-item {
padding: 1em;
background: #ddd;
color: inherit;
text-decoration: none;
transition: opacity 0.2s ease-in-out;
&:hover {opacity: 0.6}
font-size: 1.25em;
}
/* contact section */ /* contact section */
#contact {background: #eee;} #contact {background: #eee;}
#contact .container {display: flex; flex-flow: column; align-items: center;} #contact .container {display: flex; flex-flow: column; align-items: center;}

7
layouts/index.html
View file

@ -33,6 +33,11 @@
{{ with .Params.latest }} {{ with .Params.latest }}
<h2 class="section-header">{{.}}</h2> <h2 class="section-header">{{.}}</h2>
{{ end }} {{ end }}
<ul class="media-list">
{{- range ( where site.RegularPages "Section" "media" | first 6 ) }}
<a href="{{.Permalink}}" class="media-item"><li>{{.Title}}</li></a>
{{- end }}
</ul>
</div> </div>
</section> </section>
<section class="section" id="contact"> <section class="section" id="contact">
@ -53,4 +58,4 @@
</div> </div>
</section> </section>
</main> </main>
{{ end }} {{ end }}