add link to project cards + implement tag filtering & loader for projects + message when no projects available + fix bugs

This commit is contained in:
Michi 2025-03-22 13:31:29 +01:00
parent 52af1a4e01
commit ba15e71c80
3 changed files with 174 additions and 10 deletions

View file

@ -2,16 +2,31 @@
<h1 class="fade-up">{{ T "projects" }}</h1>
<div class="tag-filter fade-up">
{{ range .Site.Data.tags }}
<div class="tag">
<label class="tag" for="tag-{{ .slug }}" >
<input class="tag-checkbox" id="tag-{{ .slug }}" value="{{ .slug }}" type="checkbox" {{ if .checked }} checked {{ end }}>
<label class="tag-label" for="tag-{{ .slug }}" >{{ .title }}</label>
</div>
<span class="tag-label">{{ .title }}</span>
</label>
{{ end }}
</div>
<div class="project-list">
</div>
<div class="fade-up">
<div class="no-projects">
<i class="ai-face-sad"></i>
<p>No projects found</p>
</div>
<div class="project-loader-wrapper hidden">
<div class="project-loader">
<div class="project-loader-circle"></div>
<div class="project-loader-circle"></div>
<div class="project-loader-circle"></div>
<div class="project-loader-circle"></div>
</div>
</div>
<div class="project-load fade-up">
<button class="project-load-btn" alt='{{ T "load-more" }}' title='{{ T "load-more" }}' name='{{ T "load-more" }}'>{{ T "load-more" }}</button>
</div>
</div>