commit f2bac5667bb377f3ce8979a2d8762351c4ad389c Author: Grayson Riffe Date: Mon Jul 25 00:17:03 2022 -0500 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..062340d --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +manual/ +*.zip \ No newline at end of file diff --git a/about/aboutbackground.jpg b/about/aboutbackground.jpg new file mode 100644 index 0000000..1b8ad0d Binary files /dev/null and b/about/aboutbackground.jpg differ diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..2a3426e --- /dev/null +++ b/about/index.html @@ -0,0 +1,65 @@ + + + + + + + + Grayson Riffe + + + + + + + + + + + +

+ +

About

+ I'm from Kennedale, a little suburb in the DFW area of Texas. It's here where I grew up and found my home in computer science. I wrote my first Java games and discovered the magic that is Stack Overflow here. In 2022, I graduated from high school and spent my last semester in my hometown, and now I'm in College Station studying what I love. + + My favorite music genre is hard rock/metal, and my all-time favorite band is Red. As a textbook 21st century young adult, my hobbies include playing video games such as Call of Duty, Paper Mario, and The Last of Us. They also include reading Wikipedia pages, eating Chick-fil-a and spending time with my girlfriend. +

Contact

+ If you wish to get in touch with me, the best way to do that would be to either send an me email or send a SMS to my number. Either way, I should be able to respond within 24 hours or so. +

Email - grayson@graysonriffe.com +
Phone Number - (817)-687-8255 +

+ +

+ + \ No newline at end of file diff --git a/background.png b/background.png new file mode 100644 index 0000000..96156bb Binary files /dev/null and b/background.png differ diff --git a/consola.ttf b/consola.ttf new file mode 100644 index 0000000..e881ca4 Binary files /dev/null and b/consola.ttf differ diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..69a7f9a Binary files /dev/null and b/favicon.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..763ac45 --- /dev/null +++ b/index.html @@ -0,0 +1,52 @@ + + + + + + + + Grayson Riffe + + + + + + + + + + + +

+ +

Grayson Riffe

+ Hello! My name is Grayson Riffe, and I am an engineering student at Texas A&M studying Computer Science. 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 Java, writing tiny games and programs 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 C++ on Windows and quickly fell in love with MSVC and Visual Studio. I'm mainly interested in compiled application development. +

What's on this website?

+ Mostly words, but it will eventually contain a portfolio which includes an in-development project of mine, a game engine I call Nothin' Fancy. +

+ +

+ + \ No newline at end of file diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..f809051 Binary files /dev/null and b/logo.png differ diff --git a/nf/favicon.png b/nf/favicon.png new file mode 100644 index 0000000..5691d1b Binary files /dev/null and b/nf/favicon.png differ diff --git a/nf/index.html b/nf/index.html new file mode 100644 index 0000000..e6287ab --- /dev/null +++ b/nf/index.html @@ -0,0 +1,66 @@ + + + + + + + + Nothin' Fancy + + + + + + + + + + + +

+ +

Nothin' Fancy

+ Nothin' Fancy (or NF) is a closed-source and in-development game engine / visualizer for Windows built with MSVC. It has two revisions. I ultimately want to use my engine to create a game I can release on Steam for free. +

Revision 1

+ The first revision was developed in 2021 as an experimental project for learning. It has a number of cool features including an asset system complete with model cooking, an easy way to create a UI, material texture support including normal maps, and even a physics engine, but it is still missing a number of important features. + + I worked on this project during my senior year of high school, and it is the result of about 4 months of constant work. You can download the last version here and read the manual online here. +

Revision 2

+ A second revision was needed after I realized how much I could improve my first revision using everything I had learned along the way. + + This project is still in development, but I plan to include every feature present in the first revision along with other notable features such as networking and Steamworks API integration. It will also include major internal changes such as the switch from OpenGL to DirectX 11. + + This section will be updated when it is available to download. +

+ +

