lukegb/depot
1
0
Fork 0
Code Issues 1 Pull requests Projects Packages Activity Actions

web/lukegbcom: add mastodon

Browse source
This commit is contained in:
Luke Granger-Brown 2022-11-15 01:54:38 +00:00
parent 154ea3a393
commit 8d4ed3dc15
2 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
web/lukegbcom/lib/HeaderNav/assets/mastodon.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mastodon" viewBox="0 0 16 16">
<path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 982 B

12
web/lukegbcom/lib/HeaderNav/index.js
View file

@ -12,10 +12,19 @@ export default function HeaderNav() {
<ActiveLink href="/tools" activeClassName={styles.active}><a className={styles.link}>Toolbox</a></ActiveLink> <ActiveLink href="/tools" activeClassName={styles.active}><a className={styles.link}>Toolbox</a></ActiveLink>
</div> </div>
<div className={styles.navPart2}> <div className={styles.navPart2}>
<a
href="https://social.treehouse.systems/@lukegb"
className={styles.link}
aria-label="Mastodon"
rel="me"
>
<Svg src={require('./assets/mastodon.svg')} viewBox="0 0 16 16" />
</a>
<a <a
href="https://twitter.com/lukegb" href="https://twitter.com/lukegb"
className={styles.link} className={styles.link}
aria-label="Twitter" aria-label="Twitter"
rel="me"
> >
<Svg src={require('./assets/iconmonstr-twitter-1.svg')} viewBox="0 0 24 24" /> <Svg src={require('./assets/iconmonstr-twitter-1.svg')} viewBox="0 0 24 24" />
</a> </a>
@ -23,6 +32,7 @@ export default function HeaderNav() {
href="https://github.com/lukegb" href="https://github.com/lukegb"
className={styles.link} className={styles.link}
aria-label="GitHub" aria-label="GitHub"
rel="me"
> >
<Svg src={require('./assets/iconmonstr-github-1.svg')} viewBox="0 0 24 24" /> <Svg src={require('./assets/iconmonstr-github-1.svg')} viewBox="0 0 24 24" />
</a> </a>
@ -30,4 +40,4 @@ export default function HeaderNav() {
</nav> </nav>
</header> </header>
) )
} }