fmtools/hugo-template
1
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity

Homepage improvements

Browse Source
This commit is contained in:
Landon Taylor
2025-06-13 14:50:10 -06:00
parent 6067707b74
commit 0b36579a36
2 changed files with 41 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
assets/sass/_layout.sass
View File

@ -128,12 +128,29 @@ section
color: $text-subtle color: $text-subtle
text-align: center text-align: center
#tool-cards
display: flex
flex-wrap: wrap
gap: $spacing-unit
// justify-content: space-between
> article
flex: 1 1 48%
min-width: 300px
max-width: 48%
box-sizing: border-box
@media (max-width: 900px)
> article
flex-basis: 100%
max-width: 100%
article article
background: $surface background: $surface
border-radius: 8px border-radius: 8px
padding: $spacing-unit padding: 1rem 1.5rem
margin: $spacing-unit 0 // margin: $spacing-unit 0
position: relative // position: relative
transition: background 0.5s ease-in-out transition: background 0.5s ease-in-out
&:hover, &:focus &:hover, &:focus
background: $primary-dark background: $primary-dark

22
layouts/home.html
View File

@ -15,6 +15,7 @@
<section> <section>
<h2>Try Something New</h2> <h2>Try Something New</h2>
<p>This list shows a selection of 20 random tools, refreshed every time this site is updated.</p> <p>This list shows a selection of 20 random tools, refreshed every time this site is updated.</p>
<div id="tool-cards">
{{ range $pages }} {{ range $pages }}
<article class="tool-card"> <article class="tool-card">
<h3> <h3>
@ -23,9 +24,28 @@
<span class="subtitle">{{ .Params.subtitle }}</span> <span class="subtitle">{{ .Params.subtitle }}</span>
{{ end }} {{ end }}
</h3> </h3>
<p>{{ .Content | plainify | truncate 125 }}</p> <p>{{ .Content | plainify | truncate 100 }}</p>
<a href="{{ .RelPermalink }}" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;text-indent:-9999px;overflow:hidden;">{{ .Title }}</a> <a href="{{ .RelPermalink }}" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;text-indent:-9999px;overflow:hidden;">{{ .Title }}</a>
</article> </article>
{{ end }} {{ end }}
</div>
</section> </section>
<div class="time" style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
<div class="footer-links" style="text-align: left;">
Help improve this page!<br/>
Submit an
<a href="https://gitmoss.fyi/fmtools/content/issues/new?template=.gitea%2fissue_template%2ffix_tool.md&title=[FIX]%20{{ .Title | urlquery }}" target="_blank">issue</a> or
<a href="https://gitmoss.fyi/fmtools/content/fork" target="_blank">pull request</a>.
</div>
{{ if now }}
<div class="footer-date" style="text-align: right;">
{{ $dateMachine := now | time.Format "2006-01-02T15:04:05-07:00" }}
{{ $dateHuman := now | time.Format "2 January 2006" }}
Made with &#9829; using <a href="https://gohugo.io" target="_blank">Hugo</a> <br/>
Rebuilt on <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
</div>
{{ end }}
</div>
{{ end }} {{ end }}