72 lines
2.4 KiB
HTML
72 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="MobileOptimized" content="320" />
|
|
<meta name="HandheldFriendly" content="true" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie-edge">
|
|
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
|
|
|
|
<link rel="stylesheet" href="./styles/index.css">
|
|
<link rel="stylesheet" href="./styles/common.css">
|
|
<link rel="stylesheet" href="./styles/starfield.css">
|
|
<link rel="stylesheet" href="./node_modules/@themagician23/tarotcard.css/tarotcard.css">
|
|
<link rel="stylesheet" href="./node_modules/@themagician23/tarotcard.css/tarotcard-deal.css">
|
|
<link rel="stylesheet" href="./node_modules/@themagician23/tarotcard.css/tarotcard-flip.css">
|
|
|
|
<title>The Magician</title>
|
|
</head>
|
|
<body>
|
|
<div class="starfield">
|
|
<div class="starfield__stars"></div>
|
|
</div>
|
|
|
|
<div class="center-grid">
|
|
<div id="the-magician" class="tarot-card tarot-card--deal tarot-card--flip-on-hover">
|
|
<div class="tarot-card__content">
|
|
<div class="tarot-card__side tarot-card__side--front">
|
|
<div class="tarot-card__section tarot-card__section--art">
|
|
<img class="tarot-card__art"
|
|
src="./images/placeholder.jpg"
|
|
alt="The Magician card artwork."
|
|
title="The Magician card artwork." />
|
|
</div>
|
|
<div class="tarot-card__section tarot-card__section--title">
|
|
<p class="tarot-card__title">The Magician.</p>
|
|
</div>
|
|
</div>
|
|
<div class="tarot-card__side tarot-card__side--back">
|
|
<div class="tarot-card__section the-magician__info">
|
|
<div>
|
|
<h1>The Magician</h1>
|
|
<h3>Freelance Computer Scientist</h3>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>Meanings (Upright)</h2>
|
|
<p>Software developer, open-source contributor, technologist</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>Meanings (Inverted)</h2>
|
|
<p>Penetration tester, bug hunter, exploit developer</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>Links</h2>
|
|
<p><a href="https://git.themagician.cc">Personal Projects (Gitea)</a></p>
|
|
<p><a href="https://github.com/TheMagician23">Open-Source Contributions (Github)</a></p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>Contact me</h2>
|
|
<p><a href="mailto:themagician@engineer.com">Email: themagician@engineer.com</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|