anhgelus/now
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(tag): better link to page

Browse source
This commit is contained in:
Anhgelus Morhtuuzh 2024-11-13 10:30:45 +01:00
parent dd8495d596
commit c8ea8d4cd3
No known key found for this signature in database
GPG key ID: CAD341EFA92DDDE5
2 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
scss/main.scss
View file

@ -162,12 +162,13 @@ h4 {
--background: #000; --background: #000;
--background-hover: var(--background); --background-hover: var(--background);
display: flex; display: grid;
grid-template-columns: repeat(3, 1fr);
margin-top: 2rem; margin-top: 2rem;
width: 100%; width: 100%;
gap: 1rem; gap: 1rem;
@media only screen and (max-width: vars.$bp-little) { @media only screen and (max-width: vars.$bp-little) {
flex-direction: column; grid-template-columns: 1fr;
gap: 0.5rem; gap: 0.5rem;
align-items: center; align-items: center;
} }
@ -175,7 +176,7 @@ h4 {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 33%; width: 100%;
box-shadow: 0 0 50px -20px rgba(0,0,0,0.75); box-shadow: 0 0 50px -20px rgba(0,0,0,0.75);
border-radius: 16px; border-radius: 16px;
background: var(--background); background: var(--background);

6
templates/page/index.gohtml
View file

@ -11,14 +11,16 @@
</div> </div>
<p class="description"> <p class="description">
{{ .Description }} {{ .Description }}
<a href="/tags">More information...</a>
</p> </p>
<div class="links"> <div class="links">
{{ range $link := .Links }} {{ range $link := .Links }}
<div class="link" style="{{ .GetBackground }}"> <div class="link" style="{{ .GetBackground }}">
<a href="{{ .Link }}" style="{{ .GetLinkColor }}">{{ .Content }}</a> <a href="{{ .Link }}" style="{{ .GetLinkColor }}">{{ .Content }}</a>
</div> </div>
{{end}} {{ end }}
<div class="link" style="--background: #000;--background-hover: #333;">
<a href="/tags" style="--text-color: #ddd;--text-color-hover: #fff;">Tags</a>
</div>
</div> </div>
</main> </main>
{{end}} {{end}}