main: Added new parallax home background

This commit is contained in:
2023-05-12 15:18:05 +10:00
parent 150b96c98a
commit a739704fbb
57 changed files with 99 additions and 86 deletions

View File

@@ -34,21 +34,21 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700&amp;display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anonymous+Pro&amp;display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<link rel="stylesheet" href="assets/css/Footer-Dark-icons.css">
<link rel="stylesheet" href="assets/css/resume.css">
<link rel="stylesheet" href="assets/css/Social-Icons.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
<link rel="stylesheet" href="assets/css/Footer-Dark-icons.min.css">
<link rel="stylesheet" href="assets/css/resume.min.css">
</head>
<body style="width: 90%;margin-left: 5%;margin-right: 5%;">
<div class="d-none d-lg-inline d-xl-inline d-xxl-inline">
<div class="profile-container" style="margin-top: 5em;margin-bottom: 5em;"><img class="profile background2" src="assets/img/orange.png" style="border-radius: 50%;" alt=""><img class="profile background" src="assets/img/profile.jpg" style="border-radius: 50%;" alt="Profile Photo"><img class="profile foreground" src="assets/img/pfront.png" alt=""></div>
<div class="profile-container" style="margin-top: 5em;margin-bottom: 5em;"><img class="profile background2" src="assets/img/orange.webp" style="border-radius: 50%;" alt=""><img class="profile background" src="assets/img/profile.jpg" style="border-radius: 50%;" alt="Profile Photo"><img class="profile foreground" src="assets/img/pfront.webp" alt=""></div>
<div class="title" style="text-align: right;background: #b54c00;">
<h1>Nathan Woodburn</h1>
<p>IT enthusiast &amp; Student | <a href="https://nathan.woodburn.au"><span style="color: rgb(195, 247, 227);">https://nathan.woodburn.au</span></a>&nbsp;| <a href="mailto:contact@nathan.woodburn.au"><span style="color: rgb(195, 247, 227);">contact@nathan.woodburn.au</span></a></p>
</div>
</div>
<div class="d-lg-none d-xl-none d-xxl-none">
<div class="profile-container" style="margin-top: 5em;"><img class="profilesml background2sml" src="assets/img/orange.png" style="border-radius: 50%;width: 150px;" alt=""><img class="profilesml backgroundsml" src="assets/img/profile.jpg" style="border-radius: 50%;width: 150px;" alt="Profile Photo"><img class="profilesml foregroundsml" src="assets/img/pfront.png" style="width: 150px;" alt=""></div>
<div class="profile-container" style="margin-top: 5em;"><img class="profilesml background2sml" src="assets/img/orange.webp" style="border-radius: 50%;width: 150px;" alt=""><img class="profilesml backgroundsml" src="assets/img/profile.jpg" style="border-radius: 50%;width: 150px;" alt="Profile Photo"><img class="profilesml foregroundsml" src="assets/img/pfront.webp" style="width: 150px;" alt=""></div>
<div style="text-align: center;">
<h1 style="margin-bottom: 0px;">Nathan Woodburn</h1>
<p>IT enthusiast &amp; Student | <a href="https://nathan.woodburn.au" target="_blank">https://nathan.woodburn.au</a></p>
@@ -131,8 +131,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/grayscale.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>