summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorrealtradam <[email protected]>2022-02-26 16:26:49 -0500
committerrealtradam <[email protected]>2022-02-26 16:26:49 -0500
commita14b4958e5daa880bcbf3308483b203e315526e5 (patch)
tree96bdbc2820417aa384e7e12f2c57cf06dd31c0da
parent936c072b0efbddb0376891f0406d784e780813f0 (diff)
downloadportfolio-site-a14b4958e5daa880bcbf3308483b203e315526e5.tar.gz
portfolio-site-a14b4958e5daa880bcbf3308483b203e315526e5.zip
:)
-rw-r--r--assets/camera-example.mp4bin0 -> 13664854 bytes
-rw-r--r--assets/ruboid-example.gifbin0 -> 4313771 bytes
-rw-r--r--assets/ruboid-example.mp4bin0 -> 1211627 bytes
-rw-r--r--index.html48
-rw-r--r--stylesheet/style.css22
5 files changed, 61 insertions, 9 deletions
diff --git a/assets/camera-example.mp4 b/assets/camera-example.mp4
new file mode 100644
index 0000000..2733ae9
--- /dev/null
+++ b/assets/camera-example.mp4
Binary files differ
diff --git a/assets/ruboid-example.gif b/assets/ruboid-example.gif
new file mode 100644
index 0000000..a338f8d
--- /dev/null
+++ b/assets/ruboid-example.gif
Binary files differ
diff --git a/assets/ruboid-example.mp4 b/assets/ruboid-example.mp4
new file mode 100644
index 0000000..6432b31
--- /dev/null
+++ b/assets/ruboid-example.mp4
Binary files differ
diff --git a/index.html b/index.html
index 54b3065..839e52d 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<html><head><meta charset="utf-8"/><title>Portfolio thing</title><link rel="stylesheet" href="./stylesheet/style.css"/><script src="https://cdn.tailwindcss.com"></script><script src="https://unpkg.com/vue@3"></script><script defer src='../assets/fontawesome-free-6.0.0-web/js/all.js'></script></head><div class="flex justify-center"><div class="flex flex-col flex-auto justify-between max-w-5xl"><header class="m-10"><h1 class="text-6xl text-slate-200 w-auto">Portfolio - Tradam.dev</h1></header><body class="bg-gradient-to-b from-thunder-200 to-thunder-300 text-slate-100 font-semiserif"><div id='app' class='flex justify-center pb-12 pr-3 pl-3'><div class="flex flex-auto flex-col justify-between flex-nowrap relative pl-12 pb-12 border-solid border-0 rounded-2xl bg-slate-800 space-y-8 shadow-outset"><div class="sticky top-3 right-0 overflow-visible h-0 float-right"><div class="relative flex justify-end mt-8"><footer><footer class="no-select table text-right p-0.5 text-none border-0 rounded-xl"><div class="rounded-xl m-0 p-0.5 flex flex-col"><a href="https://github.com/realtradam"><i class="fab fa-github-alt icon-img-foot p-1 text-4xl text-thunder-thunder hover:text-white transition-colors"></i></a></div></footer></footer></div></div><h1 class="text-center text-4xl">Email: Contact&lt;at&gt;Tradam.dev</h1><p class="pl-24 pr-24">this is a little blurb about myself</p><article class="basis-1/3 bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl mr-12 pl-8 pr-8 pt-5 pb-5 shadow-inset"><h1><a href="https://github.com/realtradam/orc-arena-of-time">Orc: Arena of Time</a></p>
+<html><head><meta charset="utf-8"/><title>Portfolio thing</title><link rel="stylesheet" href="./stylesheet/style.css"/><script src="https://cdn.tailwindcss.com"></script><script src="https://unpkg.com/vue@3"></script><script defer src='../assets/fontawesome-free-6.0.0-web/js/all.js'></script></head><div class="flex justify-center"><div class="flex flex-col flex-auto justify-between max-w-5xl"><header class="m-10"><h1 class="text-6xl text-slate-200 w-auto">Portfolio - Tradam.dev</h1></header><body class="bg-gradient-to-b from-thunder-200 to-thunder-300 text-slate-100 font-semiserif"><div id='app' class='flex justify-center pb-12 pr-3 pl-3'><div class="flex flex-auto flex-col justify-between flex-nowrap relative pl-12 pb-12 border-solid border-0 rounded-2xl bg-slate-800 space-y-8 shadow-outset"><div class="sticky top-3 right-0 overflow-visible h-0 float-right"><div class="relative flex justify-end mt-8"><footer><footer class="no-select table text-right p-0.5 text-none border-0 rounded-xl"><div class="rounded-xl m-0 p-0.5 flex flex-col"><a href="https://github.com/realtradam"><i class="fab fa-github-alt icon-img-foot p-1 text-4xl text-thunder-thunder hover:text-white transition-colors"></i></a></div></footer></footer></div></div><h1 class="text-center text-4xl" style="z:99">Email: contact&lt;at&gt;tradam.dev</h1><p class="pl-24 pr-24">this is a little blurb about myself</p><article class="basis-1/3 bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl mr-12 pl-8 pr-8 pt-5 pb-5 shadow-inset"><h1><a href="https://github.com/realtradam/orc-arena-of-time">Orc: Arena of Time</a></p>
<div class="subheader">— Raylib/MRuby Game</div></h1><h2>January 2022</h2>
<p>Short game that won 1st place in the Raylib 5K gamejam.</p>
@@ -28,6 +28,8 @@ All controls are fully explained in game.</p>
</div>
</Transition></p>
+<p>Group Project(2 people)</p>
+
<ul>
<li>Effectively cooperated in a team of 2 to build a better game, faster.</li>
<li>Went from an idea to complete working prototype under a tight deadline of 8 days.</li>
@@ -55,7 +57,8 @@ All controls are fully explained in game.</p>
<li>Character Death Animation</li>
</ul></li>
<li>Level design(First Level and Maze (3rd)level)</li>
-<li>Input system and movement mechanics</li>
+<li>Input system</li>
+<li>Collision resolution</li>
</ul>
</article><article class="basis-1/3 bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl mr-12 pl-8 pr-8 pt-5 pb-5 shadow-inset"><h1><a href="https://github.com/realtradam/FelECS">FelECS</a></p>
<div class="subheader">— Engine Agnostic Pure Ruby ECS</div></h1><h2>May 2021 -</h2>
@@ -64,6 +67,8 @@ All controls are fully explained in game.</p>
<!-- logo -->
+<p>Solo Project</p>
+
<ul>
<li>To ensure reliability the test coverage goal is 100% coverage. This target is consistently maintained since the library&#39;s initial release in July 2021.</li>
<li>To ensure ease of use the documentation coverage goal is 100% coverage. Using Yard documentation coverage is automatically reported as well as automatic generation of documentation.</li>
@@ -78,10 +83,13 @@ All controls are fully explained in game.</p>
<!-- logo -->
+<p>Group Project(2 people)</p>
+
<ul>
<li>Allowed for better understanding of how wrappers and bindings to C libraries are structured and designed.</li>
<li>Working on this project gave a better understanding of how a high level language like Ruby works under the hood, as well as how a language like this would interface with C code.</li>
<li>Enables the ease and speed of coding with Ruby, while still having access to advanced OpenGl/Raylib C functions.</li>
+<li>Working in a group allowed us to cover each others faults and weaknesses resulting in not only faster development time but also better code. When one of us would run into a problem or make a mistake the other person would be quick to assist and keep development going forward.</li>
</ul>
</article><article class="basis-1/3 bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl mr-12 pl-8 pr-8 pt-5 pb-5 shadow-inset"><h1><a href="https://github.com/realtradam/SteelWings">Steelwings</a></p>
<div class="subheader">— Raylib/MRuby Game</div></h1><h2>January 2022</h2>
@@ -112,26 +120,48 @@ All controls are fully explained in game.</p>
</div>
</Transition></p>
+<p>Group Project(2 people)</p>
+
<ul>
-<li>You need to fill out these bullet points</li>
-<li>You need to fill out these bullet points</li>
-<li>You need to fill out these bullet points</li>
+<li>First gamejam game we made which utilized my custom made tools(FelECS)
+
+<ul>
+<li>Identified issues with the design by both having the tool used by someone else and myself for a larger project.</li>
+<li>Was able to use these insights to further develop and improve FelECS.</li>
+</ul></li>
+</ul>
+
+<p>My Contributions:</p>
+
+<ul>
+<li>Set up a boid system with FelECS where additional rules could be easily added.</li>
+<li>Hitbox detection system</li>
+<li>Bullet shooting system</li>
</ul>
</article><article class="basis-1/3 bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl mr-12 pl-8 pr-8 pt-5 pb-5 shadow-inset"><h1><a href="https://github.com/realtradam/ruby2d-camera">Ruby2D Camera</a></p>
<div class="subheader">— Fill this out</div></h1><h2>Start date - End date</h2>
-<p>Fill this out</p>
+<video controls muted autoplay loop class="m-auto mt-4 mb-4 shadow-outset rounded-lg w-[90%]">
+<source type="video/mp4" src="assets/camera-example.mp4">
+</video>
+
+<p>Solo Project</p>
<ul>
-<li>You need to fill out these bullet points</li>
-<li>You need to fill out these bullet points</li>
-<li>You need to fill out these bullet points</li>
+<li>Did a lot of math</li>
+<li>Did from scratch</li>
</ul>
</article><article class="basis-1/3 bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl mr-12 pl-8 pr-8 pt-5 pb-5 shadow-inset"><h1><a href="https://github.com/realtradam/ruboids">Ruboids</a></p>
<div class="subheader">— Fill this out</div></h1><h2>Start date - End date</h2>
<p>Fill this out</p>
+<video controls muted autoplay loop class="m-auto mt-4 mb-4 shadow-outset rounded-lg w-[90%]">
+<source type="video/mp4" src="assets/ruboid-example.mp4">
+</video>
+
+<h3>Solo Project</h3>
+
<ul>
<li>You need to fill out these bullet points</li>
<li>You need to fill out these bullet points</li>
diff --git a/stylesheet/style.css b/stylesheet/style.css
index 7e3bb7c..2f0bd69 100644
--- a/stylesheet/style.css
+++ b/stylesheet/style.css
@@ -547,6 +547,10 @@ Ensure the default browser behavior of the `hidden` attribute.
margin: 0px;
}
+.m-auto {
+ margin: auto;
+}
+
.mt-8 {
margin-top: 2rem;
}
@@ -571,6 +575,14 @@ Ensure the default browser behavior of the `hidden` attribute.
margin-right: 0.75rem;
}
+.mt-4 {
+ margin-top: 1rem;
+}
+
+.mb-4 {
+ margin-bottom: 1rem;
+}
+
.mb-1 {
margin-bottom: 0.25rem;
}
@@ -595,6 +607,10 @@ Ensure the default browser behavior of the `hidden` attribute.
width: auto;
}
+.w-\[90\%\] {
+ width: 90%;
+}
+
.max-w-5xl {
max-width: 64rem;
}
@@ -947,6 +963,12 @@ article h2 {
margin-left: 1rem;
}
+article h3 {
+ font-size: 1.5rem;
+ line-height: 2rem;
+ margin-top: 0.5rem;
+}
+
article p {
font-size: 1.125rem;
line-height: 1.75rem;