steffo/steffoweb
steffo/steffoweb
1
Fork 0
mirror of https://github.com/Steffo99/steffoweb.git synced 2024-11-22 08:04:31 +00:00
Code Activity

the birdsite is gone

Browse source
This commit is contained in:
Steffo 2023-01-16 16:50:50 +01:00
parent 7aa1902569
commit 3ef31cab0c
Signed by: steffo
GPG key ID: 2A24051445686895
2 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
components/LinkPanel.tsx
View file

@ -17,21 +17,25 @@ export type LinkPanelProps = {
export const LinkPanel = ({href, icon, text, me, fade}: LinkPanelProps) => { export const LinkPanel = ({href, icon, text, me, fade}: LinkPanelProps) => {
const panel = ( const panel = (
<a className={cn({panel: true, [style.linkPanel]: true, fade: fade})} rel={me ? "me" : ""}> <span>
<span> <FontAwesomeIcon icon={icon}/>&nbsp;{text}
<FontAwesomeIcon icon={icon}/>&nbsp;{text} </span>
</span>
</a>
) )
if(href) { if(href) {
return ( return (
<Link href={href}> <a className={cn({panel: true, [style.linkPanel]: true, fade: fade})} rel={me ? "me" : ""}>
{panel} <Link href={href}>
</Link> {panel}
</Link>
</a>
) )
} }
else { else {
return panel return (
<div className={cn({panel: true, fade: fade})}>
{panel}
</div>
)
} }
} }

2
pages/index.tsx
View file

@ -37,7 +37,7 @@ const Index: NextPage = () => {
<LinkPanel me href={"https://github.com/Steffo99"} icon={faGithub} text={"Steffo99"}/> <LinkPanel me href={"https://github.com/Steffo99"} icon={faGithub} text={"Steffo99"}/>
<LinkPanel me href={"https://old.reddit.com/user/steffo99"} icon={faRedditAlien} text={<span><small>/u/</small>Steffo99</span>}/> <LinkPanel me href={"https://old.reddit.com/user/steffo99"} icon={faRedditAlien} text={<span><small>/u/</small>Steffo99</span>}/>
<LinkPanel me href={"https://fosstodon.org/@steffo"} icon={faMastodon} text={<span>@steffo<small>@fosstodon.org</small></span>}/> <LinkPanel me href={"https://fosstodon.org/@steffo"} icon={faMastodon} text={<span>@steffo<small>@fosstodon.org</small></span>}/>
<LinkPanel me href={"https://twitter.com/CaptSteffo/"} icon={faTwitter} text={"@CaptSteffo"}/> <LinkPanel fade icon={faTwitter} text={""}/>
<LinkPanel me href={"https://stackoverflow.com/users/4334568/steffo"} icon={faStackOverflow} text={"Steffo"}/> <LinkPanel me href={"https://stackoverflow.com/users/4334568/steffo"} icon={faStackOverflow} text={"Steffo"}/>
<LinkPanel me href={"https://www.linkedin.com/in/steffo45/"} icon={faLinkedin} text={"Stefano Pigozzi"}/> <LinkPanel me href={"https://www.linkedin.com/in/steffo45/"} icon={faLinkedin} text={"Stefano Pigozzi"}/>
<LinkPanel me href={"https://steamcommunity.com/profiles/76561198034314260/"} icon={faSteam} text={"Steffo"}/> <LinkPanel me href={"https://steamcommunity.com/profiles/76561198034314260/"} icon={faSteam} text={"Steffo"}/>