<!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>