eliaskohout/crowsnest
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

improved design for articles

Browse Source
This commit is contained in:
Elias Kohout
2025-01-10 20:02:35 +01:00
parent 1f6dfa3aa5
commit 77f391f24d
2 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
golang/assets/templates/article.html
View File

@@ -1,22 +1,23 @@
{{ define "content" }} {{ define "content" }}
<div class="content"> <div class="content max-w-screen-lg mx-auto">
{{ range . }} {{ range . }}
<div class="card bg-base-300 my-5 shadow-lg"> <div tabindex="0" class="collapse bg-base-200 shadow mb-4">
<div class="card-body"> <div class="collapse-title font-medium">{{ .Title }}</div>
<h2 class="card-title">{{ .Title }}</h2> <div class="collapse-content">
<p class=""> <p class="pb-2">
<span class="badge badge-outline">{{ .ShortSource }}</span> <span class="badge badge-outline">{{ .ShortSource }}</span>
<span class="badge badge-outline">{{ .PublishDate }}</span> <span class="badge badge-outline">{{ .PublishDate }}</span>
{{if .AiSummarized}} {{if .AiSummarized}}
<span class="badge badge-outline">ai summary</span> <span class="badge badge-outline">ai summary</span>
{{end}} {{end}}
</p> </p>
<p class="card-text">{{ .Summary }}</p> <p class="card-text">{{ .Summary }}</p>
<a href="{{ .SourceUrl }}" class="link">Link</a> <a href="{{ .SourceUrl }}" class="link">Link</a>
</div> </div>
</div> </div>
{{ end }} {{ end }}
</div>
</div>
{{ end }} {{ end }}

12
golang/assets/templates/layout.html
View File

@@ -12,10 +12,10 @@
{{/* Logo with navigation */}} {{/* Logo with navigation */}}
<div class="flex-1"> <div class="flex-1">
<a href="/" class="btn btn-ghost text-xl">crowsnest</a> <a href="/" tabindex="0" class="btn btn-ghost text-xl">crowsnest</a>
<ul class="menu menu-horizontal hidden sm:flex"> <ul class="menu menu-horizontal hidden sm:flex">
<li><a class="active">Artikel</a></li> <li><a tabindex="0" class="active">Artikel</a></li>
<li><a>Themen</a></li> <li><a tabindex="0">Themen</a></li>
</ul> </ul>
</div> </div>
@@ -42,9 +42,9 @@
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5M12 17.25h8.25" /> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5M12 17.25h8.25" />
</svg> </svg>
</div> </div>
<ul tabindex="0" class="menu dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow"> <ul class="menu dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
<li><a class="active">Artikel</a></li> <li><a tabindex="0" class="active">Artikel</a></li>
<li><a>Themen</a></li> <li><a tabindex="0">Themen</a></li>
</ul> </ul>
</div> </div>