[Build] Fix brightness on image links and add links in bottom nav

Team-Resourceful · Aug 22, 2024 · e8e7d4c · e8e7d4c
1 parent e41ef91
commit e8e7d4c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/assets/styles/components.scss b/assets/styles/components.scss
@@ -343,3 +343,11 @@ svg.inline-svg {
   border-radius: var(--radius-xs) !important;
   background-color: aliceblue !important;
 }
+
+.markdown-body a:focus-visible,.markdown-body a:hover img:only-child {
+  filter: none !important;
+}
+
+.markdown-body a:active img:only-child {
+  filter: none !important;
+}
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -173,24 +173,18 @@
         <div class="link-info">
           <div class="links">
             <h4 aria-hidden="true">Resources</h4>
-            <a rel="noopener" :target="external()" href="https://example.com">Resources</a>
-            <a rel="noopener" :target="external()" href="https://example.com">Resources</a>
-            <a rel="noopener" :target="external()" href="https://example.com">Resources</a>
-            <a rel="noopener" :target="external()" href="https://example.com">Resources</a>
+            <a rel="noopener" :target="external()" href="https://github.com/Team-Resourceful/beehive">Sources & Issues</a>
+            <a rel="noopener" :target="external()" href="https://teamresourceful.com">Blog</a>
           </div>
           <div class="links">
             <h4 aria-hidden="true">Socials</h4>
-            <a rel="noopener" :target="external()" href="https://example.com">Socials</a>
-            <a rel="noopener" :target="external()" href="https://example.com">Socials</a>
-            <a rel="noopener" :target="external()" href="https://example.com">Socials</a>
-            <a rel="noopener" :target="external()" href="https://example.com">Socials</a>
+            <a rel="noopener" :target="external()" href="https://floss.social/@teamresourceful">Mastodon</a>
+            <a rel="noopener" :target="external()" href="https://twitter.com/TeamResourceful">Twitter</a>
           </div>
           <div class="links">
             <h4 aria-hidden="true">Contact</h4>
-            <a rel="noopener" :target="external()" href="https://example.com">Contact</a>
-            <a rel="noopener" :target="external()" href="https://example.com">Contact</a>
-            <a rel="noopener" :target="external()" href="https://example.com">Contact</a>
-            <a rel="noopener" :target="external()" href="https://example.com">Contact</a>
+            <a rel="noopener" :target="external()" href="https://discord.gg/resourcefulbees">Discord</a>
+            <a rel="noopener" :target="external()" href="mailto:[email protected]">Email</a>
           </div>
         </div>
       </footer>