Website/index.html

62 lines
2.8 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: var(--indexheadercolor); --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>
<div class="selectedpage"><a href="#">Home</a></div>
<div class="dropdown-container"><a href="#">Portfolio</a>
<div class="dropdown">
<div><a href="/nf/">Nothin' Fancy</a></div>
<div><a href="/winchat/">WinChat</a></div>
</div>
</div>
<div><a href="/resume/" class="notransition">Resume</a></div>
<div><a href="/about/">About</a></div>
</nav>
</header>
<main>
<article>
<h1>Grayson Riffe</h1>
<p>
Hello! My name is Grayson Riffe, and I am an undergraduate at Texas A&M majoring in Electronic Systems Engineering Technology and minoring in Cybersecurity.
Ever since I can remember, I've been interested in electronics, espcecially computers, and how to tell them what to do. I started my technical journey in 5th grade with learning Java programming. To truly understand what I was learning, I wrote tiny games such as tic-tac-toe, a number guessing game, and "Button Clicker" (a very bad knockoff of Cookie Clicker). As I started to get more competent, I then started looking into C++ on Windows with MSVC and Visual Studio. I have a strong background with compiled application development.
</p>
</article>
<div class="space"></div>
<article>
<h2>What's on this website?</h2>
<p>
At the top of this page, you can find links to a few of my past and present computer science projects. These are hosted at <a href="https://git.graysonriffe.com" class="notransition">git.graysonriffe.com</a>.
I also have a link to my current resume as well as a short biography and contact information on the About page.
</p>
</article>
<footer>
Copyright 2024 Grayson Riffe
</footer>
</main>
</body>
</html>