steffo/steffoweb
steffo/steffoweb
1
Fork 0
mirror of https://github.com/Steffo99/steffoweb.git synced 2024-11-21 23:54:30 +00:00
Code Activity

Tweak things

Browse source
This commit is contained in:
Steffo 2023-07-07 03:04:50 +02:00
parent d5663293c8
commit 302a65dae8
Signed by: steffo
GPG key ID: 2A24051445686895
2 changed files with 76 additions and 106 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/ProjectsList.module.css
View file

@ -1,5 +1,5 @@
.projectsList { .projectsList {
flex-basis: 500px; flex-basis: 460px;
flex-grow: 1; flex-grow: 1;
flex-shrink: 1; flex-shrink: 1;
overflow-y: scroll; overflow-y: scroll;

180
pages/index.tsx
View file

@ -146,111 +146,81 @@ const Index: NextPage = () => {
</div> </div>
</>} </>}
/> />
<FlipPanel <section className={"panel box"} id={"panel-accounts"}>
className={"box"} <h3>
front={(flip) => <> Me on the Internet
<h3> </h3>
Me on the Internet <p>
</h3> I sign up to basically any website I stumble upon to explore and study its functions, mechanisms, culture and community, so don't be surprised if you see me somewhere!
<p> </p>
I sign up to basically any website I stumble upon to explore and study its functions, mechanisms, culture and community, so don't be surprised if you see me somewhere! <hr className={"float-bottom"}/>
</p> <p>
<hr/> I'm currently mostly active on the Fediverse, in particular on:
<p> </p>
Apart from experimentation, I'm currently the most active on the Fediverse, in particular on: <div className={"group-lp"}>
</p> <LinkPanel href={"https://uno.starshard.studio/@steffo"} icon={faCircleNodes} text={"Star Shard Social"} description={"@steffo@uno.starshard.studio"}/>
<div className={"group-lp"}> </div>
<LinkPanel href={"https://uno.starshard.studio/@steffo"} icon={faCircleNodes} text={"Star Shard Social"} description={"@steffo@uno.starshard.studio"}/> <hr/>
</div> <p>
<hr className={"float-bottom"}/> Other services I often use are:
<p> </p>
Other services I often use are: <div className={"group-lp"}>
</p> <LinkPanel
<div className={"group-lp"}> href={"https://github.com/Steffo99"}
<LinkPanel icon={faGithub}
href={"https://github.com/Steffo99"} text={"GitHub"}
icon={faGithub} description={"Steffo99"}
text={"GitHub"} />
description={"Steffo99"} <LinkPanel
/> href={"https://stackoverflow.com/users/4334568/steffo"}
<LinkPanel icon={faStackOverflow}
href={"https://stackoverflow.com/users/4334568/steffo"} text={"Stack Overflow"}
icon={faStackOverflow} description={"Steffo"}
text={"Stack Overflow"} />
description={"Steffo"} </div>
/> <div className={"group-lp"}>
</div> <LinkPanel
<div className={"group-lp"}> href={"https://www.linkedin.com/in/steffo45/"}
<LinkPanel icon={faBorderAll}
href={"https://www.linkedin.com/in/steffo45/"} text={"Matrix"}
icon={faBorderAll} description={"@steffo:ryg.one"}
text={"Matrix"} />
description={"@steffo:ryg.one"} <LinkPanel
/> href={"https://discord.com/users/77703771181817856"}
<LinkPanel icon={faDiscord}
href={"https://discord.com/users/77703771181817856"} text={"Discord"}
icon={faDiscord} description={"Steffo#4036"}
text={"Discord"} />
description={"Steffo#4036"} </div>
/> <div className={"group-lp"}>
</div> <LinkPanel
<div className={"group-lp"}> href={"https://www.linkedin.com/in/steffo45/"}
<LinkPanel icon={faLinkedin}
href={"https://www.linkedin.com/in/steffo45/"} text={"Linkedin"}
icon={faLinkedin} description={"Stefano Pigozzi"}
text={"Linkedin"} />
description={"Stefano Pigozzi"} <LinkPanel
/> href={"mailto:me@steffo.eu"}
<LinkPanel icon={faEnvelope}
href={"mailto:me@steffo.eu"} text={"Email"}
icon={faEnvelope} description={"me@steffo.eu"}
text={"Email"} />
description={"me@steffo.eu"} </div>
/> <div className={"group-lp"}>
</div> <LinkPanel
<div className={"group-lp"}> href={"https://steamcommunity.com/profiles/76561198034314260/"}
<LinkPanel icon={faSteam}
href={"https://steamcommunity.com/profiles/76561198034314260/"} text={"Steam"}
icon={faSteam} description={"[U:1:74048532]"}
text={"Steam"} />
description={"[U:1:74048532]"} <LinkPanel
/> href={"https://steffo.itch.io/"}
<LinkPanel icon={faItchIo}
href={"https://steffo.itch.io/"} text={"Itch.io"}
icon={faItchIo} description={"Steffo"}
text={"Itch.io"} />
description={"Steffo"} </div>
/> </section>
</div>
<hr/>
<p>
Want to see what I've been thinking about lately?
</p>
<div className={"group-lp"}>
<LinkPanel
fade
icon={faComment}
text={"View my latest posts"}
description={"Coming soon..."}
/>
</div>
</>}
back={(flip) => <>
<h3>
All my accounts
</h3>
<hr className={"float-bottom"}/>
<div className={"group-lp"}>
<LinkPanel
href={"javascript:void(0)"}
icon={faArrowLeft}
text={"Go back"}
description={"I have seen enough"}
onPress={flip}
/>
</div>
</>}
/>
<section className={"panel box"} id={"panel-friends"}> <section className={"panel box"} id={"panel-friends"}>
<h3> <h3>
My friends My friends