Formatting fixes, and add another game.

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

View file

@ -149,8 +149,7 @@ 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;
@ -158,8 +157,7 @@ iframe[src*=youtube]
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;
@ -253,11 +251,20 @@ iframe[src*=itch]
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;
} }

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>