grayson/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add mainspring

Browse Source
This commit is contained in:
Grayson Riffe 2025-01-21 19:14:31 -06:00
parent 4403ca9cdc
commit d5051e2dcc
11 changed files with 80 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
about/index.html
View File

@ -29,6 +29,7 @@
<div class="dropdown">
<div><a href="/nf/">Nothin' Fancy</a></div>
<div><a href="/winchat/">WinChat</a></div>
<div><a href="/mainspring/">Mainspring</a></div>
</div>
</div>
<div><a href="/resume/" class="notransition">Resume</a></div>

1
index.html
View File

@ -29,6 +29,7 @@
<div class="dropdown">
<div><a href="/nf/">Nothin' Fancy</a></div>
<div><a href="/winchat/">WinChat</a></div>
<div><a href="/mainspring/">Mainspring</a></div>
</div>
</div>
<div><a href="/resume/" class="notransition">Resume</a></div>

BIN
mainspring/Mainspring.zip Normal file
View File

Binary file not shown.

66
mainspring/index.html Normal file
View File

@ -0,0 +1,66 @@
<!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>Mainspring - Grayson Riffe</title>
<meta name="author" content="Grayson Riffe">
<meta name="description" content="A simple timekeeper">
<meta name="theme-color" content="#00a516">
<meta name="og:image" content="/mainspring/mslogo.png">
<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(--msheadercolor); --maincolor: #00a516aa; --articlecolor: #21a733de;">
<div class="background" style="--background: url('/mainspring/msbackground.jpg');"></div>
<header>
<div class="logo">
<img src="/logo.png" alt="Grayson Riffe">
</div>
<nav>
<div><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 class="selectedpage"><a href="#">Mainspring</a></div>
</div>
</div>
<div><a href="/resume/" class="notransition">Resume</a></div>
<div><a href="/about/">About</a></div>
</nav>
</header>
<main>
<div class="centeredimage">
<img src="mslogo.png" alt="Mainspring Logo">
</div>
<article>
<h1>Mainspring</h1>
<p>
Mainspring is a simple timekeeper.
</p>
<div class="mainimage">
<img src="screenshot.png" alt="Mainspring screenshot">
</div>
<p>
This was created to keep track of the time spent on other projects easily. It can be used as a simple stopwatch, but if the time is saved to a file, it can be loaded and subsequent sessions will add to that time. Mainspring will also autosave your times.
You can download the current version (1.0.0) <a href="Mainspring.zip" class="notransition">here</a>.
The source can be found <a href="https://git.graysonriffe.com/grayson/Mainspring" class="notransition">here</a>.
</p>
</article>
<footer>
Copyright 2025 Grayson Riffe
</footer>
</main>
</body>
</html>

BIN
mainspring/msbackground.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 461 KiB

BIN
mainspring/mslogo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
mainspring/screenshot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

5
nf/index.html
View File

@ -29,6 +29,7 @@
<div class="dropdown">
<div class="selectedpage"><a href="#">Nothin' Fancy</a></div>
<div><a href="/winchat/">WinChat</a></div>
<div><a href="/mainspring/">Mainspring</a></div>
</div>
</div>
<div><a href="/resume/" class="notransition">Resume</a></div>
@ -43,7 +44,7 @@
<article>
<h1>Nothin' Fancy</h1>
<p>
Nothin' Fancy (NF) is a 3D game engine for Windows built with C++. I ultimately want to use my engine to create a game I can release on Steam for free.
Nothin' Fancy (NF) is a 3D game engine built with C++. I ultimately want to use my engine to create a game I can release on Steam for free.
</p>
<iframe src="https://www.youtube.com/embed/dBOrF2czhnI?si=A9Tyv7lFsb-Y59T4&amp;start=20&amp;mute=1&amp;playlist=dBOrF2czhnI&amp;loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen autoplay muted></iframe>
<p>
@ -51,7 +52,7 @@
I worked on this project during my senior year of high school, and it is the result of about 4 months of constant work.
The source of this original version can be found <a href="https://git.graysonriffe.com/graysonriffe/NFRev1" class="notransition">here</a>.
The source of this original version can be found <a href="https://git.graysonriffe.com/grayson/NFRev1" class="notransition">here</a>.
</p>
</article>
<div class="space"></div>

3
style.css
View File

@ -2,6 +2,7 @@
--indexheadercolor: #7595ff;
--nfheadercolor: #d0c000;
--wcheadercolor: #21b9ff;
--msheadercolor: #00a516;
--aboutheadercolor: #ff3535;
--targetheadercolor: #ffffff;
@ -114,7 +115,7 @@ div.dropdown {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 20%);
transform: translate(-50%,13%);
background-color: var(--headercolor);
box-sizing: border-box;

2
transitions.js
View File

@ -20,6 +20,8 @@ window.onload = () => {
document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--nfheadercolor'))
} else if (dest.includes('winchat')) {
document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--wcheadercolor'))
} else if (dest.includes('mainspring')) {
document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--msheadercolor'))
} else if (dest.includes('about')) {
document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--aboutheadercolor'))
} else {

9
winchat/index.html
View File

@ -9,7 +9,7 @@
<meta name="author" content="Grayson Riffe">
<meta name="description" content="A simple Windows chat app">
<meta name="theme-color" content="#21b9ff">
<meta name="og:image" content="/wc/wclogo.png">
<meta name="og:image" content="/winchat/wclogo.png">
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="stylesheet" href="/style.css">
@ -29,6 +29,7 @@
<div class="dropdown">
<div><a href="/nf/">Nothin' Fancy</a></div>
<div class="selectedpage"><a href="#">WinChat</a></div>
<div><a href="/mainspring/">Mainspring</a></div>
</div>
</div>
<div><a href="/resume/" class="notransition">Resume</a></div>
@ -43,18 +44,18 @@
<article>
<h1>WinChat</h1>
<p>
WinChat is a simple chat application for Windows.
WinChat is a simple instant messaging app.
</p>
<div class="mainimage">
<img src="screenshot.png" alt="Engine Logo">
<img src="screenshot.png" alt="WinChat screenshot">
</div>
<p>
I started this project to get a grasp of the network programming I would need to know if I were to add multiplayer support to Nothin' Fancy. The application has few features, but everything is done at a low level, only using old Win32 APIs to get the job done.
You can download the current version (1.0.0) <a href="WinChat.zip" class="notransition">here</a>.
The source can be found <a href="https://git.graysonriffe.com/graysonriffe/WinChat" class="notransition">here</a>.
The source can be found <a href="https://git.graysonriffe.com/grayson/WinChat" class="notransition">here</a>.
</p>
</article>
<footer>