web/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #5 from MajorDroolz/lighthouse

Browse Source
This commit is contained in:
MajorDroolz
2022-12-18 02:06:40 -05:00
committed by GitHub
parent d28184dc59 14f5d66bfa
commit 82c5b8c9e4
7 changed files with 84 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

14
manifest.json Normal file
View File

@@ -0,0 +1,14 @@
{
"start_url": "/",
"name": "Max's Personal Website",
"short_name": "Max's Place",
"display": "minimal-ui",
"icons": [
{
"src": "/res/favicon.ico",
"type": "image/png",
"sizes": "144x144",
"purpose": "any"
}
]
}

BIN
res/.DS_Store vendored Normal file
View File

Binary file not shown.

BIN
res/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

41
resume/index.css
View File

@@ -4,6 +4,14 @@
font-family: sans-serif; font-family: sans-serif;
--timing: cubic-bezier(.2,1,0,1); --timing: cubic-bezier(.2,1,0,1);
--enter: 2s var(--timing) 0.2s backwards; --enter: 2s var(--timing) 0.2s backwards;
--blue: #3F75A2;
--darkblue: #2E5476;
--grey: #575757;
--link-r: #D13800;
--link-g: #006B00;
--link-b: #006EDB;
} }
* { * {
@@ -71,7 +79,7 @@ nav.navbar {
.resume-header { .resume-header {
color: white; color: white;
filter: opacity(0.5); filter: opacity(0.5);
font: bold 8em 'Poppins'; font: bold 8em Poppins;
animation: var(--enter) title-enter; animation: var(--enter) title-enter;
will-change: transform, filter; will-change: transform, filter;
user-select: none; user-select: none;
@@ -90,20 +98,27 @@ footer.navbar {
.footer-icon { .footer-icon {
text-decoration: none; text-decoration: none;
opacity: 0.5;
color: white;
font-size: 0.2em;
font-family: Verdana;
font-weight: 600;
display: inline-flex;
flex-direction: column;
align-items: center;
transition: transform 0.3s, opacity 0.3s;
} }
.footer-img { .footer-img {
display: inline-block; display: inline-block;
font-size: 0.75em; font-size: 4em !important;
user-select: none; user-select: none;
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
transform: scale(1); transform: scale(1);
opacity: 0.5;
transition: transform 0.3s, opacity 0.3s;
} }
.footer-img:hover { .footer-icon:hover {
transform: scale(1.1); transform: scale(1.1);
opacity: 1; opacity: 1;
} }
@@ -141,6 +156,7 @@ body::before {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-style: normal; font-style: normal;
font-weight: bold;
margin-top: 1em; margin-top: 1em;
} }
@@ -151,15 +167,15 @@ body::before {
} }
.email { .email {
color: dodgerblue; color: var(--link-b);
} }
.phone { .phone {
color: orangered; color: var(--link-r);
} }
.location { .location {
color: green; color: var(--link-g);
} }
/*---- Sectioning ------------------------------------------------------------*/ /*---- Sectioning ------------------------------------------------------------*/
@@ -185,12 +201,11 @@ body::before {
.title { .title {
font-weight: bold; font-weight: bold;
font-family: Verdana; font-family: Verdana;
color: steelblue; color: var(--blue);
} }
.title > i { .title > i {
font-weight: normal; font-weight: normal;
color: black;
} }
.date { .date {
@@ -200,7 +215,7 @@ body::before {
.place { .place {
font-weight: normal; font-weight: normal;
display: block; display: block;
color: dimgray; color: var(--grey);
text-transform: uppercase; text-transform: uppercase;
} }
@@ -216,7 +231,7 @@ body::before {
display: inline-flex; display: inline-flex;
padding: 0.5em 1em; padding: 0.5em 1em;
border-radius: 0.5em; border-radius: 0.5em;
color: steelblue; color: var(--blue);
background: whitesmoke; background: whitesmoke;
font-family: monospace; font-family: monospace;
white-space: nowrap; white-space: nowrap;
@@ -270,7 +285,7 @@ body::before {
} }
.freshmanuals { .freshmanuals {
color: steelblue; color: var(--darkblue);
} }
/*---- Animations ------------------------------------------------------------*/ /*---- Animations ------------------------------------------------------------*/

50
resume/index.html
View File

@@ -2,15 +2,37 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Resume of Maxim Voldman Hutz</title> <title>Resume of Maxim Voldman Hutz</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This page holds a preview of the resume of Maxim Voldman Hutz.">
<!-- Header metadata. -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Security-Policy" content="
default-src 'self' 'unsafe-inline';
style-src 'self' https://fonts.googleapis.com https://cdn.jsdelivr.net;
font-src 'self' https://cdn.jsdelivr.net https://fonts.gstatic.com;
connect-src ws:;
">
<script async src="index.js"></script>
<!-- Site's Icon -->
<link rel="icon" type="image/png" href="/res/favicon.ico">
<!-- Site manifest. -->
<link rel="manifest" href="/manifest.json">
<link rel="preconnect" href="https://fonts.googleapis.com"/> <!-- Preconnect with the web-font services. -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,500;0,800;0,900;1,100;1,500;1,800;1,900&display=swap" rel="stylesheet"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"/> <!-- The font and icons. -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,500;0,800;0,900;1,100;1,500;1,800;1,900&display=swap" as="style">
<link rel="stylesheet" type="text/css" href="index.css"/> <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css" as="style">
<!-- Resume styling. -->
<link rel="stylesheet" type="text/css" href="index.css">
</head> </head>
<body> <body>
@@ -29,7 +51,7 @@
<i class="bi bi-telephone-fill icon"></i> <i class="bi bi-telephone-fill icon"></i>
914.216.5972 914.216.5972
</a> </a>
<a class="contact-detail location"> <a class="contact-detail location" href="https://en.wikipedia.org/wiki/Tri-state_area">
<i class="bi bi-geo-fill icon"></i> <i class="bi bi-geo-fill icon"></i>
New York City or Tri-State Area Preferred New York City or Tri-State Area Preferred
</a> </a>
@@ -43,7 +65,7 @@
<section> <section>
<header class="experience"> <header class="experience">
<div class="hflex"> <div class="hflex">
<h4 class="place">Tightrope Interactive, <i>Cold Spring, NY</i></h4> <p class="place">Tightrope Interactive, <i>Cold Spring, NY</i></p>
<aside class="date">05/2022 - 08/2022</aside> <aside class="date">05/2022 - 08/2022</aside>
</div> </div>
<h3 class="title">Software Engineer Internship</h3> <h3 class="title">Software Engineer Internship</h3>
@@ -61,7 +83,7 @@
<section> <section>
<header class="experience"> <header class="experience">
<div class="hflex"> <div class="hflex">
<h4 class="place">Tightrope Interactive, <i>Cold Spring, NY</i></h4> <p class="place">Tightrope Interactive, <i>Cold Spring, NY</i></p>
<aside class="date">05/2021 - 8/2021</aside> <aside class="date">05/2021 - 8/2021</aside>
</div> </div>
<h3 class="title">Junior Software Engineer Internship</h3> <h3 class="title">Junior Software Engineer Internship</h3>
@@ -103,7 +125,7 @@
</h2> </h2>
<header class="experience"> <header class="experience">
<div class="hflex"> <div class="hflex">
<h4 class="place">Rensselaer Polytehnic Institute, <i>Troy, NY</i></h4> <p class="place">Rensselaer Polytehnic Institute, <i>Troy, NY</i></p>
<aside class="date">Expected Graduation 05/2025</aside> <aside class="date">Expected Graduation 05/2025</aside>
</div> </div>
<h3 class="title">BS Computer Science, BS Information Technology & Web Science</h3> <h3 class="title">BS Computer Science, BS Information Technology & Web Science</h3>
@@ -143,13 +165,13 @@
<address class="resume-footer"> <address class="resume-footer">
<a href="https://github.com/MajorDroolz" class="footer-icon" target="_blank"> <a href="https://github.com/MajorDroolz" class="footer-icon" target="_blank">
<i class="bi bi-github footer-img"></i> <i class="bi bi-github footer-img"></i>
GitHub
</a> </a>
<a href="https://www.linkedin.com/in/maximhutz" class="footer-icon" target="_blank"> <a href="https://www.linkedin.com/in/maximhutz" class="footer-icon" target="_blank">
<i class="bi bi-linkedin footer-img"></i> <i class="bi bi-linkedin footer-img"></i>
LinkedIn
</a> </a>
</address> </address>
</footer> </footer>
</body> </body>
</html> </html>

6
resume/index.js Normal file
View File

@@ -0,0 +1,6 @@
window.onload = function () {
const links = document.querySelectorAll('link[rel="preload"]');
for (const link of links) {
link.rel = 'stylesheet';
}
}