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

Added content-security-policy

Browse Source
This commit is contained in:
MajorDroolz
2022-12-18 00:03:49 -05:00
parent f64603710d
commit 3c3c02e08a
2 changed files with 42 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
resume/index.css
View File

@@ -4,6 +4,7 @@
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;
--steelblue: #385757;
} }
* { * {
@@ -90,20 +91,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;
} }
@@ -151,15 +159,15 @@ body::before {
} }
.email { .email {
color: dodgerblue; /* color: dodgerblue; */
} }
.phone { .phone {
color: orangered; /* color: orangered; */
} }
.location { .location {
color: green; /* color: green; */
} }
/*---- Sectioning ------------------------------------------------------------*/ /*---- Sectioning ------------------------------------------------------------*/
@@ -185,12 +193,12 @@ body::before {
.title { .title {
font-weight: bold; font-weight: bold;
font-family: Verdana; font-family: Verdana;
color: steelblue; /* color: var(--steelblue); */
} }
.title > i { .title > i {
font-weight: normal; font-weight: normal;
color: black; /* color: black; */
} }
.date { .date {
@@ -200,7 +208,7 @@ body::before {
.place { .place {
font-weight: normal; font-weight: normal;
display: block; display: block;
color: dimgray; /* color: dimgray; */
text-transform: uppercase; text-transform: uppercase;
} }
@@ -216,7 +224,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: black; */
background: whitesmoke; background: whitesmoke;
font-family: monospace; font-family: monospace;
white-space: nowrap; white-space: nowrap;
@@ -270,7 +278,7 @@ body::before {
} }
.freshmanuals { .freshmanuals {
color: steelblue; /* color: var(--steelblue); */
} }
/*---- Animations ------------------------------------------------------------*/ /*---- Animations ------------------------------------------------------------*/

31
resume/index.html
View File

@@ -2,14 +2,27 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Resume of Maxim Voldman Hutz</title> <title>Resume of Maxim Voldman Hutz</title>
<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.">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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';
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:;
">
<!-- Preconnect with the web-font services. -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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">
<!-- The font and icons. -->
<link rel="stylesheet" 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">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<!-- Resume styling. -->
<link rel="stylesheet" type="text/css" href="index.css"> <link rel="stylesheet" type="text/css" href="index.css">
</head> </head>
@@ -29,7 +42,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 +56,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 +74,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 +116,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 +156,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>