Add mainspring
This commit is contained in:
		
							parent
							
								
									4403ca9cdc
								
							
						
					
					
						commit
						d5051e2dcc
					
				| @ -29,6 +29,7 @@ | |||||||
|                 <div class="dropdown"> |                 <div class="dropdown"> | ||||||
|                     <div><a href="/nf/">Nothin' Fancy</a></div> |                     <div><a href="/nf/">Nothin' Fancy</a></div> | ||||||
|                     <div><a href="/winchat/">WinChat</a></div> |                     <div><a href="/winchat/">WinChat</a></div> | ||||||
|  |                     <div><a href="/mainspring/">Mainspring</a></div> | ||||||
|                 </div> |                 </div> | ||||||
|             </div> |             </div> | ||||||
|             <div><a href="/resume/" class="notransition">Resume</a></div> |             <div><a href="/resume/" class="notransition">Resume</a></div> | ||||||
|  | |||||||
| @ -29,6 +29,7 @@ | |||||||
|                 <div class="dropdown"> |                 <div class="dropdown"> | ||||||
|                     <div><a href="/nf/">Nothin' Fancy</a></div> |                     <div><a href="/nf/">Nothin' Fancy</a></div> | ||||||
|                     <div><a href="/winchat/">WinChat</a></div> |                     <div><a href="/winchat/">WinChat</a></div> | ||||||
|  |                     <div><a href="/mainspring/">Mainspring</a></div> | ||||||
|                 </div> |                 </div> | ||||||
|             </div> |             </div> | ||||||
|             <div><a href="/resume/" class="notransition">Resume</a></div> |             <div><a href="/resume/" class="notransition">Resume</a></div> | ||||||
|  | |||||||
							
								
								
									
										
											BIN
										
									
								
								mainspring/Mainspring.zip
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								mainspring/Mainspring.zip
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										66
									
								
								mainspring/index.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										66
									
								
								mainspring/index.html
									
									
									
									
									
										Normal 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
									
								
							
							
						
						
									
										
											BIN
										
									
								
								mainspring/msbackground.jpg
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 461 KiB | 
							
								
								
									
										
											BIN
										
									
								
								mainspring/mslogo.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								mainspring/mslogo.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 3.7 KiB | 
							
								
								
									
										
											BIN
										
									
								
								mainspring/screenshot.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								mainspring/screenshot.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 7.5 KiB | 
| @ -29,6 +29,7 @@ | |||||||
|                 <div class="dropdown"> |                 <div class="dropdown"> | ||||||
|                     <div class="selectedpage"><a href="#">Nothin' Fancy</a></div> |                     <div class="selectedpage"><a href="#">Nothin' Fancy</a></div> | ||||||
|                     <div><a href="/winchat/">WinChat</a></div> |                     <div><a href="/winchat/">WinChat</a></div> | ||||||
|  |                     <div><a href="/mainspring/">Mainspring</a></div> | ||||||
|                 </div> |                 </div> | ||||||
|             </div> |             </div> | ||||||
|             <div><a href="/resume/" class="notransition">Resume</a></div> |             <div><a href="/resume/" class="notransition">Resume</a></div> | ||||||
| @ -43,7 +44,7 @@ | |||||||
|         <article> |         <article> | ||||||
|             <h1>Nothin' Fancy</h1> |             <h1>Nothin' Fancy</h1> | ||||||
|             <p> |             <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> |             </p> | ||||||
|             <iframe src="https://www.youtube.com/embed/dBOrF2czhnI?si=A9Tyv7lFsb-Y59T4&start=20&mute=1&playlist=dBOrF2czhnI&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> |             <iframe src="https://www.youtube.com/embed/dBOrF2czhnI?si=A9Tyv7lFsb-Y59T4&start=20&mute=1&playlist=dBOrF2czhnI&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> |             <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. |                 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> |             </p> | ||||||
|         </article> |         </article> | ||||||
|         <div class="space"></div> |         <div class="space"></div> | ||||||
|  | |||||||
| @ -2,6 +2,7 @@ | |||||||
|     --indexheadercolor: #7595ff; |     --indexheadercolor: #7595ff; | ||||||
|     --nfheadercolor: #d0c000; |     --nfheadercolor: #d0c000; | ||||||
|     --wcheadercolor: #21b9ff; |     --wcheadercolor: #21b9ff; | ||||||
|  |     --msheadercolor: #00a516; | ||||||
|     --aboutheadercolor: #ff3535; |     --aboutheadercolor: #ff3535; | ||||||
| 
 | 
 | ||||||
