diff options
Diffstat (limited to 'website.templ')
| -rw-r--r-- | website.templ | 21 |
1 files changed, 18 insertions, 3 deletions
diff --git a/website.templ b/website.templ index 4a0471b..8b316b9 100644 --- a/website.templ +++ b/website.templ @@ -269,6 +269,7 @@ type Project struct { Icon templ.Component Tags []ProjectTag Links []ProjectLink + Link string } type ProjectTag struct { @@ -302,7 +303,7 @@ type Stat struct { var versionBeforeDownloads = false -const flagshipClasses = "[--border-py:1.25rem] border-(--accent)! bg-white/[0.03] shadow-[0_0_1.5rem_color-mix(in_srgb,var(--accent)_25%,transparent)]" +const flagshipClasses = "[--border-py:1.25rem] border-(--accent)! bg-white/[0.03] shadow-[0_0_1.5rem_color-mix(in_srgb,var(--accent)_25%,transparent)] bg-black/20 hover:bg-white/10 transition-colors duration-150" templ FlagshipProject(project Project, extra string) { @TerminalBorder("", "", flagshipClasses+" "+extra) { @@ -310,7 +311,7 @@ templ FlagshipProject(project Project, extra string) { <div class="flex flex-col gap-4 flex-1 min-w-0"> <div class="flex flex-wrap items-baseline gap-x-[1ch] gap-y-[0.4rem]"> @project.Icon - <a href={ templ.SafeURL("/projects/" + project.Slug) } class="text-[170%] font-bold text-(--accent) hover:underline after:absolute after:inset-0 after:z-0">{ project.Title }</a> + <a href={ templ.SafeURL("/projects/" + project.Slug) } class="no-underline text-[170%] font-bold text-(--accent) after:absolute after:inset-0 after:z-0">{ project.Title }</a> <span class="text-[85%] text-(--primary)">{ project.Category }</span> for _, tag := range project.Tags { <code class={ "text-[75%] px-[0.4rem] inline-block rounded-[0.3rem] border-[0.01rem] bg-(--alt)/25" + " " + tag.Color }>{ tag.Name }</code> @@ -429,13 +430,27 @@ templ IconKrypton() { // { "\uf192" } } +func projectURL(p Project) string { + if p.Link != "" { + return p.Link + } + return "/projects/" + p.Slug +} + templ ProjectItem(project Project, extra string) { <div> @TerminalBorder("", "", "[--border-py:0.25rem] py-2 text-[80%] bg-black/20 hover:bg-white/5 transition-colors duration-150"+" "+extra) { <div class="flex flex-col gap-[0.0625rem] w-full"> <div class="flex flex-wrap items-baseline gap-x-[1ch] gap-y-[0.4rem]"> @project.Icon - <a href={ templ.SafeURL("/projects/" + project.Slug) } class="text-[130%] font-bold text-(--accent) after:absolute after:inset-0 after:z-0">{ project.Title }</a> + <a + href={ templ.SafeURL(projectURL(project)) } + if project.Link != "" { + target="_blank" + rel="noopener noreferrer" + } + class="text-[130%] font-bold text-(--accent) after:absolute after:inset-0 after:z-0" + >{ project.Title }</a> <span class="text-[80%] text-(--primary)">{ project.Category }</span> for _, tag := range project.Tags { <code class={ "text-[75%] px-[0.4rem] inline-block rounded-[0.3rem] border-[0.01rem] bg-(--alt)/25" + " " + tag.Color }>{ tag.Name }</code> |