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

50
resume/index.html
View File

@@ -2,15 +2,37 @@
<html lang="en">
<head>
<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"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<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"/>
<!-- Preconnect with the web-font services. -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<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"/>
<link rel="stylesheet" type="text/css" href="index.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="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>
<body>
@@ -29,7 +51,7 @@
<i class="bi bi-telephone-fill icon"></i>
914.216.5972
</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>
New York City or Tri-State Area Preferred
</a>
@@ -43,7 +65,7 @@
<section>
<header class="experience">
<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>
</div>
<h3 class="title">Software Engineer Internship</h3>
@@ -61,7 +83,7 @@
<section>
<header class="experience">
<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>
</div>
<h3 class="title">Junior Software Engineer Internship</h3>
@@ -103,7 +125,7 @@
</h2>
<header class="experience">
<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>
</div>
<h3 class="title">BS Computer Science, BS Information Technology & Web Science</h3>
@@ -143,13 +165,13 @@
<address class="resume-footer">
<a href="https://github.com/MajorDroolz" class="footer-icon" target="_blank">
<i class="bi bi-github footer-img"></i>
GitHub
</a>
<a href="https://www.linkedin.com/in/maximhutz" class="footer-icon" target="_blank">
<i class="bi bi-linkedin footer-img"></i>
LinkedIn
</a>
</address>
</footer>
</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';
}
}