|     --targetheadercolor: #ffffff; |     --targetheadercolor: #ffffff; | ||||||
| @ -114,7 +115,7 @@ div.dropdown { | |||||||
|     position: absolute; |     position: absolute; | ||||||
|     top: 50%; |     top: 50%; | ||||||
|     left: 50%; |     left: 50%; | ||||||
|     transform: translate(-50%, 20%); |     transform: translate(-50%,13%); | ||||||
|     background-color: var(--headercolor); |     background-color: var(--headercolor); | ||||||
| 
 | 
 | ||||||
|     box-sizing: border-box; |     box-sizing: border-box; | ||||||
|  | |||||||
| @ -20,6 +20,8 @@ window.onload = () => { | |||||||
|                 document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--nfheadercolor')) |                 document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--nfheadercolor')) | ||||||
|             } else if (dest.includes('winchat')) { |             } else if (dest.includes('winchat')) { | ||||||
|                 document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--wcheadercolor')) |                 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')) { |             } else if (dest.includes('about')) { | ||||||
|                 document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--aboutheadercolor')) |                 document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--aboutheadercolor')) | ||||||
|             } else { |             } else { | ||||||
|  | |||||||
| @ -9,7 +9,7 @@ | |||||||
|     <meta name="author" content="Grayson Riffe"> |     <meta name="author" content="Grayson Riffe"> | ||||||
|     <meta name="description" content="A simple Windows chat app"> |     <meta name="description" content="A simple Windows chat app"> | ||||||
|     <meta name="theme-color" content="#21b9ff"> |     <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="icon" href="/favicon.png" type="image/png"> | ||||||
|     <link rel="stylesheet" href="/style.css"> |     <link rel="stylesheet" href="/style.css"> | ||||||
| @ -29,6 +29,7 @@ | |||||||
|                 <div class="dropdown"> |                 <div class="dropdown"> | ||||||
|                     <div><a href="/nf/">Nothin' Fancy</a></div> |                     <div><a href="/nf/">Nothin' Fancy</a></div> | ||||||
|                     <div class="selectedpage"><a href="#">WinChat</a></div> |                     <div class="selectedpage"><a href="#">WinChat</a></div> | ||||||
|  |                     <div><a href="/mainspring/">Mainspring</a></div> | ||||||
|                 </div> |                 </div> | ||||||
|             </div> |             </div> | ||||||
|             <div><a href="/resume/" class="notransition">Resume</a></div> |             <div><a href="/resume/" class="notransition">Resume</a></div> | ||||||
| @ -43,18 +44,18 @@ | |||||||
|         <article> |         <article> | ||||||
|             <h1>WinChat</h1> |             <h1>WinChat</h1> | ||||||
|             <p> |             <p> | ||||||
|                 WinChat is a simple chat application for Windows. |                 WinChat is a simple instant messaging app. | ||||||
| 
 | 
 | ||||||
|             </p> |             </p> | ||||||
|             <div class="mainimage"> |             <div class="mainimage"> | ||||||
|                 <img src="screenshot.png" alt="Engine Logo"> |                 <img src="screenshot.png" alt="WinChat screenshot"> | ||||||
|             </div> |             </div> | ||||||
|             <p> |             <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. |                 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>. |                 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> |             </p> | ||||||
|         </article> |         </article> | ||||||
|         <footer> |         <footer> | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user