get a basic decent looking site made
This commit is contained in:
parent
431c17868e
commit
892a972668
BIN
android-chrome-192x192.png
Normal file
BIN
android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
android-chrome-512x512.png
Normal file
BIN
android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
BIN
apple-touch-icon.png
Normal file
BIN
apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
avatar.png
Normal file
BIN
avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 426 KiB |
BIN
favicon-16x16.png
Normal file
BIN
favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 827 B |
BIN
favicon-32x32.png
Normal file
BIN
favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
160
index.html
160
index.html
@ -1,56 +1,136 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
|
||||||
|
<link rel="manifest" href="./site.webmanifest">
|
||||||
<title>Klectr Site</title>
|
<title>Klectr Site</title>
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
<script src="https://cdn.tailwindcss.com"></script>
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
</head>
|
<style>
|
||||||
<body class="bg-slate-900 text-white mx-auto max-w-2xl">
|
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
|
||||||
<nav>
|
|
||||||
<div>
|
|
||||||
<p>T</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<ul>
|
|
||||||
<li>Home</li>
|
|
||||||
<li>About</li>
|
|
||||||
<li>Now</li>
|
|
||||||
<li>Featured</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
.ubuntu-regular {
|
||||||
<div>
|
font-family: "Ubuntu", sans-serif;
|
||||||
<p>Email</p>
|
font-weight: 400;
|
||||||
</div>
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ubuntu-bold {
|
||||||
|
font-family: "Ubuntu", sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ubuntu-regular-italic {
|
||||||
|
font-family: "Ubuntu", sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-primary {}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4">
|
||||||
|
<!-- ______________________________________________________________ -->
|
||||||
|
<nav class="flex justify-between items-center">
|
||||||
|
<img src="./avatar.png" alt="avatar" width={30} height={30} class="w-10 h-10" />
|
||||||
|
<div class="flex gap-6 text-md text-slate-400 ">
|
||||||
|
<a class="hover:text-[#ffce00] border-b border-[#ffce00]">Home</a>
|
||||||
|
<a class="hover:text-[#ffce00]">About</a>
|
||||||
|
<a class="hover:text-[#ffce00]">Now</a>
|
||||||
|
<a class="hover:text-[#ffce00]">Featured</a>
|
||||||
|
</div>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
||||||
|
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
class="lucide lucide-mail text-slate-400 hover:text-[#ffce00]">
|
||||||
|
<rect width="20" height="16" x="2" y="4" rx="2" />
|
||||||
|
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
|
||||||
|
</svg>
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
|
||||||
<h1>Triston Armstrong</h1>
|
<!-- ______________________________________________________________ -->
|
||||||
<p>Senior Software Engineer</p>
|
<main class="mt-20">
|
||||||
<div>
|
<h1 class="text-2xl font-bold">Triston Armstrong</h1>
|
||||||
<p>TA</p>
|
<p class="text-slate-400">Senior Software Engineer</p>
|
||||||
<div>
|
|
||||||
<div>G - GitHub</div>
|
<div class="my-6 flex gap-6 ">
|
||||||
<div>T - Twitter</div>
|
<img src="./avatar.png" alt="avatar" width={20} height={20} class="w-40 h-40" />
|
||||||
<div>L - LinkedIn</div>
|
<div class="flex flex-col text-slate-400 gap-2 hover:text-slate-600">
|
||||||
|
<div class="flex gap-2 hover:text-[#ffce00]">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||||
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
class="lucide lucide-github">
|
||||||
|
<path
|
||||||
|
d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
|
||||||
|
<path d="M9 18c-4.51 2-5-2-7-2" />
|
||||||
|
</svg>
|
||||||
|
<p>Projects</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex gap-2 hover:text-[#ffce00]">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||||
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
class="lucide lucide-twitter">
|
||||||
|
<path
|
||||||
|
d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z" />
|
||||||
|
</svg>
|
||||||
|
<p>Twitter</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex gap-2 hover:text-[#ffce00]">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||||
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
|
class="lucide lucide-linkedin">
|
||||||
|
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
|
||||||
|
<rect width="4" height="12" x="2" y="9" />
|
||||||
|
<circle cx="4" cy="4" r="2" />
|
||||||
|
</svg>
|
||||||
|
<p>LinkedIn</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p>Software Engineer specialinzing in building scalable, secure and performant
|
</div>
|
||||||
microservices using Node.js and Rust</p>
|
|
||||||
<p>With a knack for building event-driven architectures, I balance coding with more coding
|
<div class="text-slate-300">
|
||||||
and find peace in a sip of tequila and a fire.</p>
|
<p>Software engineer & entrepreneur, building innovative utility apps under my organization Klectr. Focused on
|
||||||
<p>In a nutshell, C + N + F = @tristonarmstrong</p>
|
creating tools that simplify daily life.</p>
|
||||||
|
<br>
|
||||||
|
<p>With expertise in TypeScript, Rust, and Python, I continuously improve skills and tackle new challenges.
|
||||||
|
Passionate about gaming, family, and tech adventures.</p>
|
||||||
|
<br>
|
||||||
|
<p>Striving to deliver high-quality work and build meaningful relationships, I bring dedication, creativity, and
|
||||||
|
reliability to all aspects of my life.</p>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<p>In a nutshell, ☕️ + 👨🏻💻 + 🪵 = @tristonarmstrong</p>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<!-- ______________________________________________________________ -->
|
||||||
<ul>
|
<footer class="flex gap-2 mt-6 text-slate-400 hover:text-slate-600">
|
||||||
<li>Peerlist</li>
|
<a class="flex gap-1 items-center hover:text-[#ffce00]"><svg xmlns="http://www.w3.org/2000/svg" width="18"
|
||||||
<li>Blog</li>
|
height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||||||
<li>About Me</li>
|
stroke-linejoin="round" class="lucide lucide-arrow-up-right">
|
||||||
</ul>
|
<path d="M7 7h10v10" />
|
||||||
|
<path d="M7 17 17 7" />
|
||||||
|
</svg> Peerlist</a>
|
||||||
|
<a class="flex gap-1 items-center hover:text-[#ffce00]"><svg xmlns="http://www.w3.org/2000/svg" width="18"
|
||||||
|
height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||||||
|
stroke-linejoin="round" class="lucide lucide-arrow-up-right">
|
||||||
|
<path d="M7 7h10v10" />
|
||||||
|
<path d="M7 17 17 7" />
|
||||||
|
</svg> Blog</a>
|
||||||
|
<a class="flex gap-1 items-center hover:text-[#ffce00]"><svg xmlns="http://www.w3.org/2000/svg" width="18"
|
||||||
|
height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||||||
|
stroke-linejoin="round" class="lucide lucide-arrow-up-right">
|
||||||
|
<path d="M7 7h10v10" />
|
||||||
|
<path d="M7 17 17 7" />
|
||||||
|
</svg> About Me</a>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
1
site.webmanifest
Normal file
1
site.webmanifest
Normal file
@ -0,0 +1 @@
|
|||||||
|
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||||
Loading…
Reference in New Issue
Block a user