Added TOC nav. Not perfect, but it's something for now

This commit is contained in:
David Thurstenson 2017-01-12 12:05:45 -06:00
parent 95a0206b33
commit 0f23defe63
1 changed files with 12 additions and 5 deletions

View File

@ -16,6 +16,8 @@
<!--bootstrap stuff start-->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- TOC plugin CSS -->
<link rel="stylesheet" href="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.4.1/dist/bootstrap-toc.min.css">
<!-- Slate theme -->
<link rel="stylesheet" href="https://wiki.thurstylark.com/slate.bootstrap.min.css">
@ -23,6 +25,8 @@
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- TOC plugin JS -->
<script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.4.1/dist/bootstrap-toc.min.js"></script>
<!--bootstrap stuff end-->
<!--Google Syntax Highlighting-->
@ -50,8 +54,8 @@ $("table").addClass("table table-condensed table-hover");
</head>
<body>
<nav class="navbar navbar-default">
<body data-spy="scroll" data-target="#toc" style="padding-top: 70px;">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
@ -97,10 +101,13 @@ $("table").addClass("table table-condensed table-hover");
<div class="container-fluid">
<br/>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="col-md-2 col-md-offset-1">
<nav id="toc" data-spy="affix" data-toggle="toc" class="affix well well-sm pull-right"></nav>
</div><!--col-md-1-->
<div class="col-md-6">
<div class="well">
%content%
</div>
%content%
</div><!--well-->
</div> <!--col-md-8 -->
</div> <!-- row -->
</div><!--container-fluid-->