diff options
Diffstat (limited to 'website.templ')
| -rw-r--r-- | website.templ | 24 |
1 files changed, 8 insertions, 16 deletions
diff --git a/website.templ b/website.templ index 454568c..94242ad 100644 --- a/website.templ +++ b/website.templ @@ -24,7 +24,7 @@ templ HeadComponent(title string, description string) { <script src="/public/scrollbar.js" defer></script> <script src="/public/my_uptime.js" defer></script> <script src="/public/footnotes.js" defer></script> - <link rel="stylesheet" href="/public/style.css"/> + <link rel="stylesheet" href="/public/styles/style.css"/> { children... } </head> } @@ -152,9 +152,7 @@ templ Nav(path string) { templ TerminalLayout(style Style, path string) { <!DOCTYPE html> <html lang="en" style={ styleToCss(style) }> - @HeadComponent(path, "My personal website") { - <link rel="stylesheet" href="/public/styles/terminal.css"/> - } + @HeadComponent(path, "My personal website") <body> <main class="flex flex-col w-[75rem] h-[40rem] p-8 border-[0.2rem] border-(--text) overflow-hidden text-[1.125rem]"> @Nav(path) @@ -756,7 +754,7 @@ templ BlogPage(style Style, blog Blog, prev *Blog, next *Blog) { @TerminalLayout(style, blog.Title) { @ScrollBox("") { @BlogItem("", blog, "mb-[1rem]") - <article class="prose select-text font-(family-name:--font-normal) text-[18px] leading-[1.7]"> + <article class="prose select-text font-(family-name:--font-normal) text-[17.6px] leading-[1.7]"> @templ.Raw(blog.HTML) </article> <div class="grid grid-cols-2 gap-x-[1rem] mt-[1rem]"> @@ -768,17 +766,11 @@ templ BlogPage(style Style, blog Blog, prev *Blog, next *Blog) { } templ BlogNav(label string, blog *Blog, extra string) { - @TerminalBorder(label, "", extra) { - if blog != nil { - <a href={ templ.SafeURL("/blogs/" + blog.Slug) }>vim ~/blogs/{ blog.Slug }</a> + if blog != nil { + @TerminalBorder(label, "", "min-w-0 "+extra) { + <a href={ templ.SafeURL("/blogs/" + blog.Slug) } class="block min-w-0 truncate">vim ~/blogs/{ blog.Slug }</a> } + } else { + <div></div> } } - -templ FootnotePanel() { - <aside data-footnote-panel class="hidden fixed left-[calc(50%+38.5rem)] top-[calc(50%-20rem)] w-[10.5rem] max-h-[40rem] overflow-y-auto"> - @TerminalBorder("note", "", "text-[14px]") { - <div data-footnote-body class="font-(family-name:--font-normal)"></div> - } - </aside> -} |