+ + \ No newline at end of file diff --git a/nf/nfbackground.png b/nf/nfbackground.png new file mode 100644 index 0000000..e6fa550 Binary files /dev/null and b/nf/nfbackground.png differ diff --git a/nf/nflogo.png b/nf/nflogo.png new file mode 100644 index 0000000..765225e Binary files /dev/null and b/nf/nflogo.png differ diff --git a/portrait.jpg b/portrait.jpg new file mode 100644 index 0000000..c4405db Binary files /dev/null and b/portrait.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..bb8df86 --- /dev/null +++ b/style.css @@ -0,0 +1,272 @@ +* { + margin: 0; + padding: 0; +} + +@font-face { + font-family: "Consolas Custom"; + src: url('consola.ttf') format('truetype'); +} + +body { + font-family: "Consolas Custom"; + +} + +.background { + background-image: var(--background); + background-size: cover; + background-position: center; + filter: blur(2px); + height: 100vh; + width: 100%; + position: fixed; + top: 0; + left: 0; + + opacity: 0; + animation: main-animation 500ms ease-in-out 300ms; + animation-fill-mode: forwards; + + z-index: -1; +} + +.background.out { + opacity: 1; + animation: main-animation-out 500ms ease-in-out; + animation-fill-mode: forwards; +} + +header { + background-color: var(--headercolor); + color: white; + position: fixed; + top: 0; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + + transform: translateY(-100%); + animation: nav-animation 500ms cubic-bezier(0.42, 0, 0.13, 1.04); + animation-fill-mode: forwards; + z-index: 100; +} + +header.out { + transform: translateY(0%); + animation: nav-animation-out 500ms ease-in-out; + animation-fill-mode: forwards; +} + +.logo { + height: 100%; + aspect-ratio: 1; + position: absolute; + left: 1em; +} + +img { + width: 100%; + height: 100%; +} + +nav { + background-color: #FFFFFF77; + border-radius: 1em; + width: max-content; + margin: .5em; + color: black; +} + +nav ul { + display: flex; + justify-content: center; +} + +nav a { + color: inherit; + text-decoration: none; + font-weight: bold; + font-size: 1.2em; + text-align: center; + margin: 0.5em 1em; + display: flex; + align-items: center; +} + +nav li { + list-style: none; + padding: 10px; + pointer-events: none; +} + +nav li:not(.selectedpage):hover { + background-color: #FFFFFF44; + border-radius: 5px; +} + +.selectedpage { + background-color: grey; + border-radius: .5em; +} + +main { + margin: 0 auto; + margin-top: 7em; + margin-bottom: 3em; + width: 80%; + background-color: var(--maincolor); + padding: 1em; + padding-bottom: 0; + border-radius: 10px; + overflow: hidden; + + opacity: 0; + animation: main-animation 500ms ease-in-out 500ms; + animation-fill-mode: forwards; +} + +main.out { + opacity: 1; + animation: main-animation-out 500ms ease-in-out; + animation-fill-mode: forwards; +} + +.centeredimage { + margin: auto; + width: clamp(100px, 300px, 70%); +} + +.portrait { + width: 300px; + float: right; + margin: 0.5em; +} + +.portrait img, +.centeredportrait img { + box-sizing: border-box; + border: 0.5em black solid; + border-radius: 10% 30%; +} + +.centeredportrait { + display: none; + width: 70%; + margin: 0 auto; +} + +article { + background-color: var(--articlecolor); + border: 0.2em solid black; + border-radius: 10px; + padding: 1em; + overflow: hidden; + position: relative; +} + +.space { + padding: 1em; +} + +h1 { + font-size: 3em; + margin-bottom: 0.2em; +} + +p { + font-size: 1.2em; + white-space: pre-line; +} + +.contact { + width: max-content; + padding: 0 2em; + font-size: 1.2em; +} + +.keyword1 { + color: orange; + background: none; +} + +.keyword2 { + color: rgb(255, 234, 43); + background: none; +} + +.keyword3 { + color: rgb(155, 230, 126); + background: none; +} + +footer { + text-align: center; + font-size: 1.2em; + margin: 0.5em; +} + +@keyframes nav-animation { + 0% { + transform: translateY(-100%); + } + + 100% { + transform: translateY(0); + } +} + +@keyframes main-animation { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes nav-animation-out { + 0% { + transform: translateY(0); + } + + 100% { + transform: translateY(-100%); + } +} + +@keyframes main-animation-out { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@media screen and (max-width: 750px) { + + nav a { + font-size: 3vw; + } + + .logo { + display: none; + } + + main { + margin-top: 6em; + font-size: 3vw; + } + + .portrait { + display: none; + } + + .centeredportrait { + display: block; + } +} \ No newline at end of file diff --git a/transitions.js b/transitions.js new file mode 100644 index 0000000..a02512e --- /dev/null +++ b/transitions.js @@ -0,0 +1,28 @@ +window.onload = () => { + const anchors = document.querySelectorAll('a'); + const trans1 = document.querySelector('header'); + const trans2 = document.querySelector('.background'); + const trans3 = document.querySelector('main'); + + for (let i = 0; i < anchors.length; i++) { + const anchor = anchors[i]; + + if(anchor.classList.contains("notransition")) + return; + + anchor.addEventListener('click', e => { + e.preventDefault(); + let target = e.target.href; + if (target[target.length - 1] == '#') + return; + + trans1.classList.add('out'); + trans2.classList.add('out'); + trans3.classList.add('out'); + + setTimeout(() => { + window.location.href = target; + }, 500); + }); + } +} \ No newline at end of file