podcast: Updated page

This commit is contained in:
Nathan Woodburn 2023-03-27 13:20:15 +11:00
parent d8c09630ed
commit 8160278955
Signed by: nathanwoodburn
GPG Key ID: 203B000478AD0EF1
4 changed files with 57 additions and 15 deletions

View File

@ -6,3 +6,23 @@
filter: invert(1); filter: invert(1);
} }
@media screen and (max-width: 800px) {
.masthead {
padding-top: 0 !important;
}
}
/* For screen under 450 px set the nav icon width 100% */
@media screen and (max-width: 450px) {
img.navicon {
width: 100%;
}
}
@media screen and (max-width: 450px) {
#navbar {
padding-left: 0 !important;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,31 @@
const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ/.?!@#$%^&*()_+";
let interval = null;
let interval2 = null;
let interval3 = null;
document.querySelector(".copyright").onmouseover = event => {
let iteration2 = 0;
let old2 = "Copyright © Nathan Woodburn 2023";
clearInterval(interval2);
interval2 = setInterval(() => {
event.target.innerText = event.target.innerText
.split("")
.map((letter, index2) => {
if(index2 < iteration2) {
return old2[index2];
}
return letters[Math.floor(Math.random() * 41)]
})
.join("");
if(iteration2 >= old2.length){
clearInterval(interval2);
}
iteration2 += 1/3;
}, 10);
}

View File

@ -11,7 +11,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
})(window,document,'script','dataLayer','GTM-NNXTCKW');</script> })(window,document,'script','dataLayer','GTM-NNXTCKW');</script>
<!-- End Google Tag Manager --> <!-- End Google Tag Manager -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Podcast | Nathan.Woodburn/</title> <title>Podcast | Alliance Church Woden Valley</title>
<meta name="theme-color" content="#97009a"> <meta name="theme-color" content="#97009a">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:title" content="Alliance Church Woden Valley Podcast"> <meta property="og:title" content="Alliance Church Woden Valley Podcast">
@ -33,7 +33,6 @@ 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=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=Anonymous+Pro&amp;display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/podcast.css"> <link rel="stylesheet" href="assets/css/podcast.css">
<link rel="stylesheet" href="assets/css/profile.css"> <link rel="stylesheet" href="assets/css/profile.css">
<link rel="stylesheet" href="assets/css/Social-Icons.css"> <link rel="stylesheet" href="assets/css/Social-Icons.css">
@ -41,17 +40,9 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
</head> </head>
<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77"> <body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">
<nav class="navbar navbar-light navbar-expand-md fixed-top" id="mainNav"> <header class="masthead" style="background: url(&quot;assets/img/intro-bg.jpg&quot;) bottom / cover no-repeat;">
<div class="container"><a class="navbar-brand nathanwoodburn" href="https://nathan.woodburn.au">Nathan.Woodburn/</a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button> <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>
<div class="collapse navbar-collapse" id="navbarResponsive"> <div class="intro-body" style="display: inline-block;width: 85%;margin-top: 5em;">
<ul class="navbar-nav ms-auto">
<li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead" style="background: url(&quot;assets/img/intro-bg.jpg&quot;) bottom / cover no-repeat;padding-top: 5em;">
<div class="intro-body">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 mx-auto"> <div class="col-lg-8 mx-auto">
@ -70,7 +61,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="ratio ratio-16x9 d-print-none d-xl-none" style="height: 500px;max-width: 500px;margin: auto;"><iframe src="https://podadmin.woodburn.au/player" id="small-frame" scrolling="no"></iframe></div> <div class="ratio ratio-16x9 d-print-none d-xl-none" style="height: 480px;max-width: 500px;margin: auto;"><iframe src="https://podadmin.woodburn.au/player" id="small-frame" scrolling="no"></iframe></div>
<div class="ratio ratio-16x9 d-none d-xl-block d-xxl-block" style="height: 800px;"><iframe src="https://podadmin.woodburn.au/player"></iframe></div> <div class="ratio ratio-16x9 d-none d-xl-block d-xxl-block" style="height: 800px;"><iframe src="https://podadmin.woodburn.au/player"></iframe></div>
</div> </div>
</div> </div>
@ -98,7 +89,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
<script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script> <script src="assets/js/bs-init.js"></script>
<script src="assets/js/grayscale.js"></script> <script src="assets/js/grayscale.js"></script>
<script src="assets/js/hacker.js"></script> <script src="assets/js/hacker-podcast.js"></script>
</body> </body>
</html> </html>