refactor: Move sidebar content into partial page
This commit is contained in:
parent
1909072f55
commit
da20f247f2
GPG key ID:
09335146883990B9
2 changed files with 70 additions and 71 deletions
|
|
@ -18,77 +18,7 @@
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row wrapper min-vh-100 flex-column flex-sm-row">
|
<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">
|
{{ partial "sidebar" . }}
|
||||||
<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.RelPermalink }}"
|
|
||||||
>
|
|
||||||
<img src="{{ $millironx.RelPermalink }}" 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">
|
<main class="col bg-faded py-3 gx-0">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<header class="d-none d-sm-none d-md-block text-center">
|
<header class="d-none d-sm-none d-md-block text-center">
|
||||||
|
|
|
||||||
69
layouts/partials/sidebar.html
Normal file
69
layouts/partials/sidebar.html
Normal file
|
|
@ -0,0 +1,69 @@
|
||||||
|
{{ $millironx := resources.Get "graphics/millironx.svg" }}
|
||||||
|
<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.RelPermalink }}"
|
||||||
|
>
|
||||||
|
<img src="{{ $millironx.RelPermalink }}" 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>
|
||||||
Loading…
Reference in a new issue