86 lines
3.3 KiB
HTML
86 lines
3.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- meta ---------------------------------------------------------->
|
|
<meta charset="utf-8">
|
|
<title>~trwnh</title>
|
|
<meta name="description" content="a photographer, designer, and all-around creative. this is their personal landing page.">
|
|
<meta name="author" content="trwnh">
|
|
<meta name="keywords" content="trwnh, abdullah, tarawneh, designer, designers, design, designs, photographer, photographers, photography, photos, photo, programmer, programming, creative, tech, technology, science, scientist, computer, computers, cs, bme, biomedical, engineer, consultant, consultancy, analysis, hoover, birmingham, alabama, al">
|
|
<meta name="theme-color" content="#212121">
|
|
<link rel="icon" sizes="400x400" href=".assets/icon.png">
|
|
<link rel="me" href="mailto:a@trwnh.com">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- /meta --------------------------------------------------------->
|
|
<!-- default styling ----------------------------------------------->
|
|
<style>
|
|
/* do some resets */
|
|
* {margin: 0; padding: 0; box-sizing: border-box;}
|
|
html {font-family: -apple-system, BlinkMacSystemFont,
|
|
"Roboto", "Oxygen", "Ubuntu", "Cantarell",
|
|
"Fira Sans", "Droid Sans", "Helvetica Neue", "Segoe UI", sans-serif;}
|
|
/* layout */
|
|
body {width: 320px; margin: auto;}
|
|
section {
|
|
padding: 1rem;
|
|
}
|
|
/* text styling */
|
|
body {background-color: #212121; color: white;}
|
|
a:visited {color: #d1c4e9}
|
|
a {color: #64b5f6}
|
|
</style>
|
|
<!-- end default styling ------------------------------------------->
|
|
</head>
|
|
<body>
|
|
|
|
<section>
|
|
<h1>hi i'm a</h1>
|
|
<p>
|
|
smtp/xmpp: a@trwnh.com<br>
|
|
please turn off omemo if you message me<br>
|
|
activitypub: <a rel="me" href="https://mastodon.social/@trwnh">mastodon.social/@trwnh</a>
|
|
</p>
|
|
</section>
|
|
<hr>
|
|
<section>
|
|
<h2>creative</h2>
|
|
<h3><a href="https://birdsounds.media">birdsounds.media</a></h3>
|
|
<p>my photography side project</p>
|
|
<h3><a href="https://society6.com/trwnh">society6</a></h3>
|
|
<p>buy prints and merch of my photography</p>
|
|
<h3><a href="https://www.youtube.com/channel/UClJEUj0aSYHy-vcd9TW30Fw">youtube - obvious_humor</a></h3>
|
|
<p>concert videos and other assorted junk</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>gaming</h2>
|
|
<h3><a href="https://twitch.tv/triggerofsol">twitch.tv/triggerofsol</a></h3>
|
|
<p>retro game streaming when i get bored</p>
|
|
<h3><a href="https://www.youtube.com/channel/UCucHgl6cYb4G4THaXtw8PHA">youtube - trigger of sol</a></h3>
|
|
<p>gaming clips and old stream vods</p>
|
|
<h3><a href="https://steamcommunity.com/id/triggerofsol">steam - triggerofsol</a></h3>
|
|
<p>steamcommunity id</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>professional</h2>
|
|
<h3><a href="https://github.com/trwnh">github</a></h3>
|
|
<p>code repos shared with the public</p>
|
|
<h3><a href="https://abdullahtarawneh.com">abdullahtarawneh.com</a></h3>
|
|
<p>i'm an information architect,<br>please pay me</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>support me</h2>
|
|
<h3><a href="https://liberapay.com/trwnh">liberapay</a></h3>
|
|
<p>sponsor me to do what i do</p>
|
|
<h3><a href="https://paypal.me/trwnh">paypal</a></h3>
|
|
<p>tip me with a one-time payment</p>
|
|
<h3><a href="https://amzn.to/2rydvvC">amazon affiliate</a></h3>
|
|
<p>if you shop on amazon via this link,<br>i get a small percentage</p>
|
|
</section>
|
|
|
|
<footer></footer>
|
|
|
|
</body>
|
|
</html>
|