okami101/blog
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 46 Wiki Activity

💄 try some colors

Browse Source
This commit is contained in:
Adrien Beaudouin
2022-02-27 13:11:24 +01:00
parent 15344f5554
commit 93c1e3ba38
5 changed files with 167 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
layouts/partials/button.html Normal file
View File

@ -0,0 +1,6 @@
{{ $colors := dict "green" "bg-green-600 hover:!bg-green-500 dark:bg-green-800 dark:hover:!bg-green-700" "orange" "bg-orange-600 hover:!bg-orange-500 dark:bg-orange-800 dark:hover:!bg-orange-700" "black" "bg-black hover:!bg-gray-500 dark:bg-white dark:hover:!bg-gray-700 dark:!text-black" "red" "bg-red-600 hover:!bg-red-500 dark:bg-red-800 dark:hover:!bg-red-700" "teal" "bg-teal-600 hover:!bg-teal-500 dark:bg-teal-800 dark:hover:!bg-teal-700" "primary" "bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700" }}
<a class="{{ print "px-4 py-2 !text-neutral !no-underline !rounded-md " (index $colors (or .color "primary")) }}"
href="{{ .href }}" target="{{ or .target " _blank" }}" role="button">
{{ .text }}
</a>

20
layouts/works/single.html
View File

@ -20,7 +20,9 @@
<div class="grid md:grid-cols-2 gap-4">
{{ range .projects }}
<div class="flex flex-col gap-4 rounded border-2 border-purple-500 p-4">
{{ $borders := dict "green" "border-green-500" "orange" "border-orange-500" "black" "border-black dark:border-white"
"red" "border-red-500" "teal" "border-teal-500" "primary" "border-purple-500" }}
<div class="flex flex-col gap-4 rounded border-2 p-4 {{ (index $borders (or .color "primary")) }}">
<div class="text-center">
<a href="https://github.com/{{ .repo }}" target="_blank">
<h3 class="pb-1 font-bold border-b-2 border-purple-500 inline-block">
@ -37,21 +39,13 @@
{{ readFile (print "_data/works/" .name ".md") | markdownify }}
</div>
<div class="flex justify-center gap-4">
<a class="px-4 py-2 !text-neutral !no-underline !rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
href="https://github.com/{{ .repo }}" target="_blank" role="button">
{{ partial "icon.html" "github" }}
</a>
{{ partial "button.html" (dict "text" (partial "icon.html" "github") "href" (print
"https://github.com/" .repo) "color" .color) }}
{{ if .demo }}
<a class="px-4 py-2 !text-neutral !no-underline !rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
href="{{ .demo }}" target="_blank" role="button">
Demo
</a>
{{ partial "button.html" (dict "text" "Demo" "href" .demo "color" .color) }}
{{ end }}
{{ if .docs }}
<a class="px-4 py-2 !text-neutral !no-underline !rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
href="{{ .docs }}" target="_blank" role="button">
Docs
</a>
{{ partial "button.html" (dict "text" "Docs" "href" .docs "color" .color) }}
{{ end }}
</div>
</div>