Footer.vue 1.0 KB

123456789101112131415161718192021222324
  1. <template>
  2. <div class="container mx-auto max-w-screen-lg sm:px-6 px-2">
  3. <div class="text-white grid grid-cols-3 py-6">
  4. <div class="col-start-1 col-span-3 sm:col-span-1">
  5. <p><a href="/colophon"><client-only><fa-icon icon="fa-regular fa-circle-question" class="pr-2" /></client-only>About this site…</a></p>
  6. <p class="hidden"><a rel="me" href="https://livellosegreto.it/@morpheu5">&nbsp;</a></p>
  7. </div>
  8. <div class="col-start-1 col-span-2 sm:col-start-2 sm:col-span-2">
  9. <p class="mt-2 sm:mt-0 sm:text-right"><client-only><fa-icon icon="fa-regular fa-copyright" class="pr-2" /></client-only>Unless otherwise specified, the content of this site is licensed as <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.</p>
  10. </div>
  11. </div>
  12. </div>
  13. </template>
  14. <style lang="pcss" scoped>
  15. * {
  16. color: theme(colors.slate.400);
  17. font-family: "Open Sans";
  18. }
  19. a {
  20. color: theme(colors.slate.100);
  21. }
  22. </style>