add more symbols from fontawesome

2023-10-30 16:57:15 +01:00
parent 1dd04b7216
commit ed829ab427
857 changed files with 5694 additions and 56 deletions
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -7,6 +7,8 @@
        a.about-link(href="/about") About
    main
        nuxt
+    footer 
+        a.about-link(href="/about") About
 </template>
 <style scoped>
 .layout {
@@ -48,4 +50,30 @@ main {
    flex-grow: 1;
    padding: 1rem;
 }
+
+header .about-link {
+    display: block;
+}
+
+footer {
+    display: none;
+}
+
+@media (max-width: 599px) {
+    header .about-link {
+        display: none;
+    }
+
+    footer {
+        display: block;
+        width: 80%;
+        align-items: center;
+        text-align: center;
+        margin: 5rem 1rem 1rem 1rem;
+        padding: 2rem;
+        background-color: #3498db8e;
+        color: #fff;
+        border-radius: 1rem;
+    }
+}
 </style>