71 lines
2.5 KiB
HTML
71 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Triston Armstrong Portfolio</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"> -->
|
|
</head>
|
|
|
|
<body
|
|
class="bg-gradient-to-b from-gray-300 to-blue-200 container max-w-xl mx-auto text-gray-800 py-24 px-8 w-full font-mono">
|
|
<!-- Header section -->
|
|
<header><!-- put nav stuff here --></header>
|
|
<!-- Main Content Section -->
|
|
<main class="flex gap-6 flex-col">
|
|
|
|
<!-- ABOUT -->
|
|
<section>
|
|
<div class="flex flex-col gap-2">
|
|
<div class="flex gap-4 items-center">
|
|
<img class="inline-block h-10 w-10 rounded-full ring-2 ring-white"
|
|
src="https://gitlab.com/uploads/-/system/user/avatar/5083849/avatar.png?width=400" alt="">
|
|
<h1 class="text-2xl text-gray-900 font-bold">Triston Armstrong</h1>
|
|
</div>
|
|
<p class="text-sm">Full Stack Software Developer @ <a href="ventrahealth.com"
|
|
class="text-blue-500">VentraHealth</a></p>
|
|
<div class="w-full border-dashed border-gray-700 border-opacity-10 my-4 border "></div>
|
|
<p class="text-sm">I am a self taught Full Stack Software Developer with an unhealthy addiction to solving
|
|
problems using code.</p>
|
|
<div class="w-full border-dashed border-gray-700 border-opacity-10 my-4 border "></div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SKILLS -->
|
|
<section>
|
|
<h2 class="text-1xl text-gray-900 font-bold uppercase">Skills</h2>
|
|
<div class="flex gap-2 py-4" id="skills">
|
|
<script type="text/Javascript" src="scripts/skills.js"></script>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- JOBS -->
|
|
<section>
|
|
<h2 class="text-1xl text-gray-900 font-bold uppercase">Jobs</h2>
|
|
<div class="flex flex-col gap-3 py-4" id="jobs">
|
|
<script type="text/Javascript" src="scripts/jobs.js"></script>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- PERSONAL PROJECTS -->
|
|
<section>
|
|
<h2 class="text-1xl text-gray-900 font-bold uppercase">Personal Projects</h2>
|
|
<div class="flex flex-col gap-3 py-4" id="projects">
|
|
<script type="text/Javascript" src="scripts/projects.js"></script>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- NOTES -->
|
|
<section>
|
|
<h2 class="text-1xl text-gray-900 font-bold uppercase">Notes</h2>
|
|
<p>An endless trail of links to my personal notes</p>
|
|
<a href="?id=banana">note</a>
|
|
<a href="./notes">NOTES</a>
|
|
</section>
|
|
</body>
|
|
|
|
</html>
|