summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--index.html10
-rw-r--r--src/components/Apps.tsx4
-rw-r--r--src/components/Game.tsx4
-rw-r--r--src/components/Games.tsx8
-rw-r--r--src/components/Home.tsx12
-rw-r--r--src/md/games_intro.md1
-rw-r--r--src/md/home_aboutme.md5
-rw-r--r--src/md/home_projects.md22
-rw-r--r--src/md/home_workexperience.md15
9 files changed, 57 insertions, 24 deletions
diff --git a/index.html b/index.html
index d187ec8..219393e 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,16 @@ h1, h2, h3, h4, h5, h6 {
font-weight: 800;
font-style: normal;
}
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ font-family: "Rubik", sans-serif;
+ font-weight: 800;
+ font-style: normal;
+}
+h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
+}
+h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
+ color: rgb(214 211 209) !important;
+}
</style>
</head>
<body>
diff --git a/src/components/Apps.tsx b/src/components/Apps.tsx
index 0035c6b..beac123 100644
--- a/src/components/Apps.tsx
+++ b/src/components/Apps.tsx
@@ -11,12 +11,12 @@ export default function Apps () {
<>
<div className="flex flex-col gap-16 w-full items-center max-w-6xl shrink">
<div className="title font-bold text-6xl font-title mb-16 dsm:mb-10">Apps</div>
- <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full flex justify-center">
+ <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex justify-center">
<div className="w-full-after prose prose-invert flex justify-center w-full w-full-after">
<GameHolsterMD />
</div>
</div>
- <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full flex justify-center">
+ <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex justify-center">
<div className="prose prose-invert flex justify-center w-full w-full-after">
<MoreSoonMD />
</div>
diff --git a/src/components/Game.tsx b/src/components/Game.tsx
index f8d6e9f..635c23b 100644
--- a/src/components/Game.tsx
+++ b/src/components/Game.tsx
@@ -28,12 +28,14 @@ export default function Games () {
<img style={{imageRendering: gameData?.img_rendering}} src={`${import.meta.env.VITE_API_TITLE}/api/v1/games_img/realtradam/${gameData?.titleSlug}.png?type=title`} className="gameTitleImg max-w-lg" />
</div>
<iframe style={{ aspectRatio: 1 }} className="bg-black aspect-square max-h-[90vh] rounded" src={`${import.meta.env.VITE_API_TITLE}/game/realtradam/${game}/index.html`} title={game}></iframe>
- <div className="flex justify-center mt-4 px-12 py-16 overflow-y-auto rounded-xl bg-stone-950 ">
+ <div className="flex justify-center w-full">
+ <div className="flex justify-center mt-4 px-12 py-16 overflow-y-auto rounded-xl bg-stone-950 w-full max-w-[65ch]">
<ReactMarkdown
className="bg-stone-950 prose prose-invert marker:text-stone-50 dsm:py-10 dsm:px-4 rounded-xl"
children={gameData?.description}
/>
</div>
+ </div>
</div>
</div>
</>
diff --git a/src/components/Games.tsx b/src/components/Games.tsx
index fb9f88c..05957c6 100644
--- a/src/components/Games.tsx
+++ b/src/components/Games.tsx
@@ -3,6 +3,7 @@ import { useState, useEffect } from "react";
import GameCard from "./GameCard";
//import Button from "./Button";
import { GameType } from "../types";
+import { ReactComponent as IntroMD } from '../md/games_intro.md';
export default function Games () {
@@ -26,6 +27,13 @@ export default function Games () {
<>
<div className="flex flex-col gap-16 max-w-6xl shrink">
<div className="title text-center font-bold text-6xl font-title">Games</div>
+ <div className="flex justify-center w-full">
+ <div className="marker:text-stone-50 rounded-xl w-full max-w-[65ch] flex justify-center bg-stone-950">
+ <div className="flex justify-center w-full w-full-after w-full max-w-[65ch] text-white p-16">
+ <IntroMD />
+ </div>
+ </div>
+ </div>
<div className="flex flex-row flex-wrap gap-20 justify-around">
{ allGames }
</div>
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index a7e81e5..dc544e1 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -1,3 +1,4 @@
+import { ReactComponent as AboutMeMD } from '../md/home_aboutme.md';
import { ReactComponent as WorkExperienceMD } from '../md/home_workexperience.md';
import { ReactComponent as ProjectsMD } from '../md/home_projects.md';
import { ReactComponent as EducationMD } from '../md/home_education.md';
@@ -7,17 +8,22 @@ export default function Home () {
<>
<div className="flex flex-col gap-16 w-full items-center max-w-6xl shrink">
<div className="title font-bold text-6xl font-title mb-16 dsm:mb-10">Welcome</div>
- <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full flex justify-center">
+ <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex flex-grow justify-center">
+ <div className="prose prose-invert flex justify-center w-full w-full-after">
+ <AboutMeMD />
+ </div>
+ </div>
+ <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex justify-center">
<div className="prose prose-invert flex justify-center w-full w-full-after">
<WorkExperienceMD />
</div>
</div>
- <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full flex justify-center">
+ <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex justify-center">
<div className="prose prose-invert flex justify-center w-full w-full-after">
<ProjectsMD />
</div>
</div>
- <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full flex justify-center">
+ <div className="bg-stone-950 marker:text-stone-50 p-16 dsm:py-10 dsm:px-4 rounded-xl w-full max-w-[65ch] flex justify-center">
<div className="prose prose-invert flex justify-center w-full w-full-after">
<EducationMD />
</div>
diff --git a/src/md/games_intro.md b/src/md/games_intro.md
new file mode 100644
index 0000000..2d74b25
--- /dev/null
+++ b/src/md/games_intro.md
@@ -0,0 +1 @@
+Here are a collection of games I have either made myself or in collaboration with others. These games have all been made for a variety of platforms(Web, Desktop, N64) using a variety of technologies(Raylib, BGFX, a Self-Made Engine, Unity, Godot) using a variety of languages(C, Ruby, C#, GDScript) but they all share one thing in common: they are **fun to play** and **they all run right in your web browser!** Try them out!
diff --git a/src/md/home_aboutme.md b/src/md/home_aboutme.md
new file mode 100644
index 0000000..eefdb75
--- /dev/null
+++ b/src/md/home_aboutme.md
@@ -0,0 +1,5 @@
+# This is My Corner of the Web
+
+I am both a professional and hobbyist developer. In a professional setting I am able to adapt and utilize any tech stack required of me and I have successfully done so. Meanwhile in a hobbyist setting I tend to stick to Ruby and C as well as a bit of the common web stack technologies like JavaScript and HTML/CSS. However I do also enjoy venturing into new forays, exploring and learning new areas of technology.
+
+I hope you enjoy your stay here and don't forget to check out my playable games I have created!
diff --git a/src/md/home_projects.md b/src/md/home_projects.md
index 5bae8be..8fa62ca 100644
--- a/src/md/home_projects.md
+++ b/src/md/home_projects.md
@@ -1,18 +1,18 @@
-# Projects
+# [Projects](https://github.com/realtradam)
-## Game Holster - Ruby on Rails + React
-**Web App for Uploading and Hosting Web Games - 2024**-**Present**
+## [Game Holster - Ruby on Rails + React](https://malcz.com/games)
+**Web App for Uploading and Hosting Web Games** — 2024 - Present
-- Still a WIP
-- Frontend is temporarily this page for now
-- its gonna have its own thing eventually
+- Developed a full-stack application for uploading and serving web games made with Unity, Godot, and other engines.
+- Assembled a Continuous Integration pipeline with a self-managed VPS by utilizing Github, Docker, Caprover, and Cloudflare. Merging into the Main branch automatically triggers a build which deploys the app to production.
+- Implemented authentication and authorization flow from scratch(no additional gems or libraries) with Github OAuth.
-## Some other project
-**its a thing**
+## [FelECS Pure Ruby Engine Agnostic ECS Framework](https://github.com/realtradam/FelECS)
+**Pure Ruby Engine Agnostic ECS Framework** — May 2021 - Feb 2022
-- yap
-- yap
-- yap
+- Developed a complete engine agnostic game development framework in pure Ruby allowing it to be used with any Ruby based game engine(Ruby2D, Gosu, DragonRuby).
+- Achieved complete test coverage, ensuring that the code will work as expected and desired.
+- Created comprehensive and detailed documentation explaining how to use every single feature in a well organized and easy to read document.
## Some third project
**its a thing**
diff --git a/src/md/home_workexperience.md b/src/md/home_workexperience.md
index d8b5508..8e9ffe2 100644
--- a/src/md/home_workexperience.md
+++ b/src/md/home_workexperience.md
@@ -1,10 +1,11 @@
# Work Experience
-## IFSE - Developer/IT
+## IFSE — Developer/IT
-**June 12, 2023 - Present**
-- Validated website migration project
-- Assisted with meeting compliance for Cyber Security Canada Certification
- - Patched and modified main WordPress website in order to reach security compliance(according to ZAP scanner)
- - Administrated computers and servers company wide to ensure compliance
-- add waaaaaay more yap
+**June 2023 - Present**
+- Achieved Canada Cybersecurity Certification compliance by addressing several hundred issues raised by Zed Attack Proxy
+scanner as well as assisting with ensuring cyber security documentation is up to date.
+- Sole administrator of the IFSE WordPress site, adding new functionality and updating styling and content.
+- Assisted in migrating website to a new version and theme by identifying and addressing over 400 issues in the new site.
+- Administrated over 50 windows PCs and several Printers, ensuring they are running smoothly and fixing any issues as they arise thus ensuring a smooth experience for coworkers.
+- Created documentation for a complex and undocumented MSSQL database allowing for easier and faster debugging of issues that arise.