Website/index.html
2022-07-25 00:19:55 -05:00

52 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grayson Riffe</title>
<meta name="author" content="Grayson Riffe">
<meta name="description" content="Grayson Riffe's Portfolio Website">
<meta name="theme-color" content="#7595ff">
<meta name="og:image" content="/portrait.jpg">
<link rel="icon" href="favicon.png" type="image/png">
<link rel="stylesheet" href="style.css">
<script src="transitions.js" defer></script>
</head>
<body style="--headercolor: #7595ff; --maincolor: #a1cdffaa; --articlecolor: #558bc999;">
<div class="background" style="--background: url('/background.png');"></div>
<header>
<div class="logo">
<img src="logo.png" alt="Grayson Riffe">
</div>
<nav>
<ul>
<a href="#"><li class="selectedpage">Home</li></a>
<a href="nf"><li>Nothin' Fancy</li></a>
<a href="about"><li>About</li></a>
</ul>
</nav>
</header>
<main>
<article>
<h1>Grayson Riffe</h1>
<p>
Hello! My name is Grayson Riffe, and I am an engineering student at Texas A&M studying <mark class="keyword1">Computer Science</mark>. Ever since I can remember, I've been interested in computers and how to tell them what to do. I started my programming journey in 5th grade with <mark class="keyword2">Java</mark>, writing tiny games such as tic-tac-toe, a number guessing game, and "Button Clicker" (a very bad knockoff of Cookie Clicker with only two buyable things). As I started to get more competent, I then started looking into <mark class="keyword2">C++</mark> on Windows and quickly fell in love with <mark class="keyword3">MSVC</mark> and <mark class="keyword3">Visual Studio</mark>. I'm mainly interested in <mark class="keyword1">compiled application development</mark>.
</p>
<div class="space"></div>
<h2>What's on this website?</h2>
<p>
Mostly words, but it will eventually contain a portfolio which includes an in-development project of mine, a <mark class="keyword1">game engine</mark> I call <mark class="keyword2">Nothin' Fancy</mark>.
</p>
</article>
<footer>
Copyright 2022 Grayson Riffe
</footer>
</main>
</body>
</html>