pages/_layouts/default.html

154 lines
No EOL
7.9 KiB
HTML

<!DOCTYPE html>
<html lang="en-us">
<head>
<!-- A LOT of this code comes from
https://www.jonathanbriehl.com/2014/01/17/vertical-menu-for-bootstrap-3/ -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<!-- Search engine ownership verification -->
<meta name="google-site-verification" content="3fvDu8JjIAk9qOUVYKcS3jLoev77-QQa3mmm6VlMfDo" />
<meta name="msvalidate.01" content="91286D33BFA1A447001733E8680C4A63" />
<title>MILLIRON X - {{ page.title }}</title>
<!-- Styles -->
<!-- Development styles: full toolkits for use in writing web pages -->
<!-- dev: bootstrap -->
<!-- <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eumbg33EfHRpbzLIm0lGs0JresLNj7c+5beuRW4d11/vF3Wv3YYmuudfOwMsCmp5" crossorigin="anonymous" type="text/css"> -->
<!-- dev: GSDK -->
<!-- <link href="/css/gsdk-main.css" rel="stylesheet" type="text/css"> -->
<!-- <link href="/css/gsdk-demo.css" rel="stylesheet" type="text/css"> -->
<!-- dev: Customcss -->
<!-- <link href="/css/millironx_customstyles.css" rel="stylesheet" type="text/css"> -->
<!-- Release styles: bundled using purifycss from the dev sources -->
<link href="/css/bundle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="alert alert-dismissible alert-danger text-center">
<a href="coronavirus" style="color: whitesmoke">
Yep, it's another one of those annoying red &lsquo;Rona banners that don't actually say anything.
Click here to learn more.
</a>
</div>
<div class="container" id="top-container">
<header class="hidden-xs text-center">
<h1 class="font-serif font-small-caps"><object data="/img/MillironX-title.svg"><img src="/img/MillironX-title.svg" alt="Milliron X" /></object>&emsp;Milliron X</h1>
</header>
<div class="row">
<div class="col-sm-3">
<div class="sidebar-nav">
<nav class="navbar navbar-inverse" role="navigation" id="nav-link-container">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="visible-xs navbar-brand">
<object style="filter: invert(100%)" data="/img/MillironX-title.svg"><img src="/img/MillironX-title.svg" alt="Milliron X" /></object>
</div>
</div>
<div class="navbar-collapse collapse sidebar-navbar-collapse">
<ul class="nav navbar-nav" id="nav-link-list">
<li class="nav-item"><a href="index" class="nav-link">Home</a></li>
<li class="nav-item"><a href="Contact" class="nav-link">Contact</a></li>
<li class="nav-item"><a href="Academia" class="nav-link">Academia</a></li>
<li class="nav-item"><a href="AI">Artificial Insemination</a></li>
<li class="nav-item"><a href="Videos">Videos</a></li>
<li class="nav-item"><a href="Websites" class="nav-link">Websites</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="col-sm-9">
<div class="tim-container">
<div class="blurred-container">
<div class="motto">
<h1 id="motto">
{{ page.motto }}
</h1>
</div>
<div class="img-src" style="background-image: url({{ page.imageUrl }})"></div>
<div class="img-src blur" style="background-image: url({{ page.blurImageUrl }})"></div>
</div>
<br />
<div class="main" id="main-content">
{{ content }}
<hr />
<footer class="row">
<div class="col-md-8 col-md-offset-2">
<div class="text-center">
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">{{ page.title }}</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="https://millironx.github.io" property="cc:attributionName" rel="cc:attributionURL">Thomas A. Christensen II</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
</div>
<!-- Script Bundle: JQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" type="text/javascript"></script>
<!-- Script Bundle: FitText -->
<script src="/js/jquery.fittext.js" type="text/javascript"></script>
<!-- Script Bundle: Bootstrap -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js" integrity="sha384-DKoN2gpE9Yt/u0fuNvcJBn4n7wjnKFKjg4+Iz4ORs52lUc0Qp++smhHtWwHeapVW" crossorigin="anonymous" type="text/javascript"></script>
<!-- Script Bundle: Font Awesome -->
<script src="https://kit.fontawesome.com/0bbd6c0ef3.js" crossorigin="anonymous"></script>
<!-- Script Bundle: Custom -->
<script src="/js/MillironX_CustomScripts.js" type="text/javascript"></script>
<!-- Simple Analytics -->
<script type='text/javascript'>
// Enables app insights IF AND ONLY IF user does not send a DNT request
// Shamelessly stolen from https://dev.to/spekulatius1984/how-to-check-do-not-track-dnt-in-javascript-57g1
let dntActive = () => {
// get the value from the various browser implementations.
let dnt_active = parseInt(
// Internet Explorer 9 and 10 vendor prefix
navigator.msDoNotTrack ||
// IE 11 uses window.doNotTrack
window.doNotTrack ||
// W3C
navigator.doNotTrack,
10
);
// If this comes to exactly 1 DNT is set.
return (dnt_active === 1);
}
// Check if DNT is active.
if (dntActive()) {
// active
console.log("Simple Analytics has been disabled due to user's Do Not Track request")
} else {
// inactive
console.log("Simple Analytics is active")
document.write("<script async defer src=\"https://scripts.simpleanalyticscdn.com/latest.js\"><\/script>")
}
</script>
</body>
</html>