You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
191 lines
7.7 KiB
HTML
191 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html class="no-js" lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>{{ .Title }} - {{ .Site.Title }}</title>
|
|
{{ $twbssass := resources.Get "styles/mix-twbs.scss" | resources.ToCSS | minify | resources.PostProcess }}
|
|
<link href="{{ $twbssass.Permalink }}" rel="stylesheet" />
|
|
</head>
|
|
|
|
{{ $millironx := resources.Get "graphics/millironx.svg" }}
|
|
|
|
|
|
<body>
|
|
{{ partial "extras-modal" . }}
|
|
<div class="container-fluid">
|
|
<div class="row wrapper min-vh-100 flex-column flex-sm-row">
|
|
<aside class="col-12 col-md-3 p-0 bg-dark flex-shrink-1">
|
|
<nav
|
|
class="navbar navbar-expand-md navbar-dark bg-dark align-items-start flex-md-column flex-row"
|
|
>
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand d-block d-md-none" href="#">
|
|
<object
|
|
class="d-inline-block align-text-top"
|
|
width="80"
|
|
height="24"
|
|
style="filter: invert(100%)"
|
|
data="{{ $millironx.Permalink }}"
|
|
>
|
|
<img src="{{ $millironx.Permalink }}" alt="Milliron X" />
|
|
</object>
|
|
 
|
|
<span class="font-small-caps font-serif">Milliron X</span>
|
|
</a>
|
|
<a
|
|
href
|
|
class="navbar-toggler"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target=".sidebar"
|
|
>
|
|
<span class="navbar-toggler-icon"></span>
|
|
</a>
|
|
<div class="collapse navbar-collapse sidebar">
|
|
<ul
|
|
class="flex-column navbar-nav w-100 justify-content-between"
|
|
>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-0" href="/"
|
|
><i class="fad fa-home fa-fw"></i>
|
|
<span class="">Home</span></a
|
|
>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-0" href="/contact"
|
|
><i class="fad fa-file-signature fa-fw"></i>
|
|
<span class="">Contact</span></a
|
|
>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-0" href="/academia"
|
|
><i class="fad fa-university fa-fw"></i>
|
|
<span class="">Academia</span></a
|
|
>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-0" href="/ai">
|
|
<i class="fax fa-bull-sperm"></i>
|
|
<span class="">Artificial Insemination</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-0" href="/videos"
|
|
><i class="fad fa-video fa-fw"></i>
|
|
<span class="">Videos</span></a
|
|
>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-0" href="/websites"
|
|
><i class="fad fa-browser fa-fw"></i>
|
|
<span class="">Websites</span></a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</aside>
|
|
<main class="col bg-faded py-3 gx-0">
|
|
<div class="container">
|
|
<header class="d-none d-sm-none d-md-block text-center">
|
|
<h1 class="font-serif font-small-caps">
|
|
<object data="{{ $millironx.Permalink }}">
|
|
<img src="{{ $millironx.Permalink }}" alt="Milliron X" />
|
|
</object>
|
|
  Milliron X
|
|
</h1>
|
|
</header>
|
|
</div>
|
|
{{ block "main" . }}
|
|
<section class="container-fluid list-main">
|
|
<div class="container px-5">
|
|
{{ .Content }}
|
|
</div>
|
|
</section>
|
|
{{ end }}
|
|
<footer class="fixed-bottom">
|
|
<div class="container-fluid footer-contents">
|
|
<div class="row justify-content-between">
|
|
<div class="col-3 align-self-center">
|
|
{{ $brandedbull := resources.Get "images/brandedbull.png" }}
|
|
{{ $brandedbullsmall := $brandedbull.Resize "x95" }}
|
|
<img src="{{ $brandedbullsmall.Permalink }}" height="95rem" />
|
|
</div>
|
|
<div class="col-3 align-self-center">
|
|
<div
|
|
class="btn-group float-end"
|
|
role="group"
|
|
aria-label="Other Milliron X sites"
|
|
>
|
|
<a
|
|
class="btn btn-outline-primary btn-sm"
|
|
href="https://video.millironx.com/"
|
|
data-bs-toggle="tooltip"
|
|
title="Video (Peertube)"
|
|
>
|
|
<i class="fax fa-peertube fa-fw"></i>
|
|
</a>
|
|
<a
|
|
class="btn btn-outline-primary btn-sm"
|
|
href="https://code.millironx.com/"
|
|
data-bs-toggle="tooltip"
|
|
title="Code (Gitea)"
|
|
>
|
|
<i class="fax fa-gitea fa-fw"></i>
|
|
</a>
|
|
<a
|
|
class="btn btn-outline-primary btn-sm"
|
|
href="https://nextcloud.millironx.com/"
|
|
data-bs-toggle="tooltip"
|
|
title="Files (Nextcloud)"
|
|
>
|
|
<i class="fax fa-nextcloud fa-fw"></i>
|
|
</a>
|
|
<button
|
|
type="button"
|
|
class="btn btn-outline-primary btn-sm"
|
|
data-bs-toggle="modal"
|
|
data-bs-target="#extras-modal"
|
|
title="Extras"
|
|
>
|
|
<i class="fad fa-cowbell fa-fw"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<!-- Font Awesome -->
|
|
{{ $fontawesome := resources.Get "scripts/fa-icons.js" | js.Build "js/fontawesome.js" | minify | fingerprint }}
|
|
<script src="{{ $fontawesome.Permalink }}"></script>
|
|
|
|
<!-- JQuery -->
|
|
{{ $jquery := resources.Get "scripts/jquery/jquery.min.js" }}
|
|
{{ $jqmaskjs := resources.Get "scripts/jquery-mask-plugin/jquery.mask.min.js" }}
|
|
{{ $fittextjs := resources.Get "scripts/fittext/jquery.fittext.js" | minify }}
|
|
{{ $scrolljs := resources.Get "scripts/scroll-effect.js" | minify }}
|
|
{{ $maskjs := resources.Get "scripts/phone-masking.js" | minify }}
|
|
{{ $jquerybundle := slice $jquery $jqmaskjs $fittextjs $scrolljs $maskjs | resources.Concat "js/jquery-bundle.js" | fingerprint }}
|
|
<script src="{{ $jquerybundle.Permalink }}"></script>
|
|
|
|
<!-- Bootstrap -->
|
|
{{ $popperjs := resources.Get "scripts/popper/popper.min.js" }}
|
|
{{ $twbsjs := resources.Get "scripts/bootstrap/bootstrap.min.js" }}
|
|
{{ $ttjs := resources.Get "scripts/tooltip-enable.js" | minify }}
|
|
{{ $bootstrapbundle := slice $popperjs $twbsjs $ttjs | resources.Concat "js/bootstrap-bundle.js" | fingerprint }}
|
|
<script src="{{ $bootstrapbundle.Permalink }}"></script>
|
|
|
|
<!-- GoatCounter -->
|
|
<script
|
|
data-goatcounter="https://millironx.goatcounter.com/count"
|
|
async
|
|
src="//gc.zgo.at/count.js"
|
|
></script>
|
|
</body>
|
|
</html>
|