150 lines
No EOL
8.5 KiB
HTML
150 lines
No EOL
8.5 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="">
|
|
<title>MILLIRON X - {{ page.title }}</title>
|
|
<!-- Bundle: 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">
|
|
|
|
<!-- Bundle: GSDK -->
|
|
<link href="../css/gsdk-main.css" rel="stylesheet" type="text/css">
|
|
<link href="../css/gsdk-demo.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Bundle: Font Awesome -->
|
|
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" type="text/css">
|
|
|
|
<!-- Bundle: Grand Hotel font -->
|
|
<link href="https://fonts.googleapis.com/css?family=Grand+Hotel&display=swap" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Bundle: Customcss -->
|
|
<link href="../css/millironx_customstyles.css" rel="stylesheet" type="text/css">
|
|
<link href="../css/socialflair.min.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Azure Application Insights -->
|
|
<script type='text/javascript'>
|
|
var appInsights = window.appInsights || function (config) {
|
|
function r(config) { t[config] = function () { var i = arguments; t.queue.push(function () { t[config].apply(t, i) }) } }
|
|
var t = { config: config }, u = document, e = window, o = 'script', s = u.createElement(o), i, f; for (s.src = config.url || '//az416426.vo.msecnd.net/scripts/a/ai.0.js', u.getElementsByTagName(o)[0].parentNode.appendChild(s), t.cookie = u.cookie, t.queue = [], i = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Ajax']; i.length;)r('track' + i.pop()); return r('setAuthenticatedUserContext'), r('clearAuthenticatedUserContext'), config.disableExceptionTracking || (i = 'onerror', r('_' + i), f = e[i], e[i] = function (config, r, u, e, o) { var s = f && f(config, r, u, e, o); return s !== !0 && t['_' + i](config, r, u, e, o), s }), t
|
|
}({
|
|
instrumentationKey: '6a3cb8a6-9523-4f84-8237-915370d025ef'
|
|
});
|
|
|
|
window.appInsights = appInsights;
|
|
appInsights.trackPageView(null, null, { urlReferrer: document.referrer });
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="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> 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>
|
|
<span class="visible-xs navbar-brand font-serif font-small-caps">
|
|
Milliron X
|
|
</span>
|
|
</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="KeepEPDsReal">#KeepEPDsReal</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 }}
|
|
<footer class="row">
|
|
<div class="col-md-4">
|
|
<div class="text-center">
|
|
<!--StackExchange flair-->
|
|
<a href="https://stackoverflow.com/users/3922521/milliron-x">
|
|
<img src="https://stackoverflow.com/users/flair/3922521.png" width="208" height="58" alt="profile for Milliron X at Stack Overflow, Q&A for professional and enthusiast programmers" title="profile for Milliron X at Stack Overflow, Q&A for professional and enthusiast programmers">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="text-center">
|
|
<!--Vimeo badge-->
|
|
<a href="https://vimeo.com/tchristensenii"><img src="https://f.vimeocdn.com/images_v6/blogbadge_channels.png" alt="Vimeo Blog Badge" /></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="text-center">
|
|
<!--GitHub "flair"-->
|
|
<div id="githubFlair"></div>
|
|
</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: JQuery UI -->
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.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: GSDK -->
|
|
<script src="../js/gsdk-main.js" type="text/javascript"></script>
|
|
<script src="../js/gsdk-bootstrapswitch.js" type="text/javascript"></script>
|
|
<script src="../js/gsdk-checkbox.js" type="text/javascript"></script>
|
|
<script src="../js/gsdk-radio.js" type="text/javascript"></script>
|
|
<script src="../js/gsdk-custom.js" type="text/javascript"></script>
|
|
|
|
<!-- Script Bundle: Social Flair -->
|
|
<script src="../js/jquery.socialflair.js" type="text/javascript"></script>
|
|
|
|
<!-- Script Bundle: Custom -->
|
|
<script src="../js/MillironX_CustomScripts.js" type="text/javascript"></script>
|
|
</body>
|
|
</html> |