cptluke76/Simple_Portfolio
1
0
Fork 0
mirror of https://github.com/its-michaelroy/Simple_Portfolio.git synced 2026-06-03 23:00:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added projects, updated Picture size, Download CV button, Text under said button, increased footer icon size, and moved copyright and so forth closer to bottom of screen. Also, fixed spelling errors.

Browse Source
This commit is contained in:
its-michaelroy
2025-03-27 16:58:38 -03:00
parent e0e6520a29
commit 8c91c27df0
7 changed files with 443 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
.idea/watcherTasks.xml generated Normal file
View File

@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectTasksOptions">
<TaskOptions isEnabled="false">
<option name="arguments" value="$FileName$:$FileNameWithoutExtension$.css" />
<option name="checkSyntaxErrors" value="true" />
<option name="description" />
<option name="exitCodeBehavior" value="ERROR" />
<option name="fileExtension" value="scss" />
<option name="immediateSync" value="true" />
<option name="name" value="SCSS" />
<option name="output" value="$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map" />
<option name="outputFilters">
<array />
</option>
<option name="outputFromStdout" value="false" />
<option name="program" value="sass" />
<option name="runOnExternalChanges" value="true" />
<option name="scopeName" value="Project Files" />
<option name="trackOnlyRoot" value="true" />
<option name="workingDir" value="$FileDir$" />
<envs />
</TaskOptions>
</component>
</project>

19
assets/css/main.css
View File

@@ -2622,7 +2622,7 @@ input[type="button"],
height: 3.15em;
height: calc(2.75em + 6px);
line-height: 2.75em;
min-width: 10em;
min-width: 100%;
padding: 0 1.5em;
text-align: center;
text-decoration: none;
@@ -2811,29 +2811,40 @@ input[type="button"]:disabled,
font-size: 1.35em;
line-height: 1.75em;
margin: 0;
text-align: left;
}
#header > .inner {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
#header .image.avatar {
margin: 0 0 1em 0;
width: 6.25em;
margin: 0 auto;
display: block;
}
/* Footer */
#footer .icons {
margin: 1em 0 0 0;
text-align: center;
}
#footer .icons a {
color: rgba(255, 255, 255, 0.9);
font-size: 1.5em; /* come back later */
}
#footer .copyright {
color: rgba(255, 255, 255, 0.4);
font-size: 0.8em;
list-style: none;
margin: 1em 0 0 0;
margin: 5em 0 0 0;
padding: 0;
text-align: center;
}
#footer .copyright li {

BIN
images/Flash_Ace.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
images/HamStudyX.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

BIN
images/HamStudyX.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 125 KiB

BIN
images/stocksmartai.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 315 KiB

228
index.html
View File

