reformatted most of the project grid for clarity and hover over effects

This commit is contained in:
SG101 2022-10-09 22:47:13 +02:00
parent 320539fae9
commit a7ea79fe9a

View file

@ -1,6 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Portfolio - Scott Gerretsen</title>
<link rel="stylesheet" href="shared/style.css"> <link rel="stylesheet" href="shared/style.css">
<link rel="stylesheet" href="shared/projects.css"> <link rel="stylesheet" href="shared/projects.css">
<style> <style>
@ -15,49 +17,63 @@
</head> </head>
<body> <body>
<section> <section>
<h1 id="intro-sentence">Hello, my name is Scott. I'm a programming obsessive with a love for odd solutions and figuring out complex problems</h1> <h1 id="intro-sentence">Hello, my name is Scott. I'm a programming obsessive with a love for odd solutions and figuring out complex problems.</h1>
<p class="intro-paragraph" indented>
For school my projects are mainly in Unity with programming in C#, though recently I have gotten opportunities to work in Unreal Engine 5 with blueprints and C++ which is rather fun. For personal projects my preference is C++ with more and more pure C.
</p>
</section> </section>
<section> <section>
<h2 id="projects">Projects</h2> <h2 id="projects">Projects</h2>
<div indented> <div indented>
<div class="project-grid"> <div class="project-grid">
<div> <a class="internal" href="projects/ruins-of-edis.html">
<a class="internal" href="projects/ruins-of-edis.html"> <div class="project-card" ruins-of-edis></div>
<div class="project-card" ruins-of-edis></div> <div class="project-labels">
<h2>Ruins of Edis - Unity Game</h2> <p>unity</p>
<p class="project-card-role"> <p>team</p>
C# Gameplay and physics programmer </div>
</p> <h2 class="project-title">Ruins of Edis</h2>
</a> <p class="project-card-role">C# Gameplay and physics programmer</p>
</div> </a>
<div> <a class="internal" href="projects/spirit-of-science.html">
<a class="internal" href="projects/spirit-of-science.html"> <div class="project-card" spirit-of-science></div>
<div class="project-card" spirit-of-science></div> <div class="project-labels">
<h2>Spirit of Science - IEGJ Entry</h2> <p>unity</p>
<p class="project-card-role"> <p>gamejam</p>
General C# Programmer <p>team</p>
</p> </div>
</a> <h2 class="project-title">Spirit of Science</h2>
</div> <p class="project-card-role">General C# Programmer</p>
<div> </a>
<a class="internal" href="projects/stig-kart.html"> <a class="internal" href="projects/stig-kart.html">
<div class="project-card" stig-kart></div> <div class="project-card" stig-kart></div>
<h2>Stig Kart 64 - Unity Game</h2> <div class="project-labels">
<p class="project-card-role"> <p>unity</p>
C# Gameplay and physics programmer <p>team</p>
</p> </div>
</a> <h2 class="project-title">Stig Kart 64</h2>
</div> <p class="project-card-role">C# Gameplay and physics programmer</p>
<div> </a>
<a class="internal" href="projects/boids.html"> <a class="internal" href="projects/gml-tile-movement.html">
<div class="project-card" boids></div> <div class="project-card" gml-tile-movement></div>
<h2>Boids - C++ Simulation</h2> <div class="project-labels">
<p class="project-card-role"> <p>game maker 2</p>
C++ Programmer <p>solo</p>
</p> </div>
</a> <h2 class="project-title">Tile Movement System</h2>
</div> <p class="project-card-role">GML Programmer</p>
</a>
<a class="internal" href="projects/boids.html">
<div class="project-card" boids></div>
<div class="project-labels">
<p>c++</p>
<p>sfml</p>
<p>solo</p>
</div>
<h2 class="project-title">Boids</h2>
<p class="project-card-role">C++ Programmer</p>
</a>
</div> </div>
</div> </div>
</section> </section>
@ -79,22 +95,22 @@
<div> <div>
<h3>Graphisch Lyceum Utrecht</h3> <h3>Graphisch Lyceum Utrecht</h3>
<p>Game Programming Student</p> <p>Game Programming Student</p>
<p>September 2021 - Now</p> <p class="experience-grid-time">September 2021 - Now</p>
</div> </div>
<div> <div>
<h3>Appalot</h3> <h3>Appalot</h3>
<p>Junior API and automation developer</p> <p>Junior API and automation developer</p>
<p>September 2021 - Now</p> <p class="experience-grid-time">September 2021 - Now</p>
</div> </div>
<div> <div>
<h3>Appalot(internship)</h3> <h3>Appalot(internship)</h3>
<p>API and automation intern</p> <p>API and automation intern</p>
<p>June 2021 - August 2021</p> <p class="experience-grid-time">June 2021 - August 2021</p>
</div> </div>
<div> <div>
<h3>Hobby Programmer</h3> <h3>Hobby Programmer</h3>
<p>Chief Experimentor</p> <p>Chief Experimentor</p>
<p>2016 - forever</p> <p class="experience-grid-time">2016 - forever</p>
</div> </div>
</div> </div>
</section> </section>