mirror of
https://github.com/its-michaelroy/Simple_Portfolio.git
synced 2026-06-03 23:00:43 +00:00
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.
This commit is contained in:
its-michaelroy
25
.idea/watcherTasks.xml
generated
Normal file
25
.idea/watcherTasks.xml
generated
Normal 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>
|
||||
@@ -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
BIN
images/Flash_Ace.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
images/HamStudyX.jpeg
Normal file
BIN
images/HamStudyX.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
BIN
images/HamStudyX.jpg
Normal file
BIN
images/HamStudyX.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
BIN
images/stocksmartai.png
Normal file
BIN
images/stocksmartai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 315 KiB |
814
index.html
814
index.html
@@ -5,77 +5,74 @@
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Michael Roy's Portfolio</title>
|
||||
<!--Favicon added below-->
|
||||
<link rel="icon" href="./images/photo.png" type="image/png" />
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, user-scalable=no"
|
||||
/>
|
||||
<link rel="stylesheet" href="assets/css/main.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
|
||||
/>
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<head>
|
||||
<title>Michael Roy's Portfolio</title>
|
||||
<!--Favicon added below-->
|
||||
<link rel="icon" href="./images/photo.png" type="image/png" />
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, user-scalable=no"
|
||||
/>
|
||||
<link rel="stylesheet" href="assets/css/main.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
|
||||
/>
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
|
||||
<div class="inner">
|
||||
<!-- ... existing header content ... -->
|
||||
<div id="theme-toggle"></div>
|
||||
</div>
|
||||
</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 />
|
||||
<a
|
||||
href="documents/Michael_Roy_Resume.pdf"
|
||||
class="button"
|
||||
id="downloadCV"
|
||||
>Download CV</a
|
||||
>
|
||||
<div class="inner">
|
||||
<!-- ... existing header content ... -->
|
||||
<div id="theme-toggle"></div>
|
||||
</div>
|
||||
</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 />
|
||||
<a
|
||||
href="documents/Michael_Roy_Resume.pdf"
|
||||
class="button"
|
||||
id="downloadCV"
|
||||
>Download CV</a>
|
||||
|
||||
<h1>
|
||||
<strong>I am Michael Roy</strong>, a dedicated digital craftsman, Ham radio enthusiasts,
|
||||
<br />
|
||||
and lover of pancakes & Theology!<br />
|
||||
</h1>
|
||||
</div>
|
||||
<h1>
|
||||
I am Michael Roy, a dedicated Digital Craftsman, Ham Radio Enthusiast,
|
||||
and lover of Pancakes & Theology!
|
||||
</h1>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Main -->
|
||||
<div id="main">
|
||||
<!-- One -->
|
||||
<section id="one">
|
||||
<header class="major">
|
||||
<h2>About Me<br /></h2>
|
||||
</header>
|
||||
|
||||
<!-- Main -->
|
||||
<div id="main">
|
||||
<!-- One -->
|
||||
<section id="one">
|
||||
<header class="major">
|
||||
<h2>About Me<br /></h2>
|
||||
</header>
|
||||
<p>
|
||||
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
|
||||
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
|
||||
instilled in me
|
||||
<span id="more" class="hidden">
|
||||
<p>
|
||||
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 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
|
||||
instilled in me
|
||||
<span id="more" class="hidden">
|
||||
a strong work ethic and discipline, and it was during this time I
|
||||
was encouraged by special ops personnel to pursue IT. This advice
|
||||
set me on a path that led to critical roles in data center
|
||||
management and network optimization for organizations like Oracle.
|
||||
</span>
|
||||
</p>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<p>
|
||||
<span id="more" class="hidden">
|
||||
My career took another pivotal step during my time at UPMC
|
||||
CancerCenters, where I realized that technology could have a
|
||||
@@ -92,229 +89,223 @@
|
||||
opportunities, or simply exchange knowledge in the tech space, I'd
|
||||
love to connect!
|
||||
</span>
|
||||
</p>
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<button
|
||||
id="learn-more-btn"
|
||||
class="button learn-more"
|
||||
onclick="toggleParagraph()"
|
||||
>
|
||||
Learn More
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</p>
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<button
|
||||
id="learn-more-btn"
|
||||
class="button learn-more"
|
||||
onclick="toggleParagraph()"
|
||||
>
|
||||
Learn More
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Two -->
|
||||
<section id="two">
|
||||
<h2>Recent Work</h2>
|
||||
<div class="row">
|
||||
<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>
|
||||
<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>
|
||||
<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://github.com/L-Carr/Platoon-Console"
|
||||
class="image fit thumb"
|
||||
target="_blank"
|
||||
><img src="images/platoon-console-v3.svg" alt="Michael Roy"
|
||||
/></a>
|
||||
<h3>Platoon Console</h3>
|
||||
<p>
|
||||
Web application dashboard for managing Code Platoon cohorts,
|
||||
offering centralized access to course materials Built using
|
||||
Python, JavaScript ES6, Django, React, and a PostgreSQL database
|
||||
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"
|
||||
class="image fit thumb"
|
||||
target="_blank"
|
||||
><img src="images/validation.png" alt="Michael Roy"
|
||||
/></a>
|
||||
<h3>Validation Station</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
|
||||
spam via email and phone calls. Future use will include a way to
|
||||
import and export csvs of data for blacklist and whitelist. Built
|
||||
using Python, JavaScript ES6, Django, React, and a PostgreSQL
|
||||
database for storing user Login, Email, and Phone information.
|
||||
Utilizes API for email and phone number validation from
|
||||
<a href="https://www.bigdatacloud.com" target="_blank"
|
||||
>Big Data Cloud</a
|
||||
>
|
||||
</p>
|
||||
</article>
|
||||
<article class="col-6 col-12-xsmall work-item">
|
||||
<a
|
||||
href="https://mrcodewizard.com"
|
||||
class="image fit thumb"
|
||||
target="_blank"
|
||||
><img src="images/website.png" alt="Michael Roy"
|
||||
/></a>
|
||||
<h3>Minimal Portfolio</h3>
|
||||
<p>
|
||||
Created to showcase my projects and experience in a minimalistic
|
||||
format.Built with Javascript, React, Tailwind, Vite, CSS
|
||||
</p>
|
||||
</article>
|
||||
<article class="col-6 col-12-xsmall work-item">
|
||||
<a
|
||||
href="https://mrcodewizard.com/p1/ShufflePuck"
|
||||
class="image fit thumb"
|
||||
target="_blank"
|
||||
><img src="images/Shufflepuck.png" alt="Michael Roy"
|
||||
/></a>
|
||||
<h3>Shuffle Puck</h3>
|
||||
<p>
|
||||
Web application game created as capstone project for users to play
|
||||
a game of shufflepuck against an AI apponet. 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>
|
||||
</ul> -->
|
||||
</section>
|
||||
|
||||
<!-- Three -->
|
||||
<section id="three">
|
||||
<h2>Get In Touch</h2>
|
||||
<!-- Two -->
|
||||
<section id="two">
|
||||
<h2>Recent Work</h2>
|
||||
<div class="row">
|
||||
<article class="col-6 col-12-xsmall work-item">
|
||||
<a
|
||||
href="https://github.com/its-michaelroy/HamStudyX"
|
||||
class="image fit thumb"
|
||||
target="_blank"
|
||||
><img src="images/HamStudyX.jpeg" alt="Michael Roy"
|
||||
/></a>
|
||||
<h3>HamStudyX - January 2025</h3>
|
||||
<p>
|
||||
If you're passionate about software engineering, DevOps, or innovative
|
||||
AI projects, let's connect! With over a decade of experience in IT and
|
||||
recent ventures into full-stack development and cloud engineering, I'm
|
||||
eager to collaborate, share insights, and explore new opportunities.
|
||||
Reach out to discuss projects, career opportunities, or simply to
|
||||
exchange knowledge in the tech space.
|
||||
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>
|
||||
<div class="row">
|
||||
<div class="col-8 col-12-small">
|
||||
<form
|
||||
method="POST"
|
||||
action="https://api.web3forms.com/submit"
|
||||
class="row gtr-uniform gtr-50"
|
||||
id="contactForm"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
name="access_key"
|
||||
value="da00b9ec-b11d-424c-af36-d19b232d365a"
|
||||
/>
|
||||
<div class="col-6 col-12-xsmall">
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
id="name"
|
||||
placeholder="Name"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="col-6 col-12-xsmall">
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
id="email"
|
||||
placeholder="Email"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
</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">
|
||||
<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!) - May 2024</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://github.com/L-Carr/Platoon-Console"
|
||||
class="image fit thumb"
|
||||
target="_blank"
|
||||
><img src="images/platoon-console-v3.svg" alt="Michael Roy"
|
||||
/></a>
|
||||
<h3>Platoon Console - April 2024</h3>
|
||||
<p>
|
||||
Web application dashboard for managing Code Platoon cohorts,
|
||||
offering centralized access to course materials Built using
|
||||
Python, JavaScript ES6, Django, React, and a PostgreSQL database
|
||||
with Google API
|
||||
</p>
|
||||
</article>
|
||||
<article class="col-6 col-12-xsmall work-item">
|
||||
<a
|
||||
href="https://github.com/its-michaelroy/ValidationStation"
|
||||
class="image fit thumb"
|
||||
target="_blank"
|
||||
><img src="images/validation.png" alt="Michael Roy"
|
||||
/></a>
|
||||
<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
|
||||
spam via email and phone calls. Future use will include a way to
|
||||
import and export csvs of data for blacklist and whitelist. Built
|
||||
using Python, JavaScript ES6, Django, React, and a PostgreSQL
|
||||
database for storing user Login, Email, and Phone information.
|
||||
Utilizes API for email and phone number validation from
|
||||
<a href="https://www.bigdatacloud.com" target="_blank"
|
||||
>Big Data Cloud</a
|
||||
>
|
||||
</p>
|
||||
</article>
|
||||
<article class="col-6 col-12-xsmall work-item">
|
||||
<a
|
||||
href="https://mrcodewizard.com"
|
||||
class="image fit thumb"
|
||||
target="_blank"
|
||||
><img src="images/website.png" alt="Michael Roy"
|
||||
/></a>
|
||||
<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
|
||||
</p>
|
||||
</article>
|
||||
<article class="col-6 col-12-xsmall work-item">
|
||||
<a
|
||||
href="https://mrcodewizard.com/p1/ShufflePuck"
|
||||
class="image fit thumb"
|
||||
target="_blank"
|
||||
><img src="images/Shufflepuck.png" alt="Michael Roy"
|
||||
/></a>
|
||||
<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 opponent. Built using
|
||||
JavaScript ES6, PHP, CSS, and SVG
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
<!-- <ul class="actions">
|
||||
<li><a href="#" class="button">Full Portfolio</a></li>
|
||||
</ul> -->
|
||||
</section>
|
||||
|
||||
<!-- Three -->
|
||||
<section id="three">
|
||||
<h2>Get In Touch</h2>
|
||||
<p>
|
||||
If you're passionate about software engineering, DevOps, or innovative
|
||||
AI projects, let's connect! With over a decade of experience in IT and
|
||||
recent ventures into full-stack development and cloud engineering, I'm
|
||||
eager to collaborate, share insights, and explore new opportunities.
|
||||
Reach out to discuss projects, career opportunities, or simply to
|
||||
exchange knowledge in the tech space.
|
||||
</p>
|
||||
<div class="row">
|
||||
<div class="col-8 col-12-small">
|
||||
<form
|
||||
method="POST"
|
||||
action="https://api.web3forms.com/submit"
|
||||
class="row gtr-uniform gtr-50"
|
||||
id="contactForm"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
name="access_key"
|
||||
value="da00b9ec-b11d-424c-af36-d19b232d365a"
|
||||
/>
|
||||
<div class="col-6 col-12-xsmall">
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
id="name"
|
||||
placeholder="Name"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="col-6 col-12-xsmall">
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
id="email"
|
||||
placeholder="Email"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<textarea
|
||||
name="message"
|
||||
id="message"
|
||||
@@ -322,136 +313,137 @@
|
||||
rows="4"
|
||||
required
|
||||
></textarea>
|
||||
</div>
|
||||
<div class="col-6 col-12-xsmall">
|
||||
<div
|
||||
class="h-captcha"
|
||||
data-captcha="true"
|
||||
data-callback="onVerify"
|
||||
></div>
|
||||
</div>
|
||||
<!-- Honeypot Spam Protection -->
|
||||
<input
|
||||
type="checkbox"
|
||||
name="botcheck"
|
||||
class="hidden"
|
||||
style="display: none"
|
||||
/>
|
||||
<div class="col-12">
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<input
|
||||
id="send-message-input"
|
||||
type="submit"
|
||||
value="Send Message"
|
||||
/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<input
|
||||
type="hidden"
|
||||
name="from_name"
|
||||
value="From Michaelroy.dev"
|
||||
/>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
<li>
|
||||
<a
|
||||
href="https://www.linkedin.com/in/michaelroy91"
|
||||
class="icon brands fa-linkedin"
|
||||
target="_blank"
|
||||
title="Visit my LinkedIn"
|
||||
><span class="label">Linkedin</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/its-michaelroy"
|
||||
class="icon brands fa-github"
|
||||
target="_blank"
|
||||
title="Visit my Github"
|
||||
><span class="label">Github</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://mrcodewizard.com/"
|
||||
class="icon brands fa-fort-awesome"
|
||||
target="_blank"
|
||||
title="Visit my Portfolio"
|
||||
><span class="label">Portfolio</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="documents/Michael_Roy_Resume.pdf"
|
||||
class="icon solid fa-file-pdf"
|
||||
download="Michael_Roy_Resume.pdf"
|
||||
title="Resume"
|
||||
><span class="label">Resume</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="mailto:michael.roy@mrcodewizard.com"
|
||||
class="icon solid fa-envelope"
|
||||
title="Send an Email"
|
||||
><span class="label">Email</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://buymeacoffee.com/michaelroy"
|
||||
class="icon solid fa-coffee"
|
||||
target="_blank"
|
||||
title="Buy this guy some Jo'"
|
||||
><span class="label">Coffee</span></a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="copyright">
|
||||
<li id="year">© Michael Roy.</li>
|
||||
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||||
</ul>
|
||||
<div class="col-6 col-12-xsmall">
|
||||
<div
|
||||
class="h-captcha"
|
||||
data-captcha="true"
|
||||
data-callback="onVerify"
|
||||
></div>
|
||||
</div>
|
||||
<!-- Honeypot Spam Protection -->
|
||||
<input
|
||||
type="checkbox"
|
||||
name="botcheck"
|
||||
class="hidden"
|
||||
style="display: none"
|
||||
/>
|
||||
<div class="col-12">
|
||||
<ul class="actions">
|
||||
<li>
|
||||
<input
|
||||
id="send-message-input"
|
||||
type="submit"
|
||||
value="Send Message"
|
||||
/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<input
|
||||
type="hidden"
|
||||
name="from_name"
|
||||
value="From Michaelroy.dev"
|
||||
/>
|
||||
</form>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- 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 () {
|
||||
(window.vaq = window.vaq || []).push(arguments);
|
||||
};
|
||||
</script>
|
||||
<script defer src="/_vercel/insights/script.js"></script>
|
||||
<script>
|
||||
window.si =
|
||||
window.si ||
|
||||
function () {
|
||||
(window.siq = window.siq || []).push(arguments);
|
||||
};
|
||||
</script>
|
||||
<script defer src="/_vercel/speed-insights/script.js"></script>
|
||||
</body>
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
<li>
|
||||
<a
|
||||
href="https://www.linkedin.com/in/michaelroy91"
|
||||
class="icon brands fa-linkedin"
|
||||
target="_blank"
|
||||
title="Visit my LinkedIn"
|
||||
><span class="label">Linkedin</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/its-michaelroy"
|
||||
class="icon brands fa-github"
|
||||
target="_blank"
|
||||
title="Visit my Github"
|
||||
><span class="label">Github</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://mrcodewizard.com/"
|
||||
class="icon brands fa-fort-awesome"
|
||||
target="_blank"
|
||||
title="Visit my Portfolio"
|
||||
><span class="label">Portfolio</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="documents/Michael_Roy_Resume.pdf"
|
||||
class="icon solid fa-file-pdf"
|
||||
download="Michael_Roy_Resume.pdf"
|
||||
title="Resume"
|
||||
><span class="label">Resume</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="mailto:michael.roy@mrcodewizard.com"
|
||||
class="icon solid fa-envelope"
|
||||
title="Send an Email"
|
||||
><span class="label">Email</span></a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://buymeacoffee.com/michaelroy"
|
||||
class="icon solid fa-coffee"
|
||||
target="_blank"
|
||||
title="Buy this guy some Jo'"
|
||||
><span class="label">Coffee</span></a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="copyright">
|
||||
<li id="year">© Michael Roy.</li>
|
||||
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<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>
|
||||
window.va =
|
||||
window.va ||
|
||||
function() {
|
||||
(window.vaq = window.vaq || []).push(arguments);
|
||||
};
|
||||
</script>
|
||||
<script defer src="/_vercel/insights/script.js"></script>
|
||||
<script>
|
||||
window.si =
|
||||
window.si ||
|
||||
function() {
|
||||
(window.siq = window.siq || []).push(arguments);
|
||||
};
|
||||
</script>
|
||||
<script defer src="/_vercel/speed-insights/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user