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

Add WinChat

Browse Source
This commit is contained in:
Grayson Riffe 2023-09-05 17:51:04 -05:00
parent 7c572f46b0
commit b0003260a6
11 changed files with 75 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
about/index.html
View File

@ -28,6 +28,7 @@
<div class="dropdown-container"><a href="#">Portfolio</a> <div class="dropdown-container"><a href="#">Portfolio</a>
<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> </div>
</div> </div>
<div><a href="/resume/" class="notransition">Resume</a></div> <div><a href="/resume/" class="notransition">Resume</a></div>

7
index.html
View File

@ -12,22 +12,23 @@
<meta name="og:image" content="/portrait.jpg"> <meta name="og:image" content="/portrait.jpg">
<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">
<script src="transitions.js" defer></script> <script src="/transitions.js" defer></script>
</head> </head>
<body style="--headercolor: var(--indexheadercolor); --maincolor: #a1cdffaa; --articlecolor: #558bc999;"> <body style="--headercolor: var(--indexheadercolor); --maincolor: #a1cdffaa; --articlecolor: #558bc999;">
<div class="background" style="--background: url('/background.png');"></div> <div class="background" style="--background: url('/background.png');"></div>
<header> <header>
<div class="logo"> <div class="logo">
<img src="logo.png" alt="Grayson Riffe"> <img src="/logo.png" alt="Grayson Riffe">
</div> </div>
<nav> <nav>
<div class="selectedpage"><a href="#">Home</a></div> <div class="selectedpage"><a href="#">Home</a></div>
<div class="dropdown-container"><a href="#">Portfolio</a> <div class="dropdown-container"><a href="#">Portfolio</a>
<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> </div>
</div> </div>
<div><a href="/resume/" class="notransition">Resume</a></div> <div><a href="/resume/" class="notransition">Resume</a></div>

12
nf/index.html
View File

@ -7,9 +7,9 @@
<title>Nothin' Fancy</title> <title>Nothin' Fancy</title>
<meta name="author" content="Grayson Riffe"> <meta name="author" content="Grayson Riffe">
<meta name="description" content="Grayson Riffe's Portfolio Website"> <meta name="description" content="3D game engine">
<meta name="theme-color" content="#d0c000"> <meta name="theme-color" content="#d0c000">
<meta name="og:image" content="nflogo.png"> <meta name="og:image" content="/nf/nflogo.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">
@ -17,7 +17,7 @@
<script src="/transitions.js" defer></script> <script src="/transitions.js" defer></script>
</head> </head>
<body style="--headercolor: var(--nfheadercolor); --maincolor: #ebdd4daa; --articlecolor: #c2b52999;"> <body style="--headercolor: var(--nfheadercolor); --maincolor: #ebdd4daa; --articlecolor: #c2b52999;">
<div class="background" style="--background: url('/nf/nfbackground.png');"></div> <div class="background" style="--background: url('/nf/nfbackground.jpg');"></div>
<header> <header>
<div class="logo"> <div class="logo">
@ -28,6 +28,7 @@
<div class="dropdown-container"><a href="#">Portfolio</a> <div class="dropdown-container"><a href="#">Portfolio</a>
<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> </div>
</div> </div>
<div><a href="/resume/" class="notransition">Resume</a></div> <div><a href="/resume/" class="notransition">Resume</a></div>
@ -42,7 +43,7 @@
<article> <article>
<h1>Nothin' Fancy</h1> <h1>Nothin' Fancy</h1>
<p> <p>
Nothin' Fancy (or NF) is a closed-source and in-development game engine / visualizer for Windows built with MSVC. I ultimately want to use my engine to create a game I can release on Steam for free. Nothin' Fancy (or NF) is a 3D game engine / visualizer for Windows built with MSVC. I ultimately want to use my engine to create a game I can release on Steam for free.
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. 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.
@ -59,7 +60,8 @@
This project is still in development, and I plan to include notable features such as networking and Steam API integration. It runs with Direct3D 11 and 90% of everything is written by me. This project is still in development, and I plan to include notable features such as networking and Steam API integration. It runs with Direct3D 11 and 90% of everything is written by me.
This section will be updated when it is available to download. This section will be updated when a version is available to download.
The source is on GitHub <a href="https://github.com/graysonriffe/NothinFancy" class="notransition">here</a> (look under the develop branch).
</p> </p>
</article> </article>
<footer> <footer>

BIN
nf/nfbackground.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 646 KiB

BIN
nf/nfbackground.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 MiB

12
style.css
View File

@ -1,6 +1,7 @@
:root { :root {
--indexheadercolor: #7595ff; --indexheadercolor: #7595ff;
--nfheadercolor: #d0c000; --nfheadercolor: #d0c000;
--wcheadercolor: #21b9ff;
--aboutheadercolor: #ff3535; --aboutheadercolor: #ff3535;
--targetheadercolor: #ffffff; --targetheadercolor: #ffffff;
@ -85,7 +86,7 @@ nav>div {
border-radius: 0.5em; border-radius: 0.5em;
} }
nav>div>a { nav div a {
display: block; display: block;
padding: 0.5em; padding: 0.5em;
font-weight: bold; font-weight: bold;
@ -126,18 +127,9 @@ div.dropdown {
div.dropdown div { div.dropdown div {
margin: 0.2em; margin: 0.2em;
padding: 0.5em;
border-radius: 0.5em; border-radius: 0.5em;
} }
div.dropdown div a {
font-weight: bold;
font-size: 1.2em;
text-decoration: none;
white-space: nowrap;
color: inherit;
}
div.dropdown-container:hover div.dropdown { div.dropdown-container:hover div.dropdown {
display: flex; display: flex;
} }

2
transitions.js
View File

@ -18,6 +18,8 @@ window.onload = () => {
if (dest.includes('nf')) { if (dest.includes('nf')) {
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')) {
document.documentElement.style.setProperty('--targetheadercolor', getComputedStyle(document.documentElement).getPropertyValue('--wcheadercolor'))
} 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 {

BIN
winchat/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

59
winchat/index.html Normal file
View File

@ -0,0 +1,59 @@
<!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>WinChat</title>
<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">
<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(--wcheadercolor); --maincolor: #00d9ffaa; --articlecolor: #21f0ff99;">
<div class="background" style="--background: url('/winchat/wcbackground.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 class="selectedpage"><a href="#">WinChat</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="wclogo.png" alt="WinChat Logo">
</div>
<article>
<h1>WinChat</h1>
<p>
WinChat is a simple chat application for Windows (hence the name).
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.
This section will be updated when a version is available to download.
The source is on GitHub <a href="https://github.com/graysonriffe/WinChat" class="notransition">here</a> (look under the develop branch).
</p>
</article>
<footer>
Copyright 2023 Grayson Riffe
</footer>
</main>
</body>
</html>

BIN
winchat/wcbackground.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 330 KiB

BIN
winchat/wclogo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB