167 lines
8.1 KiB
Plaintext
167 lines
8.1 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>@ViewData["Title"] | Catherine Lynwood</title>
|
|
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="~/css/fontawesome.min.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="~/css/brands.min.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="~/css/duotone.min.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.2/plyr.css" />
|
|
|
|
<style>
|
|
.plyr--audio .plyr__controls {
|
|
background-color: transparent !important; /* or set your page colour */
|
|
box-shadow: none !important; /* optional: remove shadow */
|
|
border-radius: 0; /* optional: adjust corners */
|
|
}
|
|
|
|
.plyr--audio {
|
|
background-color: transparent !important; /* background of the whole player */
|
|
}
|
|
|
|
</style>
|
|
|
|
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/manifest.json">
|
|
<meta name="msapplication-TileColor" content="#17C8EB">
|
|
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
|
<meta name="theme-color" content="#17C8EB">
|
|
|
|
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="Catherine Lynwood Blog Feed" href="https://www.catherinelynwood.com/feed">
|
|
|
|
<link rel="canonical" href="@($"https://www.catherinelynwood.com{Context.Request.Path}{Context.Request.QueryString}")" />
|
|
|
|
@RenderSection("Meta", required: false)
|
|
|
|
</head>
|
|
<body class="bg-primary text-white">
|
|
<div id="background-wrapper">
|
|
<!-- Fallback image shown by default -->
|
|
<div class="fixed-background"></div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content">
|
|
<!-- Content wrapper to keep everything on top of the background -->
|
|
<header>
|
|
<nav class="navbar fixed-top navbar-expand-sm navbar-toggleable-sm navbar-dark border-bottom border-2 border-primary box-shadow mb-3 bg-dark">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">Catherine Lynwood</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
|
|
aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
|
|
<ul class="navbar-nav flex-grow-1">
|
|
<li class="nav-item">
|
|
<a class="nav-link text-primary" asp-area="" asp-controller="Home" asp-action="AboutCatherineLynwood">About Catherine</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-primary" asp-area="" asp-controller="TheAlphaFlame" asp-action="Blog">Blog</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-primary" asp-area="" asp-controller="AskAQuestion" asp-action="Index">Ask Catherine</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle text-primary" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
The Alpha Flame
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="py-2"><a class="dropdown-item" asp-controller="TheAlphaFlame" asp-action="Index">The Trilogy</a></li>
|
|
@* <li><hr class="dropdown-divider"></li> *@
|
|
<li class="py-2"><a class="dropdown-item" asp-controller="TheAlphaFlame" asp-action="Characters">Meet the Characters</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-primary" asp-area="" asp-controller="Home" asp-action="ContactCatherine">Contact Catherine</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<div class="container-lg" style="margin-top: 70px;">
|
|
<main role="main" class="pb-3">
|
|
@RenderBody()
|
|
</main>
|
|
</div>
|
|
|
|
|
|
</div> <!-- End of content wrapper -->
|
|
<footer class="border-top border-2 border-primary footer bg-dark py-3">
|
|
<div class="container">
|
|
<div class="row justify-content-center align-items-center" >
|
|
<div class="col-md-4 text-center order-md-2">
|
|
<social-media-share title="Catherine Lynwood Blog" url="@Context.Request.Path" class="text-center m-3"></social-media-share>
|
|
© 2024 - Catherine Lynwood
|
|
</div>
|
|
<div class="col-md-4 text-center order-md-1">
|
|
<a class="text-light" asp-area="" asp-controller="Home" asp-action="ContactCatherine">Contact Catherine</a>
|
|
</div>
|
|
|
|
<div class="col-md-4 text-center order-md-3">
|
|
<a class="text-light" asp-area="" asp-controller="Publishing" asp-action="Index">Catherine Lynwood Publishing</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="~/lib/jquery/dist/jquery.min.js"></script>
|
|
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="~/js/site.js" asp-append-version="true"></script>
|
|
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
|
|
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
|
|
<script>
|
|
const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
|
|
|
|
const allowVideo = !connection || (
|
|
!connection.saveData &&
|
|
!connection.effectiveType.includes("2g") &&
|
|
!connection.effectiveType.includes("3g")
|
|
);
|
|
|
|
if (allowVideo) {
|
|
const wrapper = document.getElementById("background-wrapper");
|
|
|
|
wrapper.innerHTML = `
|
|
<div class="video-background">
|
|
<video autoplay muted loop playsinline poster="/images/webp/maggie-5-1920.webp">
|
|
<source src="/videos/background-3.mp4" type="video/mp4">
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
<div class="video-overlay"></div>
|
|
</div>
|
|
`;
|
|
}
|
|
</script>
|
|
|
|
|
|
<script src="https://cdn.plyr.io/3.7.2/plyr.polyfilled.js"></script>
|
|
<script>
|
|
const player = new Plyr('audio');
|
|
</script>
|
|
@RenderSection("Scripts", required: false)
|
|
</body>
|
|
|
|
</html>
|
|
|