Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/danielroe/roe.dev. This is the code and content for my personal website, built in Nuxt. roe.dev
Something went wrong. Try again.
1.3 kB · 43 lines
Vue
at feat/nuxt-v5
1234567891011121314151617181920212223242526272829303132333435363738394041424344<script lang="ts" setup>import { links } from '#shared/utils/links'
const year = new Date().getFullYear()</script>
<template> <div> <footer class="before:content-empty before:block before:mx-auto before:my-4 before:content before:w-4 before:border-t-2 before:border-solid before:border-gray-300 dark:before:border-gray-700 relative text-center mx-auto px-4 py-2 max-w-[50rem]" > <small> © 2019-{{ year }} Daniel Roe. <a class="underlined-link" href="https://creativecommons.org/licenses/by-sa/4.0/" > CC BY-SA 4.0 </a> </small> <ul class="flex flex-row justify-center gap-2 my-4 items-center"> <li v-for="{ link, name, icon } in links" :key="name" > <a :href="link" rel="me noopener noreferrer" target="_blank" class="rounded-full f-ring p-1 inline-flex items-center touch-action-manipulation" :aria-label="`${name} (opens in new tab)`" > <span class="h-4 w-4 fill-current" :class="icon" aria-hidden="true" /> </a> </li> </ul> </footer> </div></template>