podcast: Updated page
This commit is contained in:
parent
d8c09630ed
commit
8160278955
@ -6,3 +6,23 @@
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
BIN
assets/img/podcast/Alliance_Logo.png
Normal file
BIN
assets/img/podcast/Alliance_Logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
31
assets/js/hacker-podcast.js
Normal file
31
assets/js/hacker-podcast.js
Normal 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);
|
||||
}
|
21
podcast.html
21
podcast.html
@ -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>
|
||||
<!-- End Google Tag Manager -->
|
||||
<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 property="og:type" content="website">
|
||||
<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&display=swap">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anonymous+Pro&display=swap">
|
||||
<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/profile.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>
|
||||
|
||||
<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">
|
||||
<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 class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<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("assets/img/intro-bg.jpg") bottom / cover no-repeat;padding-top: 5em;">
|
||||
<div class="intro-body">
|
||||
<header class="masthead" style="background: url("assets/img/intro-bg.jpg") 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>
|
||||
<div class="intro-body" style="display: inline-block;width: 85%;margin-top: 5em;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<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 class="row">
|
||||
<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>
|
||||
</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/js/bs-init.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>
|
||||
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user