You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.3 KiB
TypeScript
83 lines
2.3 KiB
TypeScript
import "./AboutMe.scss";
|
|
import { Tooltip } from "antd";
|
|
import { Age } from "./Age";
|
|
import { LastFmLi } from "./LastFmLi";
|
|
|
|
export function AboutMe() {
|
|
function EmailHandler() {
|
|
const email = "Y29udGFjdEBqYWtlY292ZXIubWU=";
|
|
window.prompt("Thanks for being a human! Here's my email:", atob(email));
|
|
}
|
|
|
|
return (
|
|
<div id={"about-me-parent"}>
|
|
<div id={"about-me"} className={"about-me-card"}>
|
|
<h1 aria-label={"Title"}>Hi! I'm Jake!</h1>
|
|
|
|
<div id={"info-parent"} aria-label={"About Me"}>
|
|
<div id={"specific-info"} aria-label={"Facts"}>
|
|
<h2> A bit about me:</h2>
|
|
<ul>
|
|
<li>
|
|
<b>Occupation:</b> Student
|
|
</li>
|
|
<li>
|
|
<b>Location:</b> Southern California
|
|
</li>
|
|
<li>
|
|
<b>Pronouns</b>: They/Them
|
|
</li>
|
|
<Age />
|
|
<LastFmLi />
|
|
</ul>
|
|
</div>
|
|
<div id={"fun-info"} aria-label={"Contacts"}>
|
|
<h2>Find Me:</h2>
|
|
<ul>
|
|
<li>
|
|
Email: <button onClick={EmailHandler}>Click This</button>
|
|
</li>
|
|
<li>
|
|
Twitter:{" "}
|
|
<Tooltip title={":("}>
|
|
<a
|
|
href={"https://twitter.com/cobular_"}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
tabIndex={0}
|
|
>
|
|
@cobular_
|
|
</a>
|
|
</Tooltip>
|
|
</li>
|
|
<li>
|
|
GitHub:{" "}
|
|
<a
|
|
href={"https://github.com/JakeCover"}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
tabIndex={0}
|
|
>
|
|
JakeCover
|
|
</a>
|
|
</li>
|
|
<li>
|
|
Telegram:{" "}
|
|
<a
|
|
href={"https://t.me/cobular"}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
tabIndex={0}
|
|
>
|
|
@cobular
|
|
</a>
|
|
</li>
|
|
<li>Elsewhere: Probably @cobular</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|