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

@@ -17,9 +17,9 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
<meta property="og:url" content="https://nathan.woodburn.au/podcast.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Alliance Church Woden Valley Podcast">
<meta name="twitter:image" content="https://nathan.woodburn.au/assets/img/podcast/wvac.png">
<meta name="twitter:image" content="https://nathan.woodburn.au/assets/img/podcast/wvac.webp">
<meta name="description" content="Listen to the Alliance Church Woden Valley from your favourite podcast app">
<meta property="og:image" content="https://nathan.woodburn.au/assets/img/podcast/wvac.png">
<meta property="og:image" content="https://nathan.woodburn.au/assets/img/podcast/wvac.webp">
<meta name="twitter:description" content="Listen to the Alliance Church Woden Valley from your favourite podcast app">
<meta name="twitter:title" content="Alliance Church Woden Valley Podcast">
<meta name="twitter:card" content="summary">
@@ -35,15 +35,15 @@ 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/podcast.css">
<link rel="stylesheet" href="assets/css/profile.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/podcast.min.css">
<link rel="stylesheet" href="assets/css/profile.min.css">
<link rel="canonical" href="https://nathan.woodburn.au/podcast" />
</head>
<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">
<header class="masthead" style="background: url(&quot;assets/img/intro-bg.jpg&quot;) bottom / cover no-repeat;">
<div id="navbar" style="text-align: left;padding-left: 10%;padding-top: 20px;"><a class="navbar-brand" href="https://alliancechurch.com.au/"><img class="navicon" src="assets/img/podcast/Alliance_Logo.png" alt="Alliance Church Woden Valley"></a></div>
<header class="masthead" style="background: url(&quot;assets/img/intro-bg.webp&quot;) bottom / cover no-repeat;">
<div id="navbar" style="text-align: left;padding-left: 10%;padding-top: 20px;"><a class="navbar-brand" href="https://alliancechurch.com.au/"><img class="navicon" src="assets/img/podcast/Alliance_Logo.webp" alt="Alliance Church Woden Valley"></a></div>
<div class="intro-body" style="display: inline-block;width: 85%;margin-top: 5em;">
<div class="container">
<div class="row">
@@ -53,11 +53,11 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
</div>
</div>
<div class="row">
<div class="col"><a class="d-inline-block hide_underline" href="https://open.spotify.com/show/1af4WMVbcyu7Ri3vnQJG5n" style="color: white;font-size: 60px;padding: 0.5em;filter: saturate(77%) sepia(0%);" target="_blank"><img class="invert" src="assets/img/podcast/spotify.png" width="60px" alt="Spotify Icon">
<div class="col"><a class="d-inline-block hide_underline" href="https://open.spotify.com/show/1af4WMVbcyu7Ri3vnQJG5n" style="color: white;font-size: 60px;padding: 0.5em;filter: saturate(77%) sepia(0%);" target="_blank"><img class="invert" src="assets/img/podcast/spotify.webp" width="60px" alt="Spotify Icon">
<p style="text-align: center;">Spotify</p>
</a><a class="d-inline-block hide_underline" href="https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0Lndvb2RidXJuLmF1L0lEMS54bWw" style="color: white;font-size: 60px;padding: 0.5em;filter: saturate(77%) sepia(0%);" target="_blank"><img src="assets/img/podcast/google.png" width="60px" alt="Google Podcasts Logo">
</a><a class="d-inline-block hide_underline" href="https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0Lndvb2RidXJuLmF1L0lEMS54bWw" style="color: white;font-size: 60px;padding: 0.5em;filter: saturate(77%) sepia(0%);" target="_blank"><img src="assets/img/podcast/google.webp" width="60px" alt="Google Podcasts Logo">
<p style="text-align: center;">Google</p>
</a><a class="d-inline-block hide_underline" style="color: white;font-size: 60px;padding: 0.5em;filter: saturate(77%) sepia(0%);" href="https://podcasts.apple.com/us/podcast/alliance-church-woden-valley/id1670829017" target="_blank"><img class="invert" src="assets/img/podcast/apple.png" width="60px" alt="Apple Podcasts Logo">
</a><a class="d-inline-block hide_underline" style="color: white;font-size: 60px;padding: 0.5em;filter: saturate(77%) sepia(0%);" href="https://podcasts.apple.com/us/podcast/alliance-church-woden-valley/id1670829017" target="_blank"><img class="invert" src="assets/img/podcast/apple.webp" width="60px" alt="Apple Podcasts Logo">
<p style="text-align: center;">Apple</p>
</a></div>
</div>
@@ -89,9 +89,8 @@ 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/hacker-podcast.js"></script>
<script src="assets/js/script.min.js"></script>
<script src="assets/js/hacker-podcast.min.js"></script>
</body>
</html>