@@ -5,7 +5,7 @@
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<head>
<title>Michael Roy's Portfolio</title>
<!--Favicon added below-->
<link rel="icon" href="./images/photo.png" type="image/png" />
@@ -25,34 +25,31 @@
<!-- ... existing header content ... -->
<div id="theme-toggle"></div>
</div>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<a
href="https://github.com/its-michaelroy"
class="image avatar"
target="_blank"
><img src="images/avatar.png" alt="Michael Roy" /></a
><br />
><img src="images/avatar.png" alt="Michael Roy" /></a><br />
<a
href="documents/Michael_Roy_Resume.pdf"
class="button"
id="downloadCV"
>Download CV</a
>
>Download CV</a>
<h1>
<strong>I am Michael Roy</strong>, a dedicated digital craftsman, Ham radio enthusiasts,
<br />
and lover of pancakes & Theology!<br />
I am Michael Roy, a dedicated Digital Craftsman, Ham Radio Enthusiast,
and lover of Pancakes & Theology!
</h1>
</div>
</header>
</header>
<!-- Main -->
<div id="main">
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<header class="major">
@@ -62,7 +59,7 @@
From a young age, I've always been fascinated by how things work,
constantly taking apart and reassembling gadgets to understand their
inner workings. This curiosity naturally led me to a career in
technology, where I could indulge my natural curiousity for
technology, where I could indulge my natural curiosity for
problem-solving and innovation. My journey took a significant turn
when I was deployed to Afghanistan, where I served as a military
police officer, working closely with the Afghan Army. This experience
@@ -112,17 +109,74 @@
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a
href="https://deep-impact.onrender.com"
href="https://github.com/its-michaelroy/HamStudyX"
class="image fit thumb"
target="_blank"
><img src="images/DeepImpact.jpeg" alt="Michael Roy"
><img src="images/HamStudyX.jpeg" alt="Michael Roy"
/></a>
<h3>Deep Impact (2024 Hackathon Winner!)</h3>
<h3>HamStudyX - January 2025</h3>
<p>
Web application designed to provide users with educational
insights into the potential dangers of asteroid impacts Built
using Python, JavaScript ES6, Django, React and hosted on Render
with NASA Sentry API
HamStudyX is a cross-platform mobile application designed to help users prepare for ham radio licensing exams. Built using .NET MAUI, it provides a structured way to practice multiple-choice and open-ended questions, track progress, and review quiz history — all within an intuitive interface
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a
href="https://github.com/Headstarters/Flash-card-app"
class="image fit thumb"
target="_blank"
><img src="images/Flash_Ace.png" alt="Michael Roy"
/></a>
<h3>FlashAce AI - August 2024</h3>
<p>
Dynamic AI flashcard application with study mode, allowing users to generate custom decks for efficient
learning.Built using Next, React, JavaScript ES6, MUI, Firebase, Clerk, OpenAI, and Stripe API
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a
href="https://stocksmart.obsidian-labs.org"
class="image fit thumb"
target="_blank"
><img src="images/stocksmartai.png" alt="Michael Roy"
/></a>
<h3>Stock Smart Pantry Tracker - July 2024</h3>
<p>
Project showcases expertise in modern web development frameworks, data management with full CRUD (Create,
Read, Update, Delete) capabilities, and user interface design using MUI components. Built a real-time pantry
tracking application with React, NextJS, MUI, and Firebase
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a
href="https://pay-bridge-bitcoin-games.vercel.app/"
class="image fit thumb"
target="_blank"
><img src="images/paybridge_logo.jpg" alt="Michael Roy"
/></a>
<h3>PayBridge - July 2024</h3>
<p>
A decentralized payroll platform utilizing Rootstock, that enables
businesses to seamlessly make monthly payments to their employees.
With PayBridge, companies can manage their payroll more
efficiently, while employees enjoy the convenience of accessing
their salaries through a user-friendly interface.Built using
Javascript, Python, React, Solidity, Next, Tailwind, and CSS.
Using Wagmi, and Open AI API.
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a
href="https://github.com/its-michaelroy/npx_business_card#readme"
class="image fit thumb"
target="_blank"
><img src="images/npx_Business_card_square.png" alt="Michael Roy"
/></a>
<h3>NPM Digital Business Card - June 2024</h3>
<p>
NPM Package created as an interesting way for other tech
enthusiasts and developers to reach out to each other and network.
Built with JavaScript, Node.js, and various libraries including
Megajs for file operations, Chalk fir styling, and more.
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
@@ -132,37 +186,7 @@
target="_blank"
><img src="images/DeepImpact.jpeg" alt="Michael Roy"
/></a>
<h3>Deep Impact (2024 Hackathon Winner!)</h3>
<p>
Web application designed to provide users with educational
insights into the potential dangers of asteroid impacts Built
using Python, JavaScript ES6, Django, React and hosted on Render
with NASA Sentry API
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a
href="https://deep-impact.onrender.com"
class="image fit thumb"
target="_blank"
><img src="images/DeepImpact.jpeg" alt="Michael Roy"
/></a>
<h3>Deep Impact (2024 Hackathon Winner!)</h3>
<p>
Web application designed to provide users with educational
insights into the potential dangers of asteroid impacts Built
using Python, JavaScript ES6, Django, React and hosted on Render
with NASA Sentry API
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a
href="https://deep-impact.onrender.com"
class="image fit thumb"
target="_blank"
><img src="images/DeepImpact.jpeg" alt="Michael Roy"
/></a>
<h3>Deep Impact (2024 Hackathon Winner!)</h3>
<h3>Deep Impact (2024 Hackathon Winner!) - May 2024</h3>
<p>
Web application designed to provide users with educational
insights into the potential dangers of asteroid impacts Built
@@ -177,7 +201,7 @@
target="_blank"
><img src="images/platoon-console-v3.svg" alt="Michael Roy"
/></a>
<h3>Platoon Console</h3>
<h3>Platoon Console - April 2024</h3>
<p>
Web application dashboard for managing Code Platoon cohorts,
offering centralized access to course materials Built using
@@ -185,24 +209,6 @@
with Google API
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a
href="https://pay-bridge-bitcoin-games.vercel.app/"
class="image fit thumb"
target="_blank"
><img src="images/paybridge_logo.jpg" alt="Michael Roy"
/></a>
<h3>PayBridge</h3>
<p>
A decentralized payroll platform utilizing Rootstock, that enables
businesses to seamlessly make monthly payments to their employees.
With PayBridge, companies can manage their payroll more
efficiently, while employees enjoy the convenience of accessing
their salaries through a user-friendly interface.Built using
Javascript, Python, React, Solidity, Next, Tailwind, and CSS.
Using Wagmi, and Open AI API.
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a
href="https://github.com/its-michaelroy/ValidationStation"
@@ -210,7 +216,7 @@
target="_blank"
><img src="images/validation.png" alt="Michael Roy"
/></a>
<h3>Validation Station</h3>
<h3>Validation Station - April 2024</h3>
<p>
Application created for businesses as a way to create a databse of
valid contact information and for individual use as a way to avoid
@@ -231,7 +237,7 @@
target="_blank"
><img src="images/website.png" alt="Michael Roy"
/></a>
<h3>Minimal Portfolio</h3>
<h3>Minimal Portfolio - February 2024</h3>
<p>
Created to showcase my projects and experience in a minimalistic
format.Built with Javascript, React, Tailwind, Vite, CSS
@@ -244,28 +250,13 @@
target="_blank"
><img src="images/Shufflepuck.png" alt="Michael Roy"
/></a>
<h3>Shuffle Puck</h3>
<h3>Shuffle Puck - April 2017</h3>
<p>
Web application game created as capstone project for users to play
a game of shufflepuck against an AI apponet. Built using
a game of 'shufflepuck' against an AI opponent. Built using
JavaScript ES6, PHP, CSS, and SVG
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a
href="https://github.com/its-michaelroy/npx_business_card#readme"
class="image fit thumb"
target="_blank"
><img src="images/npx_Business_card_square.png" alt="Michael Roy"
/></a>
<h3>NPM Digital Business Card</h3>
<p>
NPM Package created as an interesting way for other tech
enthusiasts and developers to reach out to each other and network.
Built with JavaScript, Node.js, and various libraries including
Megajs for file operations, Chalk fir styling, and more.
</p>
</article>
</div>
<!-- <ul class="actions">
<li><a href="#" class="button">Full Portfolio</a></li>
@@ -357,10 +348,10 @@
</div>
</div>
</section>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li>
@@ -422,36 +413,37 @@
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<div></div>
</footer>
<!-- Scripts -->
<!-- Required only if you are using hCaptcha or Advanced File Upload. -->
<script src="https://web3forms.com/client/script.js" async defer></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/year.js"></script>
<script src="assets/js/fullparagrph.js"></script>
<script src="assets/js/darkmode.js"></script>
<script src="assets/js/formHandler.js" defer></script>
<script>
<!-- Scripts -->
<!-- Required only if you are using hCaptcha or Advanced File Upload. -->
<script src="https://web3forms.com/client/script.js" async defer></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/year.js"></script>
<script src="assets/js/fullparagrph.js"></script>
<script src="assets/js/darkmode.js"></script>
<script src="assets/js/formHandler.js" defer></script>
<script>
window.va =
window.va ||
function () {
function() {
(window.vaq = window.vaq || []).push(arguments);
};
</script>
<script defer src="/_vercel/insights/script.js"></script>
<script>
</script>
<script defer src="/_vercel/insights/script.js"></script>
<script>
window.si =
window.si ||
function () {
function() {
(window.siq = window.siq || []).push(arguments);
};
</script>
<script defer src="/_vercel/speed-insights/script.js"></script>
</body>
</script>
<script defer src="/_vercel/speed-insights/script.js"></script>
</body>
</html>