f87977b80f
Could load the theme from an external repo, so everything will need to fit in here. Can be built locally, though.
129 lines
4.6 KiB
HTML
129 lines
4.6 KiB
HTML
---
|
|
layout: default
|
|
---
|
|
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
|
|
|
|
<!-- Custom fonts for this template -->
|
|
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
|
|
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
|
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- Plugin CSS -->
|
|
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
|
|
|
|
<!-- Custom styles for this template -->
|
|
<link href="css/creative.min.css" rel="stylesheet">
|
|
|
|
<style>
|
|
/* "CONTENT" From Above */
|
|
.content {
|
|
|
|
/* size of my container minus sidebar width */
|
|
width: calc(80%);
|
|
|
|
/* Estimated height of largest sidebar in case of short content */
|
|
min-height: 800px;
|
|
}
|
|
|
|
/* SIDEBAR */
|
|
.sidebar {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 57px;
|
|
width: 20%;
|
|
height: 100%; /* Super important! */
|
|
background-color: #212529;
|
|
color: #fff;
|
|
}
|
|
.link-style {
|
|
color: rgba(255,255,255,.9);
|
|
}
|
|
/* SIDEBAR CONTAINER */
|
|
.sidebar-item {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 10%;
|
|
width: 100%;
|
|
height: 25%;
|
|
|
|
/* Position the items */
|
|
&:nth-child(2) { top: 25%; }
|
|
&:nth-child(3) { top: 50%; }
|
|
&:nth-child(4) { top: 75%; }
|
|
}
|
|
</style>
|
|
|
|
<title>{{ site.title }} - {{ page.title }}</title>
|
|
</head>
|
|
<body id="page-top">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg navbar-light fixed-top navbar-shrink" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand js-scroll-trigger" href="index"> {{ site.title }} </a>
|
|
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
{% for item in site.data.nav.topnav %}
|
|
<li class="nav-item">
|
|
<a class="nav-link js-scroll-trigger" href="{{ item.url }}">{{ item.page }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Sidebar -->
|
|
<div id="sidebar">
|
|
<ul>
|
|
{% for item in site.data.nav.docsnav %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ item.url }}">{{ item.page }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
|
|
<nav id="sidebar">
|
|
<div class="sidebar-header">
|
|
<h3>Table of Contents</h3>
|
|
</div>
|
|
|
|
{% for item in site.data.nav.docsnav %}
|
|
<ul class="list-unstyled components">
|
|
<i>{{ item.section }}</i>
|
|
{% for entry in item.contents %}
|
|
<li>
|
|
<a href="{{ entry.url }}">{{ entry.page }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endfor %}
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
<!-- This is the main content of the page getting pulled from the MDs -->
|
|
<div class="content">
|
|
{{ content }}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html>
|