mirror of
https://github.com/kforney/kforney.github.io.git
synced 2025-02-22 04:38:40 -07:00
Add Mr. Saitou carousel.
This commit is contained in:
parent
b866a664c3
commit
79ab6c51e5
GPG key ID:
3AB4E2E04CEF656F
6 changed files with 114 additions and 39 deletions
21
css/main.css
21
css/main.css
|
|
@ -172,7 +172,11 @@ iframe[src*=itch] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-logo {
|
.main-logo {
|
||||||
max-height: 300px;
|
width: 100%;
|
||||||
|
min-width: 300px;
|
||||||
|
max-width: 500px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
|
|
@ -234,6 +238,7 @@ iframe[src*=itch] {
|
||||||
.card {
|
.card {
|
||||||
background-color: RGBA(22, 26, 37, 70%);
|
background-color: RGBA(22, 26, 37, 70%);
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
|
border: #FFBC42 2px solid;
|
||||||
box-shadow: #B17300 0px 0px 20px;
|
box-shadow: #B17300 0px 0px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -326,6 +331,20 @@ and was then modified by me as necessary.*/
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#saitouCarousel {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
max-width: 480px;
|
||||||
|
box-shadow: #B17300 0px 0px 12px;
|
||||||
|
border: #FFBC42 2px solid;
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.saitouItem {
|
||||||
|
border-radius: 30px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.fa-brands {
|
.fa-brands {
|
||||||
color: #FFBC42;
|
color: #FFBC42;
|
||||||
transition: all 0.4s ease 0s;
|
transition: all 0.4s ease 0s;
|
||||||
|
|
|
||||||
BIN
img/art/Long Day Club_en.png
Normal file
BIN
img/art/Long Day Club_en.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
img/art/Long Day Club_it.png
Normal file
BIN
img/art/Long Day Club_it.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
img/art/Long Day Club_uk.png
Normal file
BIN
img/art/Long Day Club_uk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
img/art/Long Day Club_vi.png
Normal file
BIN
img/art/Long Day Club_vi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
132
index.html
132
index.html
|
|
@ -67,13 +67,16 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-1"></div>
|
<div class="col-lg-1"></div>
|
||||||
<div class="col-4">
|
<div class="col-lg-3">
|
||||||
<img class="main-logo" src="img/branding/LunarPenguin_newPalette_transparency.webp"/>
|
<img class="main-logo" src="img/branding/LunarPenguin_newPalette_transparency.webp"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-7">
|
<div class="col-lg-1"></div>
|
||||||
<p>Greetings! I am <span title="pronounced 'Kai'">Kaj Forney</span> (he/him). I am a human who enjoys pixel art, programming, and penguins.</p>
|
<div class="col-lg-7">
|
||||||
<p>I am currently a sophomore student at Boise State University, majoring in Games, Interactive Media, and Mobile Technology.<br>My passion is for using games to help make the world a brighter place.</p>
|
<p>Greetings! I am <span title="pronounced 'Kai'">Kaj Forney</span> (he/him). I am a human who enjoys
|
||||||
|
pixel art, programming, and penguins.</p>
|
||||||
|
<p>I am currently a sophomore student at Boise State University, majoring in Games, Interactive Media,
|
||||||
|
and Mobile Technology.<br>My passion is for using games to help make the world a brighter place.</p>
|
||||||
<p>My current primary focus is learning and building my skills in level design and 3D modeling.</p>
|
<p>My current primary focus is learning and building my skills in level design and 3D modeling.</p>
|
||||||
<p>This site displays a few of the things I've made or helped to make.</p>
|
<p>This site displays a few of the things I've made or helped to make.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -148,8 +151,9 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-8">
|
<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
|
<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
|
learning the basics of a new engine. Thus, it isn't the most polished game, but it's still
|
||||||
one I enjoyed making.</p>
|
one I enjoyed making.</p>
|
||||||
|
<p>This project was my first experience using the open-source Godot Engine.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mt-4"></div>
|
<div class="mt-4"></div>
|
||||||
|
|
@ -194,7 +198,8 @@
|
||||||
<p>I assisted in a minor role with Mr. Saitou, a game created by Laura Shigihara (Morizora Studios).
|
<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,
|
My role in the project primarily involved organizing a team of various testers and translators,
|
||||||
as well as providing additional QA testing across Windows, Linux, and Nintendo Switch.</p>
|
as well as providing additional QA testing across Windows, Linux, and Nintendo Switch.</p>
|
||||||
<p>In addition, I created the localized versions of the game's graphical assets used for eight of the
|
<p>In addition, I created the localized versions of the game's graphical assets used for eight of
|
||||||
|
the
|
||||||
languages for the PC release, while maintaining their original visual style.</p>
|
languages for the PC release, while maintaining their original visual style.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -202,48 +207,99 @@
|
||||||
<div class="mt-5"></div>
|
<div class="mt-5"></div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-2"></div>
|
<div class="col">
|
||||||
<div class="col-sm-8">
|
<div id="saitouCarousel" class="carousel slide" data-bs-ride="false">
|
||||||
<div class="youtube-video" data-embed="nra31mia8Y0">
|
<div class="carousel-indicators">
|
||||||
<div class="playButton"></div>
|
<button type="button" data-bs-target="#saitouCarousel" data-bs-slide-to="0" class="active"
|
||||||
|
aria-current="true" aria-label="Slide 1"></button>
|
||||||
|
<button type="button" data-bs-target="#saitouCarousel" data-bs-slide-to="1"
|
||||||
|
aria-label="Slide 2"></button>
|
||||||
|
<button type="button" data-bs-target="#saitouCarousel" data-bs-slide-to="2"
|
||||||
|
aria-label="Slide 3"></button>
|
||||||
|
<button type="button" data-bs-target="#saitouCarousel" data-bs-slide-to="3"
|
||||||
|
aria-label="Slide 4"></button>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<img src="img/art/Long%20Day%20Club_en.png" class="d-block w-100 saitouItem"
|
||||||
|
alt="" loading="lazy">
|
||||||
|
<div class="carousel-caption d-none d-md-block">
|
||||||
|
<h5 class="text-shadow"></h5>
|
||||||
|
<p class="text-shadow"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="img/art/Long%20Day%20Club_it.png" class="d-block w-100 saitouItem" alt=""
|
||||||
|
loading="lazy">
|
||||||
|
<div class="carousel-caption d-none d-md-block">
|
||||||
|
<h5 class="text-shadow"></h5>
|
||||||
|
<p class="text-shadow"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="img/art/Long%20Day%20Club_uk.png" class="d-block w-100 saitouItem" alt=""
|
||||||
|
loading="lazy">
|
||||||
|
<div class="carousel-caption d-none d-md-block">
|
||||||
|
<h5 class="text-shadow"></h5>
|
||||||
|
<p class="text-shadow"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="img/art/Long%20Day%20Club_vi.png" class="d-block w-100 saitouItem" alt=""
|
||||||
|
loading="lazy">
|
||||||
|
<div class="carousel-caption d-none d-md-block">
|
||||||
|
<h5 class="text-shadow"></h5>
|
||||||
|
<p class="text-shadow"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#saitouCarousel" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
|
<span class="visually-hidden">Previous</span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#saitouCarousel" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||||
|
<span class="visually-hidden">Next</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-2"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container-md card mt-5">
|
<div class="container-md card mt-5">
|
||||||
<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>
|
<h2>
|
||||||
<a class="game-link" href="https://lopar.itch.io/megashigi">Mega<wbr>shigi</a>
|
<a class="game-link" href="https://lopar.itch.io/megashigi">Mega
|
||||||
</h2>
|
<wbr>
|
||||||
<hr/>
|
shigi</a>
|
||||||
<p>[2020, Win/Mac/Linux]</p>
|
</h2>
|
||||||
|
<hr/>
|
||||||
|
<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
|
||||||
|
birthday gift. My portion of the project included the implementation of the game's playable,
|
||||||
|
interactive credits sequence, as well as general level design, and subtitles for the game's boss
|
||||||
|
rap sequence.</p>
|
||||||
|
<p>This project provided me with an opportunity to dive into the Godot Engine further, as well as
|
||||||
|
learn to work on a complex project as part of a team.</p>
|
||||||
|
</div>
|
||||||
</div>
|
</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
|
<div class="mt-4"></div>
|
||||||
birthday gift. My portion of the project included the implementation of the game's playable,
|
|
||||||
interactive credits sequence, as well as general level design, and subtitles for the game's boss
|
<div class="row mt-3">
|
||||||
rap sequence.</p>
|
<iframe loading="lazy"
|
||||||
<p>This project provided me with an opportunity to dive into the Godot Engine further, as well as learn to work on a complex project as part of a team.</p>
|
src="https://itch.io/embed/630032?border_width=0&bg_color=12161f&fg_color=78a1bb&link_color=ffbc42&border_color=283044"
|
||||||
|
aria-label="Megashigi on Itch.io">
|
||||||
|
<a href="https://lopar.itch.io/megashigi">MEGASHIGI by Lopar</a></iframe>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mt-4"></div>
|
|
||||||
|
|
||||||
<div class="row mt-3">
|
|
||||||
<iframe loading="lazy"
|
|
||||||
src="https://itch.io/embed/630032?border_width=0&bg_color=12161f&fg_color=78a1bb&link_color=ffbc42&border_color=283044"
|
|
||||||
aria-label="Megashigi on Itch.io">
|
|
||||||
<a href="https://lopar.itch.io/megashigi">MEGASHIGI by Lopar</a></iframe>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="art"></div>
|
<div id="art"></div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue