src/components/Footer.astro
---
const today = new Date();
---
<footer class="flex flex-col gap-8">
<div class="text-primary-red text-center">★</div>
<div class="grid grid-cols-6">
<div class="col-start-1 col-end-6 flex flex-col gap-6">
<div class="relative w-12 h-12 group">
<svg
viewBox="0 0 150 150"
xmlns="http://www.w3.org/2000/svg"
class="text-slate-200 dark:text-slate-700"
>
<path
d="
M 0, 75
C 0, 6.749999999999997 6.749999999999997, 0 75, 0
S 150, 6.749999999999997 150, 75
143.25, 150 75, 150
0, 143.25 0, 75"
fill="currentColor"></path>
</svg>
<svg
class="absolute inset-3 w-6 h-6 text-slate-400 dark:text-slate-400"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 576 512"
>
<!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
fill="currentColor"
d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.6 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"
>
</path>
</svg>
</div>
<p class="text-slate-400">Doing the web things with curiosity.</p>
<div class="flex gap-2">
<a href="https://github.com/radiatingstar">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
class="w-8 h-8 text-slate-300 dark:text-slate-500"
><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
fill="currentColor"
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z"
></path></svg
></a
>
<a href="https://twitter.com/radiatingstar">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
class="w-8 h-8 text-slate-300 dark:text-slate-500"
>
<!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
fill="currentColor"
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"
></path>
</svg>
</a>
</div>
</div>
<nav class="flex flex-col gap-4">
<a href="/tags" class="mb-2 text-foreground">Tags</a>
<a
href="/tags/javascript"
class="text-slate-500 dark:text-slate-400 hover:text-black dark:hover:text-foreground"
>#javascript</a
>
<a
href="/tags/css"
class="text-slate-500 dark:text-slate-400 hover:text-black dark:hover:text-foreground"
>#css</a
>
<a
href="/tags/tailwind"
class="text-slate-500 dark:text-slate-400 hover:text-black dark:hover:text-foreground"
>#tailwind</a
>
<a
href="/tags/aws"
class="text-slate-500 dark:text-slate-400 hover:text-black dark:hover:text-foreground"
>#aws</a
>
</nav>
<!--<nav class="flex flex-col gap-4">-->
<!-- <span class="mb-2 text-foreground">This site</span>-->
<!-- <a-->
<!-- href="/tags/javascript"-->
<!-- class="text-slate-500 dark:text-slate-400 hover:text-black dark:hover:text-foreground"-->
<!-- >About</a-->
<!-- >-->
<!-- <a-->
<!-- href="/tags/css"-->
<!-- class="text-slate-500 dark:text-slate-400 hover:text-black dark:hover:text-foreground"-->
<!-- >Blog</a-->
<!-- >-->
<!-- <a-->
<!-- href="/tags/tailwind"-->
<!-- class="text-slate-500 dark:text-slate-400 hover:text-black dark:hover:text-foreground"-->
<!-- >Contact</a-->
<!-- >-->
<!-- <a-->
<!-- href="/tags/tailwind"-->
<!-- class="text-slate-500 dark:text-slate-400 hover:text-black dark:hover:text-foreground"-->
<!-- >Tools</a-->
<!-- >-->
<!--</nav>-->
</div>
<hr class="dark:border-slate-600" />
<div class="text-slate-400 text-sm">
© {today.getFullYear()} Radiating Star. All rights reserved.
</div>
</footer>