mirror of
https://github.com/kforney/kforney.github.io.git
synced 2024-11-14 19:10:10 -07:00
Formatting fixes, and add another game.
This commit is contained in:
parent
804a75a370
commit
22ee073be7
2 changed files with 270 additions and 230 deletions
19
css/main.css
19
css/main.css
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
55
index.html
55
index.html
|
@ -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&bg_color=12161f&fg_color=78a1bb&link_color=ffbc42&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&bg_color=12161f&fg_color=78a1bb&link_color=ffbc42&border_color=283044">
|
<iframe src="https://itch.io/embed/630032?border_width=0&bg_color=12161f&fg_color=78a1bb&link_color=ffbc42&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>
|
||||||
|
|
Loading…
Reference in a new issue