+19

src/social/bluesky.tsx

reviewed

··· 1 1 + /** @jsx h */ 2 2 + import { h } from "../../deps.ts"; 3 3 + 4 4 + export function bluesky() { 5 5 + return ( 6 6 + <a 7 7 + href="https://bsky.app/profile/tsiry-sandratraina.com" 8 8 + target="_blank" 9 9 + class="social" 10 10 + > 11 11 + <svg fill="none" viewBox="0 0 64 57" width="21" height="21"> 12 12 + <path 13 13 + fill="rgb(109, 109, 156)" 14 14 + d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z" 15 15 + ></path> 16 16 + </svg> 17 17 + </a> 18 18 + ); 19 19 + }

+2

src/social/mod.tsx

reviewed

··· 1 1 /** @jsx h */ 2 2 import { h } from "../../deps.ts"; 3 3 import { twitter } from "../twitter.tsx"; 4 4 + import { bluesky } from "./bluesky.tsx"; 4 5 import { github } from "./github.tsx"; 5 6 import { linkedin } from "./linkedin.tsx"; 6 7 ··· 8 9 return ( 9 10 <div style="display: flex; flex-direction: row; justify-content: space-around; width: 100px;"> 10 11 {github()} 12 12 + {bluesky()} 11 13 {twitter()} 12 14 {linkedin()} 13 15 </div>