fix styling issues and add more contentdev

author: realtradam <[email protected]> 2024-06-22 22:21:33 -0400
committer: realtradam <[email protected]> 2024-06-22 22:21:33 -0400
commit: 913b24c0c298ac48866167b18fc36fb542ab8910 (patch)
tree: 8b8c899ceb36ddfb365aef568abae1420e97b2ee
parent: 1104fc60c1b45a6280b2e90c154e2af084a6ce1e (diff)
download: malcz.com-913b24c0c298ac48866167b18fc36fb542ab8910.tar.gz
malcz.com-913b24c0c298ac48866167b18fc36fb542ab8910.zip
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.
author	realtradam <[email protected]>	2024-06-22 22:21:33 -0400
committer	realtradam <[email protected]>	2024-06-22 22:21:33 -0400
commit	913b24c0c298ac48866167b18fc36fb542ab8910 (patch)
tree	8b8c899ceb36ddfb365aef568abae1420e97b2ee
parent	1104fc60c1b45a6280b2e90c154e2af084a6ce1e (diff)
download	malcz.com-913b24c0c298ac48866167b18fc36fb542ab8910.tar.gz malcz.com-913b24c0c298ac48866167b18fc36fb542ab8910.zip