Added content-security-policy
This commit is contained in:
MajorDroolz
@@ -4,6 +4,7 @@
|
||||
font-family: sans-serif;
|
||||
--timing: cubic-bezier(.2,1,0,1);
|
||||
--enter: 2s var(--timing) 0.2s backwards;
|
||||
--steelblue: #385757;
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -90,20 +91,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;
|
||||
}
|
||||
@@ -151,15 +159,15 @@ body::before {
|
||||
}
|
||||
|
||||
.email {
|
||||
color: dodgerblue;
|
||||
/* color: dodgerblue; */
|
||||
}
|
||||
|
||||
.phone {
|
||||
color: orangered;
|
||||
/* color: orangered; */
|
||||
}
|
||||
|
||||
.location {
|
||||
color: green;
|
||||
/* color: green; */
|
||||
}
|
||||
|
||||
/*---- Sectioning ------------------------------------------------------------*/
|
||||
@@ -185,12 +193,12 @@ body::before {
|
||||
.title {
|
||||
font-weight: bold;
|
||||
font-family: Verdana;
|
||||
color: steelblue;
|
||||
/* color: var(--steelblue); */
|
||||
}
|
||||
|
||||
.title > i {
|
||||
font-weight: normal;
|
||||
color: black;
|
||||
/* color: black; */
|
||||
}
|
||||
|
||||
.date {
|
||||
@@ -200,7 +208,7 @@ body::before {
|
||||
.place {
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
color: dimgray;
|
||||
/* color: dimgray; */
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@@ -216,7 +224,7 @@ body::before {
|
||||
display: inline-flex;
|
||||
padding: 0.5em 1em;
|
||||
border-radius: 0.5em;
|
||||
color: steelblue;
|
||||
/* color: black; */
|
||||
background: whitesmoke;
|
||||
font-family: monospace;
|
||||
white-space: nowrap;
|
||||
@@ -270,7 +278,7 @@ body::before {
|
||||
}
|
||||
|
||||
.freshmanuals {
|
||||
color: steelblue;
|
||||
/* color: var(--steelblue); */
|
||||
}
|
||||
|
||||
/*---- Animations ------------------------------------------------------------*/
|
||||
|
||||
@@ -2,14 +2,27 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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="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.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">
|
||||
|
||||
|
||||
<!-- Resume styling. -->
|
||||
<link rel="stylesheet" type="text/css" href="index.css">
|
||||
</head>
|
||||
|
||||
@@ -29,7 +42,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 +56,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 +74,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 +116,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 +156,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>
|
||||
Reference in New Issue
Block a user