ethanglide/portfolio-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add solitude echoes experience

Browse Source
This commit is contained in:
ethanglide 2024-01-09 13:09:08 -05:00
parent 3b58ad2be2
commit 0a76bad6cf
3 changed files with 41 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
Pictures/solitudeechoes.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

19
index.html
View File

@ -191,6 +191,25 @@ and systems design for future additions and bug fixes
</ul> </ul>
</div> </div>
</div> </div>
<div class="experience">
<div class="solitude-wrapper">
<div>
<img src="./Pictures/solitudeechoes.png" alt="solitude echoes demo">
</div>
</div>
<div class="experience-text">
<div class="experience-header">
<h2><a href="https://ethanglide.itch.io/solitude-echoes" target="_blank">Solitude Echoes</a> | Unity 2D Game Development</h2>
<p>12/2023</p>
</div>
<ul>
<li>Developed in 9 days for the Unity Developer Community Game Jam #28, with the theme "Silence"</li>
<li>Puzzle/Horror game where you wake up in a decrepid dungeon and have to find your way out, while being stalked by the monsters within</li>
<li>Led an international team of 5 people, with programmers, artists, musicians, and level designers</li>
<li>Game is playable completely within the browser</li>
</ul>
</div>
</div>
</div> </div>
<div class="section"> <div class="section">
<h2>Programming Languages, Tools, and Frameworks</h2> <h2>Programming Languages, Tools, and Frameworks</h2>

22
style.css
View File

@ -251,6 +251,28 @@ div.course-planner-wrapper > div > img {
border-radius: 0.5rem; border-radius: 0.5rem;
} }
div.solitude-wrapper {
width: 10%;
min-width: 12rem;
}
div.solitude-wrapper > div {
position: relative;
width: 100%;
padding-bottom: 100%;
}
div.solitude-wrapper > div > img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
border-radius: 0.5rem;
}
div.experience { div.experience {
display: flex; display: flex;
gap: 2rem; gap: 2rem;