kforney/kforney.github.io
1
0
Fork 0
mirror of https://github.com/kforney/kforney.github.io.git synced 2024-11-14 19:10:10 -07:00
Code Issues Projects Releases Packages Wiki Activity

Formatting fixes, and add another game.

Browse source
This commit is contained in:
Kaj Forney 2023-02-21 16:59:51 -07:00
parent 804a75a370
commit 22ee073be7
Signed by: kforney
GPG key ID: 3AB4E2E04CEF656F
2 changed files with 270 additions and 230 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
css/main.css
View file

@ -115,31 +115,31 @@ a {
} }
h1 { h1 {
font-family: VT323; font-family: VT323;
font-size: 64px; font-size: 64px;
color: #FFBC42; color: #FFBC42;
text-align: center; text-align: center;
} }
h2{ h2 {
font-family: Oswald; font-family: Oswald;
font-size: 64px; font-size: 64px;
color: #78a1bb; color: #78a1bb;
text-align: center; text-align: center;
} }
h5 { h5 {
font-family: 'IBM Plex Mono', monospace; font-family: 'IBM Plex Mono', monospace;
font-size: 28px; font-size: 28px;
color: #78a1bb; color: #78a1bb;
text-align: center; text-align: center;
} }
p { p {
font-family: 'IBM Plex Sans', sans-serif; font-family: 'IBM Plex Sans', sans-serif;
font-size: 20px; font-size: 20px;
color: #78a1bb; color: #78a1bb;
text-align: center; text-align: center;
} }
hr { hr {
@ -149,17 +149,15 @@ hr {
margin-right: auto; margin-right: auto;
} }
iframe[src*=youtube] iframe[src*=youtube] {
{
text-align: center; text-align: center;
display: block; display: block;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
max-width:80%; max-width: 80%;
} }
iframe[src*=itch] iframe[src*=itch] {
{
text-align: center; text-align: center;
display: block; display: block;
margin-right: auto; margin-right: auto;
@ -196,7 +194,7 @@ iframe[src*=itch]
.navbar-logo { .navbar-logo {
max-height: 50px; max-height: 50px;
padding-right: 15px; padding-right: 15px;
padding-left:15px; padding-left: 15px;
padding-bottom: 6px; padding-bottom: 6px;
} }
@ -223,7 +221,7 @@ iframe[src*=itch]
text-shadow: #B17300 2px 2px 3px; text-shadow: #B17300 2px 2px 3px;
} }
.dropdown-menu{ .dropdown-menu {
background-color: RGBA(22, 26, 37, 70%); background-color: RGBA(22, 26, 37, 70%);
box-shadow: #B17300 0px 0px 20px; box-shadow: #B17300 0px 0px 20px;
} }
@ -233,7 +231,7 @@ iframe[src*=itch]
font-family: "IBM Plex Mono", monospace; font-family: "IBM Plex Mono", monospace;
} }
.dropdown-item:hover{ .dropdown-item:hover {
background-color: #78a1bb; background-color: #78a1bb;
} }
@ -247,17 +245,26 @@ iframe[src*=itch]
text-shadow: #ffbc42 1px 1px 2px; text-shadow: #ffbc42 1px 1px 2px;
} }
.section-title{ .section-title {
padding-top: 5px; padding-top: 5px;
padding-bottom: 10px; padding-bottom: 10px;
text-shadow: #B17300 3px 3px 3px; text-shadow: #B17300 3px 3px 3px;
} }
.game-link {
text-decoration: none;
color: #78a1bb;
}
.game-link:hover {
color: #FFBC42;
text-shadow: #78a1bb 3px 3px 3px;
}
.youtube-container { .youtube-container {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
max-height: 60%;
padding-top: 50.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ padding-top: 50.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
} }
@ -268,7 +275,7 @@ iframe[src*=itch]
bottom: 0; bottom: 0;
right: 0; right: 0;
width: 100%; width: 100%;
height: 80%; height: 100%;
border-radius: 40px; border-radius: 40px;
} }
@ -335,7 +342,7 @@ iframe[src*=itch]
.hidden, .hidden,
[hidden] { [hidden] {
display: none !important; display: none !important;
} }
/* /*
@ -418,9 +425,9 @@ display: none !important;
} }
@media print, @media print,
(-webkit-min-device-pixel-ratio: 1.25), (-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx), (min-resolution: 1.25dppx),
(min-resolution: 120dpi) { (min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */ /* Style adjustments for high resolution devices */
} }

55
index.html
View file

@ -98,9 +98,11 @@
<div class="row"> <div class="row">
<div class="col-sm-4"> <div class="col-sm-4">
<h2>The Climb</h2> <h2>
<a class="game-link" href="https://lunarpenguin.itch.io/the-climb">The Climb</a>
</h2>
<hr/> <hr/>
<p>[2021]</p> <p>[2021, Win/Mac/Linux]</p>
</div> </div>
<div class="col-sm-8"> <div class="col-sm-8">
<p>The Climb is a small game I created in Unity, originally as part of my work in my GIMM 100 <p>The Climb is a small game I created in Unity, originally as part of my work in my GIMM 100
@ -130,6 +132,32 @@
</div> </div>
</div> </div>
<div class="container-md card mt-5">
<div class="card-body">
<div class="row mt-5">
<div class="col-sm-4">
<h2>
<a class="game-link" href="https://lunarpenguin.itch.io/last-minute">Last Minute</a>
</h2>
<hr/>
<p>[2020, Win/Mac/Linux]</p>
</div>
<div class="col-sm-8">
<p>This is a tiny game I made for a community game jam in 2020. I primarily made it to work on
learning the basics of the Godot Engine. Thus, it isn't the most polished game, but it's still
one I enjoyed making.</p>
</div>
<div class="mt-4"></div>
<div class="row mt-3">
<iframe src="https://itch.io/embed/689456?border_width=0&amp;bg_color=12161f&amp;fg_color=78a1bb&amp;link_color=ffbc42&amp;border_color=283044">
<a href="https://lunarpenguin.itch.io/last-minute">Last Minute by Lunar_Penguin</a></iframe>
</div>
</div>
</div>
</div>
</div> </div>
<div id="gamesHelped"></div> <div id="gamesHelped"></div>
@ -149,15 +177,18 @@
<div class="card-body"> <div class="card-body">
<div class="row mt-5"> <div class="row mt-5">
<div class="col-sm-4"> <div class="col-sm-4">
<h2>Mr. Saitou</h2> <h2>
<a class="game-link" href="https://store.steampowered.com/app/628740/Mr_Saitou/">Mr. Saitou</a>
</h2>
<hr/> <hr/>
<p>[Unreleased, 2023]</p> <p>[Unreleased, 2023, Win/Mac/Linux/Switch]</p>
</div> </div>
<div class="col-sm-8"> <div class="col-sm-8">
<p>I assisted in a minor role with Mr. Saitou, a game created by Laura Shigihara/Morizora Studios. My role in the <p>I assisted in a minor role with Mr. Saitou, a game created by Laura Shigihara (Morizora Studios).
project involved organizing a team of various testers and translators, as well as providing My role in the project primarily involved organizing a team of various testers and translators,
additional in-depth testing on multiple platforms. In addition, I created localized graphical as well as providing additional in-depth testing on multiple platforms. In addition, I created
assets for several languages, while maintaining their original visual style.</p> localized graphical assets for several languages, while maintaining their original visual
style.</p>
</div> </div>
</div> </div>
@ -177,9 +208,11 @@
<div class="card-body"> <div class="card-body">
<div class="row mt-5"> <div class="row mt-5">
<div class="col-sm-4"> <div class="col-sm-4">
<h2>Megashigi</h2> <h2>
<a class="game-link" href="https://lopar.itch.io/megashigi">Megashigi</a>
</h2>
<hr/> <hr/>
<p>[2020]</p> <p>[2020, Win/Mac/Linux]</p>
</div> </div>
<div class="col-sm-8"> <div class="col-sm-8">
<p>Megashigi is a game that I helped create using the Godot Engine, along with several friends, as a <p>Megashigi is a game that I helped create using the Godot Engine, along with several friends, as a
@ -193,7 +226,7 @@
<div class="row mt-3"> <div class="row mt-3">
<iframe src="https://itch.io/embed/630032?border_width=0&amp;bg_color=12161f&amp;fg_color=78a1bb&amp;link_color=ffbc42&amp;border_color=283044"> <iframe src="https://itch.io/embed/630032?border_width=0&amp;bg_color=12161f&amp;fg_color=78a1bb&amp;link_color=ffbc42&amp;border_color=283044">
<a href="https://lopar.itch.io/megashigi">The Climb by Lunar_Penguin</a></iframe> <a href="https://lopar.itch.io/megashigi">MEGASHIGI by Lopar</a></iframe>
</div> </div>
</div> </div>
</div> </div>