ngn/dumb
1
0
Fork 0
Code Issues 1 Pull Requests 3 Actions Packages Activity

fix: improve article css

Browse Source
This commit is contained in:
rramiachraf
2024-07-12 20:09:43 +01:00
parent 0ced2495ee
commit 8e6b396737
4 changed files with 64 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
views/article.templ
View File

@ -8,10 +8,20 @@ import (
templ ArticlePage(a data.Article) {
@layout(a.Title) {
<div id="container" class="duo-split">
<div id="metadata">
<img src={ a.Image } alt="Article image"/>
<h3>Authored By</h3>
<div id="container" class="solo">
<div id="article-metadata">
<h1 id="article-title">{ a.Title }</h1>
<time datetime={ a.PublishedAt.Format(time.RFC3339) } id="article-date">
{ a.PublishedAt.Format("2 Jan, 2006") }
</time>
</div>
<img id="article-image" src={ a.Image } alt="Article image"/>
<h2 id="article-subtitle">{ a.Subtitle }</h2>
<div id="article-body">
@templ.Raw(a.HTML)
</div>
<div id="article-authors">
<h3>Authors</h3>
for _, author := range a.Authors {
<details>
<summary>{ author.Name } - { author.Role }</summary>
@ -19,14 +29,6 @@ templ ArticlePage(a data.Article) {
</details>
}
</div>
<div>
<h1 id="article-title">{ a.Title }</h1>
<time datetime={ a.PublishedAt.Format(time.RFC3339) } id="article-date">{ a.PublishedAt.Format(time.DateOnly) }</time>
<h2 id="article-subtitle">{ a.Subtitle }</h2>
<div id="article-body">
@templ.Raw(a.HTML)
</div>
</div>
</div>
}
}