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.
pages/layouts/_default/baseof.html

129 lines
5.0 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" />
{{ with .Description }}
<meta name="description" content="{{ . }}" />
{{ end }}
<title>{{ .Title }} - {{ .Site.Title }}</title>
{{ $twbssass := resources.Get "styles/mix-twbs.scss" | resources.ToCSS | minify | resources.PostProcess }}
<link href="{{ $twbssass.RelPermalink }}" rel="stylesheet" />
</head>
{{ $millironx := resources.Get "graphics/millironx.svg" }}
<body>
<div class="container-fluid">
<div class="row wrapper min-vh-100 flex-column flex-sm-row">
{{ partial "sidebar" . }}
<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.RelPermalink }}">
<img src="{{ $millironx.RelPermalink }}" alt="Milliron X" />
</object>
&emsp; 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 "graphics/brandedbull.svg" }}
{{ $brandedbullsmall := $brandedbull | resources.Minify }}
<img
src="{{ $brandedbullsmall.RelPermalink }}"
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 }}
<script src="{{ $fontawesome.RelPermalink }}"></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" }}
<script src="{{ $jquerybundle.RelPermalink }}"></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" }}
<script src="{{ $bootstrapbundle.RelPermalink }}"></script>
<!-- GoatCounter -->
<script
data-goatcounter="https://millironx.goatcounter.com/count"
async
src="//gc.zgo.at/count.js"
></script>
{{ partial "extras-modal" . }}
</body>
</html>