mirror of
https://github.com/kforney/kforney.github.io.git
synced 2024-11-14 11:00:09 -07:00
Formatting fixes, and add another game.
This commit is contained in:
parent
804a75a370
commit
22ee073be7
GPG key ID:
3AB4E2E04CEF656F
2 changed files with 270 additions and 230 deletions
71
css/main.css
71
css/main.css
|
|
@ -115,31 +115,31 @@ a {
|
|||
}
|
||||
|
||||
h1 {
|
||||
font-family: VT323;
|
||||
font-size: 64px;
|
||||
color: #FFBC42;
|
||||
text-align: center;
|
||||
font-family: VT323;
|
||||
font-size: 64px;
|
||||
color: #FFBC42;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-family: Oswald;
|
||||
font-size: 64px;
|
||||
color: #78a1bb;
|
||||
text-align: center;
|
||||
h2 {
|
||||
font-family: Oswald;
|
||||
font-size: 64px;
|
||||
color: #78a1bb;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 28px;
|
||||
color: #78a1bb;
|
||||
text-align: center;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 28px;
|
||||
color: #78a1bb;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 20px;
|
||||
color: #78a1bb;
|
||||
text-align: center;
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 20px;
|
||||
color: #78a1bb;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
hr {
|
||||
|
|
@ -149,17 +149,15 @@ hr {
|
|||
margin-right: auto;
|
||||
}
|
||||
|
||||
iframe[src*=youtube]
|
||||
{
|
||||
iframe[src*=youtube] {
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
max-width:80%;
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
iframe[src*=itch]
|
||||
{
|
||||
iframe[src*=itch] {
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
|
|
@ -196,7 +194,7 @@ iframe[src*=itch]
|
|||
.navbar-logo {
|
||||
max-height: 50px;
|
||||
padding-right: 15px;
|
||||
padding-left:15px;
|
||||
padding-left: 15px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
|
|
@ -223,7 +221,7 @@ iframe[src*=itch]
|
|||
text-shadow: #B17300 2px 2px 3px;
|
||||
}
|
||||
|
||||
.dropdown-menu{
|
||||
.dropdown-menu {
|
||||
background-color: RGBA(22, 26, 37, 70%);
|
||||
box-shadow: #B17300 0px 0px 20px;
|
||||
}
|
||||
|
|
@ -233,7 +231,7 @@ iframe[src*=itch]
|
|||
font-family: "IBM Plex Mono", monospace;
|
||||
}
|
||||
|
||||
.dropdown-item:hover{
|
||||
.dropdown-item:hover {
|
||||
background-color: #78a1bb;
|
||||
}
|
||||
|
||||
|
|
@ -247,17 +245,26 @@ iframe[src*=itch]
|
|||
text-shadow: #ffbc42 1px 1px 2px;
|
||||
}
|
||||
|
||||
.section-title{
|
||||
.section-title {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 10px;
|
||||
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 {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
max-height: 60%;
|
||||
padding-top: 50.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
|
||||
}
|
||||
|
||||
|
|
@ -268,7 +275,7 @@ iframe[src*=itch]
|
|||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 80%;
|
||||
height: 100%;
|
||||
border-radius: 40px;
|
||||
}
|
||||
|
||||
|
|
@ -335,7 +342,7 @@ iframe[src*=itch]
|
|||
|
||||
.hidden,
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
@ -418,9 +425,9 @@ display: none !important;
|
|||
}
|
||||
|
||||
@media print,
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 1.25dppx),
|
||||
(min-resolution: 120dpi) {
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 1.25dppx),
|
||||
(min-resolution: 120dpi) {
|
||||
/* Style adjustments for high resolution devices */
|
||||
}
|
||||
|
||||
|
|
|
|||
55
index.html
55
index.html
|
|
@ -98,9 +98,11 @@
|
|||
|
||||
<div class="row">
|
||||
<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/>
|
||||
<p>[2021]</p>
|
||||
<p>[2021, Win/Mac/Linux]</p>
|
||||
</div>
|
||||
<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
|
||||
|
|
@ -130,6 +132,32 @@
|
|||
</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 id="gamesHelped"></div>
|
||||
|
|
@ -149,15 +177,18 @@
|
|||
<div class="card-body">
|
||||
<div class="row mt-5">
|
||||
<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/>
|
||||
<p>[Unreleased, 2023]</p>
|
||||
<p>[Unreleased, 2023, Win/Mac/Linux/Switch]</p>
|
||||
</div>
|
||||
<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
|
||||
project involved organizing a team of various testers and translators, as well as providing
|
||||
additional in-depth testing on multiple platforms. In addition, I created localized graphical
|
||||
assets for several languages, while maintaining their original visual style.</p>
|
||||
<p>I assisted in a minor role with Mr. Saitou, a game created by Laura Shigihara (Morizora Studios).
|
||||
My role in the project primarily involved organizing a team of various testers and translators,
|
||||
as well as providing additional in-depth testing on multiple platforms. In addition, I created
|
||||
localized graphical assets for several languages, while maintaining their original visual
|
||||
style.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -177,9 +208,11 @@
|
|||
<div class="card-body">
|
||||
<div class="row mt-5">
|
||||
<div class="col-sm-4">
|
||||
<h2>Megashigi</h2>
|
||||
<h2>
|
||||
<a class="game-link" href="https://lopar.itch.io/megashigi">Megashigi</a>
|
||||
</h2>
|
||||
<hr/>
|
||||
<p>[2020]</p>
|
||||
<p>[2020, Win/Mac/Linux]</p>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<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">
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue