srizan/mainwebsite
1
0
Fork 0
mirror of https://github.com/SrIzan10/mainwebsite.git synced 2026-06-06 00:56:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: new pfp

Browse Source
This commit is contained in:
SrIzan10
2023-10-21 18:31:42 +02:00
parent b609e930f3
commit 11bdac12df
3 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
public/pfp.png → public/main-pfp.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 293 KiB

After

Width:  |  Height:  |  Size: 293 KiB

BIN
public/pfp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

7
src/App.tsx
View File

@@ -3,21 +3,22 @@ import React from 'react'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faDiscord, faGithub, faMastodon, faTwitter } from '@fortawesome/free-brands-svg-icons'
import { faBlog, faCircle } from '@fortawesome/free-solid-svg-icons'
import {Link} from "react-router-dom";
import { Link } from "react-router-dom";
function App() {
const [osuBeat, setOsuBeat] = React.useState(false)
return (
<div>
<div className='aboutMeBox'>
<img src='/pfp.png' alt='main profile picture' height='200px' style={{ borderRadius: '70px' }} />
{/* style={{ borderRadius: '70px' }} */}
<Link to='/collab'><img src='/pfp.webp' alt='main profile picture' height='200px' /></Link>
<p>I'm a hobbyist developer and osu! player based on Spain who loves to open-source and to work on teams.</p>
<p>Stalk me on social media:</p>
<div className='icons'>
<a href='https://github.com/SrIzan10'><FontAwesomeIcon icon={faGithub} /></a>
<a href='https://social.srizan.dev'><FontAwesomeIcon icon={faMastodon} /></a>
<a href='https://twitter.com/itssrizan'><FontAwesomeIcon icon={faTwitter} /></a>
<Link to='./blog'><FontAwesomeIcon icon={faBlog} /></Link>
<Link to='/blog'><FontAwesomeIcon icon={faBlog} /></Link>
<a href='https://discord.com/users/703974042700611634'><FontAwesomeIcon icon={faDiscord} /></a>
<a href='https://osu.ppy.sh/users/25350735'><FontAwesomeIcon icon={faCircle} onMouseEnter={() => setOsuBeat(true)} onMouseLeave={() => setOsuBeat(false)} beatFade={osuBeat} /></a>
</div>