mxd7428
/
hugo-theme-dor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change an ID and class to be more semantic

This commit is contained in:
Dorian Wood 2021-05-01 15:08:36 -04:00
parent 6b5742b1bd
commit 84e2201641
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/_default/list.html
View File

@ -2,10 +2,10 @@
{{ .Title }} {{ .Title }}
{{ end }} {{ end }}
{{ define "main" }} {{ define "main" }}
<section id="projects"> <section id="list">
{{- range first 10 .Data.Pages }} {{- range first 10 .Data.Pages }}
<a href="{{ .Permalink }}" class="button"> <a href="{{ .Permalink }}" class="button">
<section class="project-tile"> <section class="list-item">
<a href="{{- .Permalink }}" class="button"><h2>{{ .Title }}</h2></a> <a href="{{- .Permalink }}" class="button"><h2>{{ .Title }}</h2></a>
{{ .Plain | truncate 500 | htmlUnescape | safeHTML }} {{ .Plain | truncate 500 | htmlUnescape | safeHTML }}
</section> </section>

6
static/css/style.css
View File

@ -132,13 +132,13 @@ h4 {
border-color: var(--base00); border-color: var(--base00);
} }
#projects { #list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-evenly;
} }
.project-tile { .list-item{
max-width: 25em; max-width: 25em;
margin: 1em; margin: 1em;
padding: 1em; padding: 1em;