chore: updated links page
aa56cf8b
4 file(s) · +161 −430
| 1 | 1 | --- |
|
| 2 | - | import { SOCIAL_LINKS } from "@/data/constants"; |
|
| 2 | + | import { getSocial } from "@/data/constants"; |
|
| 3 | 3 | ||
| 4 | - | // *** SVG icons from https://tablericons.com/ *** |
|
| 4 | + | const items = ["email", "rss", "github", "atproto"].map( |
|
| 5 | + | (key) => getSocial(key)!, |
|
| 6 | + | ); |
|
| 5 | 7 | --- |
|
| 6 | 8 | ||
| 7 | 9 | <div class="flex flex-wrap items-center gap-x-4 sm:items-center"> |
|
| 8 | 10 | <p>Find me on</p> |
|
| 9 | 11 | <ul class="flex flex-1 items-center gap-x-4 sm:flex-initial"> |
|
| 10 | - | <li> |
|
| 11 | - | <a |
|
| 12 | - | class="inline-block p-2 sm:hover:text-link" |
|
| 13 | - | href={SOCIAL_LINKS.email} |
|
| 14 | - | > |
|
| 15 | - | <svg |
|
| 16 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 17 | - | class="h-6 w-6" |
|
| 18 | - | width="44" |
|
| 19 | - | height="44" |
|
| 20 | - | viewBox="0 0 24 24" |
|
| 21 | - | stroke-width="1.5" |
|
| 22 | - | stroke="currentColor" |
|
| 23 | - | fill="none" |
|
| 24 | - | stroke-linecap="round" |
|
| 25 | - | stroke-linejoin="round" |
|
| 26 | - | > |
|
| 27 | - | <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.357 7.714l6.98 4.654c.963.641 1.444.962 1.964 1.087c.46.11.939.11 1.398 0c.52-.125 1.001-.446 1.964-1.087l6.98-4.654M7.157 19.5h9.686c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.31-1.311c.328-.642.328-1.482.328-3.162V9.3c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311c-.642-.327-1.482-.327-3.162-.327H7.157c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.31 1.311c-.328.642-.328 1.482-.328 3.162v5.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311c.642.327 1.482.327 3.162.327"/></svg> |
|
| 28 | - | <span class="sr-only">Email</span> |
|
| 29 | - | </a> |
|
| 30 | - | </li> |
|
| 31 | - | <li> |
|
| 32 | - | <a |
|
| 33 | - | class="inline-block p-2 sm:hover:text-link" |
|
| 34 | - | href={SOCIAL_LINKS.rss} |
|
| 35 | - | target="_blank" |
|
| 36 | - | rel="noopener noreferrer" |
|
| 37 | - | > |
|
| 38 | - | <svg |
|
| 39 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 40 | - | class="h-6 w-6" |
|
| 41 | - | viewBox="0 0 24 24" |
|
| 42 | - | stroke-width="1.5" |
|
| 43 | - | stroke="currentColor" |
|
| 44 | - | fill="none" |
|
| 45 | - | stroke-linecap="round" |
|
| 46 | - | stroke-linejoin="round" |
|
| 47 | - | > |
|
| 48 | - | <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/></g> |
|
| 49 | - | </svg> |
|
| 50 | - | <span class="sr-only">RSS</span> |
|
| 51 | - | </a> |
|
| 52 | - | </li> |
|
| 53 | - | <li> |
|
| 54 | - | <a |
|
| 55 | - | class="inline-block p-2 sm:hover:text-link" |
|
| 56 | - | href={SOCIAL_LINKS.github} |
|
| 57 | - | target="_blank" |
|
| 58 | - | rel="noopener noreferrer" |
|
| 59 | - | > |
|
| 60 | - | <svg |
|
| 61 | - | class="h-6 w-6" |
|
| 62 | - | aria-hidden="true" |
|
| 63 | - | focusable="false" |
|
| 64 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 65 | - | viewBox="0 0 24 24" |
|
| 66 | - | stroke-width="1.5" |
|
| 67 | - | stroke="currentColor" |
|
| 68 | - | fill="none" |
|
| 69 | - | stroke-linecap="round" |
|
| 70 | - | stroke-linejoin="round" |
|
| 71 | - | > |
|
| 72 | - | <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
|
| 73 | - | <path |
|
| 74 | - | d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" |
|
| 12 | + | { |
|
| 13 | + | items.map((link) => ( |
|
| 14 | + | <li> |
|
| 15 | + | <a |
|
| 16 | + | class="inline-block p-2 sm:hover:text-link" |
|
| 17 | + | href={link.href} |
|
| 18 | + | target={link.external ? "_blank" : undefined} |
|
| 19 | + | rel={link.external ? "noopener noreferrer" : undefined} |
|
| 75 | 20 | > |
|
| 76 | - | </path> |
|
| 77 | - | </svg> |
|
| 78 | - | <span class="sr-only">Github</span> |
|
| 79 | - | </a> |
|
| 80 | - | </li> |
|
| 81 | - | <li> |
|
| 82 | - | <a |
|
| 83 | - | class="inline-block p-2 sm:hover:text-link" |
|
| 84 | - | href={SOCIAL_LINKS.atproto} |
|
| 85 | - | target="_blank" |
|
| 86 | - | rel="noopener noreferrer" |
|
| 87 | - | > |
|
| 88 | - | <svg |
|
| 89 | - | class="h-6 w-6" |
|
| 90 | - | aria-hidden="true" |
|
| 91 | - | focusable="false" |
|
| 92 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 93 | - | viewBox="0 0 24 24" |
|
| 94 | - | stroke-width="1" |
|
| 95 | - | stroke="currentColor" |
|
| 96 | - | fill="none" |
|
| 97 | - | stroke-linecap="round" |
|
| 98 | - | stroke-linejoin="round" |
|
| 99 | - | > |
|
| 100 | - | <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> |
|
| 101 | - | <circle cx="12" cy="12" r="4"/> |
|
| 102 | - | <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/> |
|
| 103 | - | </g> |
|
| 104 | - | </svg> |
|
| 105 | - | <span class="sr-only">ATProto</span> |
|
| 106 | - | </a> |
|
| 107 | - | </li> |
|
| 108 | - | <li> |
|
| 109 | - | <a |
|
| 110 | - | class="inline-block p-2 sm:hover:text-link" |
|
| 111 | - | href={SOCIAL_LINKS.ethereum} |
|
| 112 | - | target="_blank" |
|
| 113 | - | rel="noopener noreferrer" |
|
| 114 | - | > |
|
| 115 | - | <svg |
|
| 116 | - | class="h-6 w-6" stroke-width="1.5" stroke="currentColor" |
|
| 117 | - | viewBox="0 0 202 231" xmlns="http://www.w3.org/2000/svg"> |
|
| 118 | - | <path d="M98.3592 2.80337L34.8353 107.327C34.3371 108.147 33.1797 108.238 32.5617 107.505C26.9693 100.864 6.13478 72.615 31.9154 46.8673C55.4403 23.3726 85.4045 6.62129 96.5096 0.831705C97.7695 0.174847 99.0966 1.59007 98.3592 2.80337Z" fill="#fff" /> |
|
| 119 | - | <path d="M94.8459 230.385C96.1137 231.273 97.6758 229.759 96.8261 228.467C82.6374 206.886 35.4713 135.081 28.9559 124.302C22.5295 113.67 9.88976 96.001 8.83534 80.8842C8.7301 79.3751 6.64332 79.0687 6.11838 80.4879C5.27178 82.7767 4.37045 85.5085 3.53042 88.6292C-7.07427 128.023 8.32698 169.826 41.7753 193.238L94.8459 230.386V230.385Z" fill="#fff" /> |
|
| 120 | - | <path d="M103.571 228.526L167.095 124.003C167.593 123.183 168.751 123.092 169.369 123.825C174.961 130.465 195.796 158.715 170.015 184.463C146.49 207.957 116.526 224.709 105.421 230.498C104.161 231.155 102.834 229.74 103.571 228.526Z" fill="#fff" /> |
|
| 121 | - | <path d="M107.154 0.930762C105.886 0.0433954 104.324 1.5567 105.174 2.84902C119.363 24.4301 166.529 96.2354 173.044 107.014C179.471 117.646 192.11 135.315 193.165 150.432C193.27 151.941 195.357 152.247 195.882 150.828C196.728 148.539 197.63 145.808 198.47 142.687C209.074 103.293 193.673 61.4905 160.225 38.078L107.154 0.930762Z" fill="#fff" /> |
|
| 122 | - | </svg> |
|
| 123 | - | ||
| 124 | - | <span class="sr-only">Ethereum</span> |
|
| 125 | - | </a> |
|
| 126 | - | </li> |
|
| 21 | + | <Fragment set:html={link.icon} /> |
|
| 22 | + | <span class="sr-only">{link.name}</span> |
|
| 23 | + | </a> |
|
| 24 | + | </li> |
|
| 25 | + | )) |
|
| 26 | + | } |
|
| 127 | 27 | </ul> |
|
| 128 | 28 | </div> |
| 3 | 3 | export const PDS_URL = "https://andromeda.social"; |
|
| 4 | 4 | ||
| 5 | 5 | export const MENU_LINKS = [ |
|
| 6 | - | { |
|
| 7 | - | title: "Home", |
|
| 8 | - | path: "/", |
|
| 9 | - | }, |
|
| 10 | - | { |
|
| 11 | - | title: "About", |
|
| 12 | - | path: "/about", |
|
| 13 | - | }, |
|
| 14 | - | { |
|
| 15 | - | title: "Blog", |
|
| 16 | - | path: "/posts", |
|
| 17 | - | }, |
|
| 18 | - | { |
|
| 19 | - | title: "Projects", |
|
| 20 | - | path: "/projects", |
|
| 21 | - | }, |
|
| 6 | + | { |
|
| 7 | + | title: "Home", |
|
| 8 | + | path: "/", |
|
| 9 | + | }, |
|
| 10 | + | { |
|
| 11 | + | title: "About", |
|
| 12 | + | path: "/about", |
|
| 13 | + | }, |
|
| 14 | + | { |
|
| 15 | + | title: "Blog", |
|
| 16 | + | path: "/posts", |
|
| 17 | + | }, |
|
| 18 | + | { |
|
| 19 | + | title: "Projects", |
|
| 20 | + | path: "/projects", |
|
| 21 | + | }, |
|
| 22 | 22 | { |
|
| 23 | 23 | title: "CV", |
|
| 24 | 24 | path: "/cv", |
|
| 25 | 25 | }, |
|
| 26 | - | { |
|
| 27 | - | title: "Now", |
|
| 28 | - | path: "/now", |
|
| 29 | - | }, |
|
| 30 | - | { |
|
| 31 | - | title: "Feeds", |
|
| 32 | - | path: "/feeds", |
|
| 33 | - | }, |
|
| 34 | - | { |
|
| 35 | - | title: "Photos", |
|
| 36 | - | path: "https://steve.photo", |
|
| 37 | - | }, |
|
| 26 | + | { |
|
| 27 | + | title: "Now", |
|
| 28 | + | path: "/now", |
|
| 29 | + | }, |
|
| 30 | + | { |
|
| 31 | + | title: "Feeds", |
|
| 32 | + | path: "/feeds", |
|
| 33 | + | }, |
|
| 34 | + | { |
|
| 35 | + | title: "Photos", |
|
| 36 | + | path: "https://steve.photo", |
|
| 37 | + | }, |
|
| 38 | 38 | ]; |
|
| 39 | 39 | ||
| 40 | + | export type SocialItem = { |
|
| 41 | + | key: string; |
|
| 42 | + | name: string; |
|
| 43 | + | href: string; |
|
| 44 | + | external?: boolean; |
|
| 45 | + | icon: string; |
|
| 46 | + | }; |
|
| 47 | + | ||
| 40 | 48 | // ! Remember to add your own socials |
|
| 41 | - | export const SOCIAL_LINKS = { |
|
| 42 | - | github: "https://github.com/stevedylandev", |
|
| 43 | - | telegram: "https://telegram.me/stevedylandev", |
|
| 44 | - | atproto: `https://pdsls.dev/at://${OWNER_DID}`, |
|
| 45 | - | linkedin: "https://www.linkedin.com/in/steve-simkins/", |
|
| 46 | - | photos: "https://steve.photo", |
|
| 47 | - | website: "/", |
|
| 48 | - | coffee: "https://buymeacoffee.com/stevedylandev", |
|
| 49 | - | orbiter: "https://orbiter.host", |
|
| 50 | - | ethereum: "https://app.ens.domains/stevedylandev.eth", |
|
| 51 | - | email: "mailto:contact@stevedylan.dev", |
|
| 52 | - | rss: "https://stevedylan.dev/rss.xml", |
|
| 53 | - | cv: "/cv", |
|
| 54 | - | pgp: "https://stevedylan.dev/public_key.asc", |
|
| 55 | - | }; |
|
| 49 | + | // *** SVG icons from https://tablericons.com/ *** |
|
| 50 | + | export const SOCIAL_ITEMS: SocialItem[] = [ |
|
| 51 | + | { |
|
| 52 | + | key: "website", |
|
| 53 | + | name: "Website", |
|
| 54 | + | href: "/", |
|
| 55 | + | icon: `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M3.6 9h16.8"></path><path d="M3.6 15h16.8"></path><path d="M11.5 3a17 17 0 0 0 0 18"></path><path d="M12.5 3a17 17 0 0 1 0 18"></path></svg>`, |
|
| 56 | + | }, |
|
| 57 | + | { |
|
| 58 | + | key: "email", |
|
| 59 | + | name: "Email", |
|
| 60 | + | href: "mailto:contact@stevedylan.dev", |
|
| 61 | + | icon: `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.357 7.714l6.98 4.654c.963.641 1.444.962 1.964 1.087c.46.11.939.11 1.398 0c.52-.125 1.001-.446 1.964-1.087l6.98-4.654M7.157 19.5h9.686c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.31-1.311c.328-.642.328-1.482.328-3.162V9.3c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311c-.642-.327-1.482-.327-3.162-.327H7.157c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.31 1.311c-.328.642-.328 1.482-.328 3.162v5.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311c.642.327 1.482.327 3.162.327"/></svg>`, |
|
| 62 | + | }, |
|
| 63 | + | { |
|
| 64 | + | key: "rss", |
|
| 65 | + | name: "RSS", |
|
| 66 | + | href: "https://stevedylan.dev/rss.xml", |
|
| 67 | + | external: true, |
|
| 68 | + | icon: `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/></g></svg>`, |
|
| 69 | + | }, |
|
| 70 | + | { |
|
| 71 | + | key: "cv", |
|
| 72 | + | name: "CV", |
|
| 73 | + | href: "/cv", |
|
| 74 | + | external: false, |
|
| 75 | + | icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 w-6" stroke-width="0.5" stroke="currentColor"><path fill="currentColor" d="M2 5.75A2.75 2.75 0 0 1 4.75 3h14.5A2.75 2.75 0 0 1 22 5.75v9.5A2.75 2.75 0 0 1 19.25 18H10v-1q.18-.24.331-.5h8.919c.69 0 1.25-.56 1.25-1.25v-9.5c0-.69-.56-1.25-1.25-1.25H4.75c-.69 0-1.25.56-1.25 1.25v3.919a5 5 0 0 0-1.5 1.33zM6.75 7a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5zm6 5a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5zM6 10a4 4 0 1 0 0 8.001A4 4 0 0 0 6 10m3 8.001c-.835.628-1.874 1-3 1a4.98 4.98 0 0 1-3-.998v3.246c0 .57.605.92 1.09.669l.09-.055L6 20.592l1.82 1.272a.75.75 0 0 0 1.172-.51L9 21.249z"/></svg>`, |
|
| 76 | + | }, |
|
| 77 | + | { |
|
| 78 | + | key: "signal", |
|
| 79 | + | name: "Signal", |
|
| 80 | + | href: "https://files.stevedylan.dev/signal-qr.png", |
|
| 81 | + | external: true, |
|
| 82 | + | icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="h-6 w-6" stroke-width="0.5" stroke="currentColor"><path fill="currentColor" d="m9.637 2.292l.221.91A8.8 8.8 0 0 0 7.385 4.24l-.474-.803a9.7 9.7 0 0 1 2.726-1.145m4.726 0l-.222.91a8.8 8.8 0 0 1 2.474 1.038l.477-.803a9.7 9.7 0 0 0-2.73-1.145M3.57 6.831c-.512.86-.892 1.793-1.128 2.768l.895.225A9.1 9.1 0 0 1 4.36 7.312zm-.493 5.168q0-.682.1-1.357l-.912-.141a10.2 10.2 0 0 0 0 2.997l.912-.141q-.1-.675-.1-1.358m14.011 8.562l-.473-.803c-.768.47-1.6.821-2.47 1.039l.22.91a9.7 9.7 0 0 0 2.723-1.146m3.834-8.562q0 .684-.1 1.358l.912.14c.148-.993.148-2.003 0-2.996l-.912.14q.1.676.1 1.358m.635 2.4l-.895-.225a9.1 9.1 0 0 1-1.023 2.512l.79.485a10 10 0 0 0 1.128-2.772m-8.22 6.562a8.9 8.9 0 0 1-2.674 0l-.139.927a9.7 9.7 0 0 0 2.951 0zm5.845-3.586a9 9 0 0 1-1.89 1.919l.547.755a10 10 0 0 0 2.086-2.113zm-1.89-12.67a9 9 0 0 1 1.89 1.92l.743-.563a10 10 0 0 0-2.08-2.112zM4.817 6.624a9 9 0 0 1 1.89-1.92l-.553-.755a10 10 0 0 0-2.08 2.112zm15.613.206l-.79.481a9.1 9.1 0 0 1 1.022 2.51l.895-.226A10 10 0 0 0 20.43 6.83m-9.767-3.792a8.9 8.9 0 0 1 2.673 0l.139-.927a9.7 9.7 0 0 0-2.95 0zM5.29 20.297l-1.906.451l.445-1.935l-.899-.214l-.444 1.936a.95.95 0 0 0 .246.876a.92.92 0 0 0 .863.25l1.904-.444zm-2.168-2.534l.899.212l.308-1.342a9.1 9.1 0 0 1-.993-2.459l-.895.225c.2.829.506 1.627.908 2.376zm4.308 2.03l-1.322.313l.21.913l.972-.23a9.7 9.7 0 0 0 2.34.922l.221-.91a8.8 8.8 0 0 1-2.415-1.013zM12 3.876c-1.43 0-2.833.39-4.063 1.128A8.07 8.07 0 0 0 5 8.071a8.23 8.23 0 0 0 .23 8.251l-.77 3.333l3.282-.781a7.89 7.89 0 0 0 7.111.717a8 8 0 0 0 3.04-2.092a8.16 8.16 0 0 0 1.799-3.25a8.25 8.25 0 0 0 .18-3.724a8.2 8.2 0 0 0-1.477-3.413a8 8 0 0 0-2.822-2.385A7.9 7.9 0 0 0 12 3.875"/></svg>`, |
|
| 83 | + | }, |
|
| 84 | + | { |
|
| 85 | + | key: "atproto", |
|
| 86 | + | name: "ATProto", |
|
| 87 | + | href: `https://pdsls.dev/at://${OWNER_DID}`, |
|
| 88 | + | external: true, |
|
| 89 | + | icon: `<svg class="h-6 w-6" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/></g></svg>`, |
|
| 90 | + | }, |
|
| 91 | + | { |
|
| 92 | + | key: "github", |
|
| 93 | + | name: "GitHub", |
|
| 94 | + | href: "https://github.com/stevedylandev", |
|
| 95 | + | external: true, |
|
| 96 | + | icon: `<svg class="h-6 w-6" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path></svg>`, |
|
| 97 | + | }, |
|
| 98 | + | { |
|
| 99 | + | key: "linkedin", |
|
| 100 | + | name: "LinkedIn", |
|
| 101 | + | href: "https://www.linkedin.com/in/steve-simkins/", |
|
| 102 | + | external: true, |
|
| 103 | + | icon: `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"></path><path d="M8 11l0 5"></path><path d="M8 8l0 .01"></path><path d="M12 16l0 -5"></path><path d="M16 16v-3a2 2 0 0 0 -4 0"></path></svg>`, |
|
| 104 | + | }, |
|
| 105 | + | // { |
|
| 106 | + | // key: "ethereum", |
|
| 107 | + | // name: "ENS", |
|
| 108 | + | // href: "https://app.ens.domains/stevedylandev.eth", |
|
| 109 | + | // external: true, |
|
| 110 | + | // icon: `<svg class="h-6 w-6" stroke-width="1.5" stroke="currentColor" viewBox="0 0 202 231" xmlns="http://www.w3.org/2000/svg"><path d="M98.3592 2.80337L34.8353 107.327C34.3371 108.147 33.1797 108.238 32.5617 107.505C26.9693 100.864 6.13478 72.615 31.9154 46.8673C55.4403 23.3726 85.4045 6.62129 96.5096 0.831705C97.7695 0.174847 99.0966 1.59007 98.3592 2.80337Z" fill="#fff" /><path d="M94.8459 230.385C96.1137 231.273 97.6758 229.759 96.8261 228.467C82.6374 206.886 35.4713 135.081 28.9559 124.302C22.5295 113.67 9.88976 96.001 8.83534 80.8842C8.7301 79.3751 6.64332 79.0687 6.11838 80.4879C5.27178 82.7767 4.37045 85.5085 3.53042 88.6292C-7.07427 128.023 8.32698 169.826 41.7753 193.238L94.8459 230.386V230.385Z" fill="#fff" /><path d="M103.571 228.526L167.095 124.003C167.593 123.183 168.751 123.092 169.369 123.825C174.961 130.465 195.796 158.715 170.015 184.463C146.49 207.957 116.526 224.709 105.421 230.498C104.161 231.155 102.834 229.74 103.571 228.526Z" fill="#fff" /><path d="M107.154 0.930762C105.886 0.0433954 104.324 1.5567 105.174 2.84902C119.363 24.4301 166.529 96.2354 173.044 107.014C179.471 117.646 192.11 135.315 193.165 150.432C193.27 151.941 195.357 152.247 195.882 150.828C196.728 148.539 197.63 145.808 198.47 142.687C209.074 103.293 193.673 61.4905 160.225 38.078L107.154 0.930762Z" fill="#fff" /></svg>`, |
|
| 111 | + | // }, |
|
| 112 | + | { |
|
| 113 | + | key: "pgp", |
|
| 114 | + | name: "PGP", |
|
| 115 | + | href: "https://stevedylan.dev/public_key.asc", |
|
| 116 | + | external: true, |
|
| 117 | + | icon: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke-width="1.5" stroke="currentColor" class="h-6 w-6" width="32" height="32" viewBox="0 0 24 24"><g fill="none"><g stroke="currentColor" clip-path="url(#SVGXv8lpc2Y)"><path stroke-linecap="round" d="M14.257 5.976c-.85-1.7-2.832-2.638-4.802-2.147c-2.27.566-3.663 2.815-3.112 5.023c.157.633.458 1.194.86 1.659l-2.709 4.37a1.5 1.5 0 0 0-.18 1.153l.36 1.44a.25.25 0 0 0 .302.183l1.528-.381a1.5 1.5 0 0 0 .912-.666l2.884-4.655"/><ellipse cx="10.82" cy="7.266" rx="1.059" ry="1.03" transform="rotate(-14 10.82 7.266)"/><path d="M17.81 15.61c2.27-.566 3.664-2.815 3.113-5.023c-.55-2.209-2.837-3.54-5.106-2.974c-2.27.566-3.663 2.815-3.113 5.023c.158.633.458 1.194.86 1.659l-2.708 4.37a1.5 1.5 0 0 0-.18 1.153l.359 1.44a.25.25 0 0 0 .303.183l1.527-.381a1.5 1.5 0 0 0 .912-.666l2.885-4.655q.569.014 1.149-.129Z"/><ellipse cx="17.203" cy="10.984" rx="1.059" ry="1.03" transform="rotate(-14 17.203 10.984)"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>`, |
|
| 118 | + | }, |
|
| 119 | + | { |
|
| 120 | + | key: "photos", |
|
| 121 | + | name: "Photos", |
|
| 122 | + | href: "https://steve.photo", |
|
| 123 | + | icon: `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M7 3m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z"></path><path d="M4.012 7.26a2.005 2.005 0 0 0 -1.012 1.737v10c0 1.1 .9 2 2 2h10c.75 0 1.158 -.385 1.5 -1"></path><path d="M17 7h.01"></path><path d="M7 13l3.644 -3.644a1.21 1.21 0 0 1 1.712 0l3.644 3.644"></path><path d="M15 12l1.644 -1.644a1.21 1.21 0 0 1 1.712 0l2.644 2.644"></path></svg>`, |
|
| 124 | + | }, |
|
| 125 | + | { |
|
| 126 | + | key: "coffee", |
|
| 127 | + | name: "Coffee", |
|
| 128 | + | href: "https://buymeacoffee.com/stevedylandev", |
|
| 129 | + | external: true, |
|
| 130 | + | icon: `<svg class="h-6 w-6" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="m20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379c-.197-.069-.42-.098-.57-.241c-.152-.143-.196-.366-.231-.572c-.065-.378-.125-.756-.192-1.133c-.057-.325-.102-.69-.25-.987c-.195-.4-.597-.634-.996-.788a6 6 0 0 0-.626-.194c-1-.263-2.05-.36-3.077-.416a26 26 0 0 0-3.7.062c-.915.083-1.88.184-2.75.5c-.318.116-.646.256-.888.501c-.297.302-.393.77-.177 1.146c.154.267.415.456.692.58c.36.162.737.284 1.123.366c1.075.238 2.189.331 3.287.37q1.829.074 3.65-.118q.449-.05.896-.119c.352-.054.578-.513.474-.834c-.124-.383-.457-.531-.834-.473c-.466.074-.96.108-1.382.146q-1.767.12-3.536.006a22 22 0 0 1-1.157-.107c-.086-.01-.18-.025-.258-.036q-.364-.055-.724-.13c-.111-.027-.111-.185 0-.212h.005q.416-.09.838-.147h.002c.131-.009.263-.032.394-.048a25 25 0 0 1 3.426-.12q1.011.029 2.017.144l.228.031q.4.06.798.145c.392.085.895.113 1.07.542c.055.137.08.288.111.431l.319 1.484a.237.237 0 0 1-.199.284h-.003l-.112.015a37 37 0 0 1-4.743.295a37 37 0 0 1-4.699-.304c-.14-.017-.293-.042-.417-.06c-.326-.048-.649-.108-.973-.161c-.393-.065-.768-.032-1.123.161c-.29.16-.527.404-.675.701c-.154.316-.199.66-.267 1c-.069.34-.176.707-.135 1.056c.087.753.613 1.365 1.37 1.502a39.7 39.7 0 0 0 11.343.376a.483.483 0 0 1 .535.53l-.071.697l-1.018 9.907c-.041.41-.047.832-.125 1.237c-.122.637-.553 1.028-1.182 1.171q-.868.197-1.756.205c-.656.004-1.31-.025-1.966-.022c-.699.004-1.556-.06-2.095-.58c-.475-.458-.54-1.174-.605-1.793l-.731-7.013l-.322-3.094c-.037-.351-.286-.695-.678-.678c-.336.015-.718.3-.678.679l.228 2.185l.949 9.112c.147 1.344 1.174 2.068 2.446 2.272c.742.12 1.503.144 2.257.156c.966.016 1.942.053 2.892-.122c1.408-.258 2.465-1.198 2.616-2.657l1.024-9.995l.215-2.087a.48.48 0 0 1 .39-.426c.402-.078.787-.212 1.074-.518c.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233c-2.416.359-4.866.54-7.308.46c-1.748-.06-3.477-.254-5.207-.498c-.17-.024-.353-.055-.47-.18c-.22-.236-.111-.71-.054-.995c.052-.26.152-.609.463-.646c.484-.057 1.046.148 1.526.22q.865.132 1.737.212c2.48.226 5.002.19 7.472-.14q.675-.09 1.345-.21c.399-.072.84-.206 1.08.206c.166.281.188.657.162.974a.54.54 0 0 1-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a6 6 0 0 1-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38c0 0 1.243.065 1.658.065c.447 0 1.786-.065 1.786-.065c.783 0 1.434-.6 1.499-1.38l.94-9.95a4 4 0 0 0-1.322-.238c-.826 0-1.491.284-2.26.613"></path></svg>`, |
|
| 131 | + | }, |
|
| 132 | + | ]; |
|
| 133 | + | ||
| 134 | + | export const getSocial = (key: string): SocialItem | undefined => |
|
| 135 | + | SOCIAL_ITEMS.find((item) => item.key === key); |
| 1 | 1 | --- |
|
| 2 | 2 | import PageLayout from "@/layouts/Base.astro"; |
|
| 3 | - | import { SOCIAL_LINKS } from "@/data/constants"; |
|
| 3 | + | import { SOCIAL_ITEMS } from "@/data/constants"; |
|
| 4 | 4 | ||
| 5 | 5 | const meta = { |
|
| 6 | 6 | title: "Links", |
|
| 12 | 12 | <div class="space-y-6"> |
|
| 13 | 13 | <h1 class="title mb-6">Links</h1> |
|
| 14 | 14 | <ul class="flex flex-col items-start gap-x-4 sm:flex-initial"> |
|
| 15 | - | <li> |
|
| 16 | - | <a |
|
| 17 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 18 | - | href={SOCIAL_LINKS.website} |
|
| 19 | - | > |
|
| 20 | - | <svg |
|
| 21 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 22 | - | class="h-6 w-6" |
|
| 23 | - | width="44" |
|
| 24 | - | height="44" |
|
| 25 | - | viewBox="0 0 24 24" |
|
| 26 | - | stroke-width="1.5" |
|
| 27 | - | stroke="currentColor" |
|
| 28 | - | fill="none" |
|
| 29 | - | stroke-linecap="round" |
|
| 30 | - | stroke-linejoin="round" |
|
| 31 | - | > |
|
| 32 | - | <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
|
| 33 | - | <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path> |
|
| 34 | - | <path d="M3.6 9h16.8"></path> |
|
| 35 | - | <path d="M3.6 15h16.8"></path> |
|
| 36 | - | <path d="M11.5 3a17 17 0 0 0 0 18"></path> |
|
| 37 | - | <path d="M12.5 3a17 17 0 0 1 0 18"></path> |
|
| 38 | - | </svg> |
|
| 39 | - | Website |
|
| 40 | - | <span class="sr-only">Website</span> |
|
| 41 | - | </a> |
|
| 42 | - | </li> |
|
| 43 | - | <li> |
|
| 44 | - | <a |
|
| 45 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 46 | - | href={SOCIAL_LINKS.email} |
|
| 47 | - | > |
|
| 48 | - | <svg |
|
| 49 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 50 | - | class="h-6 w-6" |
|
| 51 | - | width="44" |
|
| 52 | - | height="44" |
|
| 53 | - | viewBox="0 0 24 24" |
|
| 54 | - | stroke-width="1.5" |
|
| 55 | - | stroke="currentColor" |
|
| 56 | - | fill="none" |
|
| 57 | - | stroke-linecap="round" |
|
| 58 | - | stroke-linejoin="round" |
|
| 59 | - | > |
|
| 60 | - | <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.357 7.714l6.98 4.654c.963.641 1.444.962 1.964 1.087c.46.11.939.11 1.398 0c.52-.125 1.001-.446 1.964-1.087l6.98-4.654M7.157 19.5h9.686c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.31-1.311c.328-.642.328-1.482.328-3.162V9.3c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311c-.642-.327-1.482-.327-3.162-.327H7.157c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.31 1.311c-.328.642-.328 1.482-.328 3.162v5.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311c.642.327 1.482.327 3.162.327"/></svg> |
|
| 61 | - | ||
| 62 | - | <span class="sr-only">Email</span> |
|
| 63 | - | </a> |
|
| 64 | - | </li> |
|
| 65 | - | <li> |
|
| 66 | - | <a |
|
| 67 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 68 | - | href={SOCIAL_LINKS.rss} |
|
| 69 | - | target="_blank" |
|
| 70 | - | rel="noopener noreferrer" |
|
| 71 | - | > |
|
| 72 | - | <svg |
|
| 73 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 74 | - | class="h-6 w-6" |
|
| 75 | - | viewBox="0 0 24 24" |
|
| 76 | - | stroke-width="1.5" |
|
| 77 | - | stroke="currentColor" |
|
| 78 | - | fill="none" |
|
| 79 | - | stroke-linecap="round" |
|
| 80 | - | stroke-linejoin="round" |
|
| 81 | - | > |
|
| 82 | - | <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/></g> |
|
| 83 | - | </svg> |
|
| 84 | - | RSS |
|
| 85 | - | <span class="sr-only">RSS</span> |
|
| 86 | - | </a> |
|
| 87 | - | </li> |
|
| 88 | - | <li> |
|
| 89 | - | <a |
|
| 90 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 91 | - | href={SOCIAL_LINKS.cv} |
|
| 92 | - | target="_blank" |
|
| 93 | - | rel="noopener noreferrer" |
|
| 94 | - | > |
|
| 95 | - | <svg |
|
| 96 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 97 | - | viewBox="0 0 24 24" |
|
| 98 | - | class="h-6 w-6" |
|
| 99 | - | stroke-width="0.5" |
|
| 100 | - | stroke="currentColor" |
|
| 101 | - | > |
|
| 102 | - | <path fill="currentColor" d="M2 5.75A2.75 2.75 0 0 1 4.75 3h14.5A2.75 2.75 0 0 1 22 5.75v9.5A2.75 2.75 0 0 1 19.25 18H10v-1q.18-.24.331-.5h8.919c.69 0 1.25-.56 1.25-1.25v-9.5c0-.69-.56-1.25-1.25-1.25H4.75c-.69 0-1.25.56-1.25 1.25v3.919a5 5 0 0 0-1.5 1.33zM6.75 7a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5zm6 5a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5zM6 10a4 4 0 1 0 0 8.001A4 4 0 0 0 6 10m3 8.001c-.835.628-1.874 1-3 1a4.98 4.98 0 0 1-3-.998v3.246c0 .57.605.92 1.09.669l.09-.055L6 20.592l1.82 1.272a.75.75 0 0 0 1.172-.51L9 21.249z"/></svg> |
|
| 103 | - | cv |
|
| 104 | - | <span class="sr-only">CV</span> |
|
| 105 | - | </a> |
|
| 106 | - | </li> |
|
| 107 | - | <li> |
|
| 108 | - | <a |
|
| 109 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 110 | - | href={SOCIAL_LINKS.atproto} |
|
| 111 | - | target="_blank" |
|
| 112 | - | rel="noopener noreferrer" |
|
| 113 | - | > |
|
| 114 | - | <svg |
|
| 115 | - | class="h-6 w-6" stroke-width="1.5" stroke="currentColor" |
|
| 116 | - | viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> |
|
| 117 | - | <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> |
|
| 118 | - | <circle cx="12" cy="12" r="4"/> |
|
| 119 | - | <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/> |
|
| 120 | - | </g> |
|
| 121 | - | </svg> |
|
| 122 | - | </svg> |
|
| 123 | - | ATProto |
|
| 124 | - | <span class="sr-only">ATProto</span> |
|
| 125 | - | </a> |
|
| 126 | - | </li> |
|
| 127 | - | ||
| 128 | - | <li> |
|
| 129 | - | <a |
|
| 130 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 131 | - | href={SOCIAL_LINKS.github} |
|
| 132 | - | target="_blank" |
|
| 133 | - | rel="noopener noreferrer" |
|
| 134 | - | > |
|
| 135 | - | <svg |
|
| 136 | - | class="h-6 w-6" |
|
| 137 | - | aria-hidden="true" |
|
| 138 | - | focusable="false" |
|
| 139 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 140 | - | viewBox="0 0 24 24" |
|
| 141 | - | stroke-width="1" |
|
| 142 | - | stroke="currentColor" |
|
| 143 | - | fill="none" |
|
| 144 | - | stroke-linecap="round" |
|
| 145 | - | stroke-linejoin="round" |
|
| 146 | - | > |
|
| 147 | - | <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
|
| 148 | - | <path |
|
| 149 | - | d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" |
|
| 15 | + | { |
|
| 16 | + | SOCIAL_ITEMS.map((link) => ( |
|
| 17 | + | <li> |
|
| 18 | + | <a |
|
| 19 | + | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 20 | + | href={link.href} |
|
| 21 | + | target={link.external ? "_blank" : undefined} |
|
| 22 | + | rel={link.external ? "noopener noreferrer" : undefined} |
|
| 150 | 23 | > |
|
| 151 | - | </path> |
|
| 152 | - | </svg> |
|
| 153 | - | GitHub |
|
| 154 | - | <span class="sr-only">Github</span> |
|
| 155 | - | </a> |
|
| 156 | - | </li> |
|
| 157 | - | ||
| 158 | - | <li> |
|
| 159 | - | <a |
|
| 160 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 161 | - | href={SOCIAL_LINKS.linkedin} |
|
| 162 | - | target="_blank" |
|
| 163 | - | rel="noopener noreferrer" |
|
| 164 | - | > |
|
| 165 | - | <svg |
|
| 166 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 167 | - | class="h-6 w-6" |
|
| 168 | - | width="44" |
|
| 169 | - | height="44" |
|
| 170 | - | viewBox="0 0 24 24" |
|
| 171 | - | stroke-width="1.5" |
|
| 172 | - | stroke="currentColor" |
|
| 173 | - | fill="none" |
|
| 174 | - | stroke-linecap="round" |
|
| 175 | - | stroke-linejoin="round" |
|
| 176 | - | > |
|
| 177 | - | <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
|
| 178 | - | <path |
|
| 179 | - | d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" |
|
| 180 | - | ></path> |
|
| 181 | - | <path d="M8 11l0 5"></path> |
|
| 182 | - | <path d="M8 8l0 .01"></path> |
|
| 183 | - | <path d="M12 16l0 -5"></path> |
|
| 184 | - | <path d="M16 16v-3a2 2 0 0 0 -4 0"></path> |
|
| 185 | - | </svg> |
|
| 186 | - | ||
| 187 | - | <span class="sr-only">LinkedIn</span> |
|
| 188 | - | </a> |
|
| 189 | - | </li> |
|
| 190 | - | ||
| 191 | - | <li> |
|
| 192 | - | <a |
|
| 193 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 194 | - | href={SOCIAL_LINKS.ethereum} |
|
| 195 | - | target="_blank" |
|
| 196 | - | rel="noopener noreferrer" |
|
| 197 | - | > |
|
| 198 | - | <svg |
|
| 199 | - | class="h-6 w-6" stroke-width="1.5" stroke="currentColor" |
|
| 200 | - | viewBox="0 0 202 231" xmlns="http://www.w3.org/2000/svg"> |
|
| 201 | - | <path d="M98.3592 2.80337L34.8353 107.327C34.3371 108.147 33.1797 108.238 32.5617 107.505C26.9693 100.864 6.13478 72.615 31.9154 46.8673C55.4403 23.3726 85.4045 6.62129 96.5096 0.831705C97.7695 0.174847 99.0966 1.59007 98.3592 2.80337Z" fill="#fff" /> |
|
| 202 | - | <path d="M94.8459 230.385C96.1137 231.273 97.6758 229.759 96.8261 228.467C82.6374 206.886 35.4713 135.081 28.9559 124.302C22.5295 113.67 9.88976 96.001 8.83534 80.8842C8.7301 79.3751 6.64332 79.0687 6.11838 80.4879C5.27178 82.7767 4.37045 85.5085 3.53042 88.6292C-7.07427 128.023 8.32698 169.826 41.7753 193.238L94.8459 230.386V230.385Z" fill="#fff" /> |
|
| 203 | - | <path d="M103.571 228.526L167.095 124.003C167.593 123.183 168.751 123.092 169.369 123.825C174.961 130.465 195.796 158.715 170.015 184.463C146.49 207.957 116.526 224.709 105.421 230.498C104.161 231.155 102.834 229.74 103.571 228.526Z" fill="#fff" /> |
|
| 204 | - | <path d="M107.154 0.930762C105.886 0.0433954 104.324 1.5567 105.174 2.84902C119.363 24.4301 166.529 96.2354 173.044 107.014C179.471 117.646 192.11 135.315 193.165 150.432C193.27 151.941 195.357 152.247 195.882 150.828C196.728 148.539 197.63 145.808 198.47 142.687C209.074 103.293 193.673 61.4905 160.225 38.078L107.154 0.930762Z" fill="#fff" /> |
|
| 205 | - | </svg> |
|
| 206 | - | </svg> |
|
| 207 | - | ENS |
|
| 208 | - | <span class="sr-only">Ethereum</span> |
|
| 209 | - | </a> |
|
| 210 | - | </li> |
|
| 211 | - | ||
| 212 | - | <li> |
|
| 213 | - | <a |
|
| 214 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 215 | - | href={SOCIAL_LINKS.pgp} |
|
| 216 | - | target="_blank" |
|
| 217 | - | rel="noopener noreferrer" |
|
| 218 | - | > |
|
| 219 | - | <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke-width="1.5" stroke="currentColor" class="h-6 w-6" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Bitcoin Icons by Bitcoin Design Community - https://github.com/BitcoinDesign/Bitcoin-Icons/blob/main/LICENSE-MIT --><g fill="none"><g stroke="currentColor" clip-path="url(#SVGXv8lpc2Y)"><path stroke-linecap="round" d="M14.257 5.976c-.85-1.7-2.832-2.638-4.802-2.147c-2.27.566-3.663 2.815-3.112 5.023c.157.633.458 1.194.86 1.659l-2.709 4.37a1.5 1.5 0 0 0-.18 1.153l.36 1.44a.25.25 0 0 0 .302.183l1.528-.381a1.5 1.5 0 0 0 .912-.666l2.884-4.655"/><ellipse cx="10.82" cy="7.266" rx="1.059" ry="1.03" transform="rotate(-14 10.82 7.266)"/><path d="M17.81 15.61c2.27-.566 3.664-2.815 3.113-5.023c-.55-2.209-2.837-3.54-5.106-2.974c-2.27.566-3.663 2.815-3.113 5.023c.158.633.458 1.194.86 1.659l-2.708 4.37a1.5 1.5 0 0 0-.18 1.153l.359 1.44a.25.25 0 0 0 .303.183l1.527-.381a1.5 1.5 0 0 0 .912-.666l2.885-4.655q.569.014 1.149-.129Z"/><ellipse cx="17.203" cy="10.984" rx="1.059" ry="1.03" transform="rotate(-14 17.203 10.984)"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> |
|
| 220 | - | PGP |
|
| 221 | - | <span class="sr-only">PGP</span> |
|
| 222 | - | </a> |
|
| 223 | - | </li> |
|
| 224 | - | <li> |
|
| 225 | - | <a |
|
| 226 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 227 | - | href={SOCIAL_LINKS.photos} |
|
| 228 | - | > |
|
| 229 | - | <svg |
|
| 230 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 231 | - | class="h-6 w-6" |
|
| 232 | - | width="44" |
|
| 233 | - | height="44" |
|
| 234 | - | viewBox="0 0 24 24" |
|
| 235 | - | stroke-width="1.5" |
|
| 236 | - | stroke="currentColor" |
|
| 237 | - | fill="none" |
|
| 238 | - | stroke-linecap="round" |
|
| 239 | - | stroke-linejoin="round" |
|
| 240 | - | > |
|
| 241 | - | <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> |
|
| 242 | - | <path |
|
| 243 | - | d="M7 3m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" |
|
| 244 | - | ></path> |
|
| 245 | - | <path |
|
| 246 | - | d="M4.012 7.26a2.005 2.005 0 0 0 -1.012 1.737v10c0 1.1 .9 2 2 2h10c.75 0 1.158 -.385 1.5 -1" |
|
| 247 | - | ></path> |
|
| 248 | - | <path d="M17 7h.01"></path> |
|
| 249 | - | <path d="M7 13l3.644 -3.644a1.21 1.21 0 0 1 1.712 0l3.644 3.644" |
|
| 250 | - | ></path> |
|
| 251 | - | <path d="M15 12l1.644 -1.644a1.21 1.21 0 0 1 1.712 0l2.644 2.644" |
|
| 252 | - | ></path> |
|
| 253 | - | </svg> |
|
| 254 | - | Photos |
|
| 255 | - | <span class="sr-only">Photos</span> |
|
| 256 | - | </a> |
|
| 257 | - | </li> |
|
| 258 | - | ||
| 259 | - | <li> |
|
| 260 | - | <a |
|
| 261 | - | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 262 | - | href={SOCIAL_LINKS.coffee} |
|
| 263 | - | target="_blank" |
|
| 264 | - | rel="noopener noreferrer" |
|
| 265 | - | > |
|
| 266 | - | <svg |
|
| 267 | - | class="h-6 w-6" |
|
| 268 | - | stroke="currentColor" |
|
| 269 | - | xmlns="http://www.w3.org/2000/svg" |
|
| 270 | - | width="32" |
|
| 271 | - | height="32" |
|
| 272 | - | viewBox="0 0 24 24" |
|
| 273 | - | > |
|
| 274 | - | <path |
|
| 275 | - | d="m20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379c-.197-.069-.42-.098-.57-.241c-.152-.143-.196-.366-.231-.572c-.065-.378-.125-.756-.192-1.133c-.057-.325-.102-.69-.25-.987c-.195-.4-.597-.634-.996-.788a6 6 0 0 0-.626-.194c-1-.263-2.05-.36-3.077-.416a26 26 0 0 0-3.7.062c-.915.083-1.88.184-2.75.5c-.318.116-.646.256-.888.501c-.297.302-.393.77-.177 1.146c.154.267.415.456.692.58c.36.162.737.284 1.123.366c1.075.238 2.189.331 3.287.37q1.829.074 3.65-.118q.449-.05.896-.119c.352-.054.578-.513.474-.834c-.124-.383-.457-.531-.834-.473c-.466.074-.96.108-1.382.146q-1.767.12-3.536.006a22 22 0 0 1-1.157-.107c-.086-.01-.18-.025-.258-.036q-.364-.055-.724-.13c-.111-.027-.111-.185 0-.212h.005q.416-.09.838-.147h.002c.131-.009.263-.032.394-.048a25 25 0 0 1 3.426-.12q1.011.029 2.017.144l.228.031q.4.06.798.145c.392.085.895.113 1.07.542c.055.137.08.288.111.431l.319 1.484a.237.237 0 0 1-.199.284h-.003l-.112.015a37 37 0 0 1-4.743.295a37 37 0 0 1-4.699-.304c-.14-.017-.293-.042-.417-.06c-.326-.048-.649-.108-.973-.161c-.393-.065-.768-.032-1.123.161c-.29.16-.527.404-.675.701c-.154.316-.199.66-.267 1c-.069.34-.176.707-.135 1.056c.087.753.613 1.365 1.37 1.502a39.7 39.7 0 0 0 11.343.376a.483.483 0 0 1 .535.53l-.071.697l-1.018 9.907c-.041.41-.047.832-.125 1.237c-.122.637-.553 1.028-1.182 1.171q-.868.197-1.756.205c-.656.004-1.31-.025-1.966-.022c-.699.004-1.556-.06-2.095-.58c-.475-.458-.54-1.174-.605-1.793l-.731-7.013l-.322-3.094c-.037-.351-.286-.695-.678-.678c-.336.015-.718.3-.678.679l.228 2.185l.949 9.112c.147 1.344 1.174 2.068 2.446 2.272c.742.12 1.503.144 2.257.156c.966.016 1.942.053 2.892-.122c1.408-.258 2.465-1.198 2.616-2.657l1.024-9.995l.215-2.087a.48.48 0 0 1 .39-.426c.402-.078.787-.212 1.074-.518c.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233c-2.416.359-4.866.54-7.308.46c-1.748-.06-3.477-.254-5.207-.498c-.17-.024-.353-.055-.47-.18c-.22-.236-.111-.71-.054-.995c.052-.26.152-.609.463-.646c.484-.057 1.046.148 1.526.22q.865.132 1.737.212c2.48.226 5.002.19 7.472-.14q.675-.09 1.345-.21c.399-.072.84-.206 1.08.206c.166.281.188.657.162.974a.54.54 0 0 1-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a6 6 0 0 1-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38c0 0 1.243.065 1.658.065c.447 0 1.786-.065 1.786-.065c.783 0 1.434-.6 1.499-1.38l.94-9.95a4 4 0 0 0-1.322-.238c-.826 0-1.491.284-2.26.613" |
|
| 276 | - | ></path></svg |
|
| 277 | - | > |
|
| 278 | - | Coffee |
|
| 279 | - | <span class="sr-only">Coffee</span> |
|
| 280 | - | </a> |
|
| 281 | - | </li> |
|
| 24 | + | <Fragment set:html={link.icon} /> |
|
| 25 | + | {link.name} |
|
| 26 | + | <span class="sr-only">{link.name}</span> |
|
| 27 | + | </a> |
|
| 28 | + | </li> |
|
| 29 | + | )) |
|
| 30 | + | } |
|
| 282 | 31 | </ul> |
|
| 283 | 32 | </div> |
|
| 284 | 33 | </PageLayout> |
|
| 3 | 3 | ||
| 4 | 4 | import PageLayout from "@/layouts/Base.astro"; |
|
| 5 | 5 | import NowUpdates from "@/components/now/NowUpdates.astro"; |
|
| 6 | - | import { SOCIAL_LINKS } from "@/data/constants"; |
|
| 6 | + | import { getSocial } from "@/data/constants"; |
|
| 7 | + | ||
| 8 | + | const atproto = getSocial("atproto")!; |
|
| 7 | 9 | ||
| 8 | 10 | const meta = { |
|
| 9 | 11 | title: "Now", |
|
| 49 | 51 | </a> |
|
| 50 | 52 | <a |
|
| 51 | 53 | class="flex items-center gap-4 p-2 sm:hover:text-link" |
|
| 52 | - | href={SOCIAL_LINKS.atproto} |
|
| 54 | + | href={atproto.href} |
|
| 53 | 55 | target="_blank" |
|
| 54 | 56 | rel="noopener noreferrer" |
|
| 55 | 57 | > |
|