+38 -40

src/components/organisms/Footer.astro

reviewed

··· 1 1 --- 2 2 - import { BLUESKY_LINK, GITHUB_LINK, SIGNAL_LINK } from "@/consts"; 2 2 + import { BLUESKY_LINK, TANGLED_SH_LINK, SIGNAL_LINK } from "@/consts"; 3 3 4 4 const today = new Date(); 5 5 --- 6 6 7 7 <footer> 8 8 - <div class="social-links"> 9 9 - <a href={BLUESKY_LINK} target="_blank"> 10 10 - <span class="sr-only">Follow on Bluesky</span> 11 11 - <iconify-icon icon={"fa6-brands:bluesky"} height={"2rem"} 12 12 - ></iconify-icon> 13 13 - </a> 14 14 - <a href={GITHUB_LINK} target="_blank"> 15 15 - <span class="sr-only">Follow on GitHub</span> 16 16 - <iconify-icon icon={"fa6-brands:github"} height={"2rem"} 17 17 - ></iconify-icon> 18 18 - </a> 19 19 - <a href={SIGNAL_LINK} target="_blank"> 20 20 - <span class="sr-only">Follow on Signal</span> 21 21 - <iconify-icon icon={"fa6-brands:signal-messenger"} height={"2rem"} 22 22 - ></iconify-icon> 23 23 - </a> 24 24 - </div> 25 25 - &copy; {today.getFullYear()} ClayCow. All rights reserved. 8 8 + <div class="social-links"> 9 9 + <a href={BLUESKY_LINK} target="_blank"> 10 10 + <span class="sr-only">Follow on Bluesky</span> 11 11 + <iconify-icon icon={"fa6-brands:bluesky"} height={"2rem"}></iconify-icon> 12 12 + </a> 13 13 + <a href={TANGLED_SH_LINK} target="_blank"> 14 14 + <span class="sr-only">Follow on Tangled.sh</span> 15 15 + <iconify-icon icon={"fa6-brands:git-alt"} height={"2rem"}></iconify-icon> 16 16 + </a> 17 17 + <a href={SIGNAL_LINK} target="_blank"> 18 18 + <span class="sr-only">Follow on Signal</span> 19 19 + <iconify-icon icon={"fa6-brands:signal-messenger"} height={"2rem"} 20 20 + ></iconify-icon> 21 21 + </a> 22 22 + </div> 23 23 + &copy; {today.getFullYear()} ClayCow. All rights reserved. 26 24 </footer> 27 25 28 26 <style> 29 29 - footer { 30 30 - display: flex; 31 31 - flex-direction: column; 32 32 - align-items: center; 33 33 - justify-self: flex-end; 34 34 - gap: 1rem; 35 35 - padding: 1rem 0; 36 36 - margin-top: 2rem; 37 37 - } 27 27 + footer { 28 28 + display: flex; 29 29 + flex-direction: column; 30 30 + align-items: center; 31 31 + justify-self: flex-end; 32 32 + gap: 1rem; 33 33 + padding: 1rem 0; 34 34 + margin-top: 2rem; 35 35 + } 38 36 39 39 - .social-links { 40 40 - display: flex; 41 41 - justify-content: center; 42 42 - gap: 1rem; 43 43 - } 37 37 + .social-links { 38 38 + display: flex; 39 39 + justify-content: center; 40 40 + gap: 1rem; 41 41 + } 44 42 45 45 - .social-links a { 46 46 - text-decoration: none; 47 47 - color: var(--text); 48 48 - } 43 43 + .social-links a { 44 44 + text-decoration: none; 45 45 + color: var(--text); 46 46 + } 49 47 50 50 - .social-links a:hover { 51 51 - color: var(--subtext0); 52 52 - } 48 48 + .social-links a:hover { 49 49 + color: var(--subtext0); 50 50 + } 53 51 </style>

+2 -2

src/consts.ts

reviewed

··· 5 5 export const SITE_DESCRIPTION = 'Welcome to my website!'; 6 6 7 7 export const BLUESKY_LINK = "https://bsky.app/profile/did:plc:6w63642jircxfpo27gdlihm2"; 8 8 - export const GITHUB_LINK = "https://github.com/claytonleonardcook"; 8 8 + export const TANGLED_SH_LINK = "https://tangled.sh/@claycow.com"; 9 9 export const SIGNAL_LINK = "https://signal.me/#eu/UV2uUutQ9Z7FGzJGaNX-8gP4ysb6KtxCUGdxpVaUQXpPPvdoq91BJ7MUUWkrmZTi"; 10 10 - export const BLUESKY_DID = "did:plc:6w63642jircxfpo27gdlihm2"; 10 10 + export const BLUESKY_DID = "did:plc:6w63642jircxfpo27gdlihm2";