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--> <!--bootstrap stuff start-->
<!-- Latest compiled and minified CSS --> <!-- 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"> <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 --> <!-- Slate theme -->
<link rel="stylesheet" href="https://wiki.thurstylark.com/slate.bootstrap.min.css"> <link rel="stylesheet" href="https://wiki.thurstylark.com/slate.bootstrap.min.css">
@ -23,6 +25,8 @@
<!-- Latest compiled and minified JavaScript --> <!-- 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> <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--> <!--bootstrap stuff end-->
<!--Google Syntax Highlighting--> <!--Google Syntax Highlighting-->
@ -50,8 +54,8 @@ $("table").addClass("table table-condensed table-hover");
</head> </head>
<body> <body data-spy="scroll" data-target="#toc" style="padding-top: 70px;">
<nav class="navbar navbar-default"> <nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid"> <div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display --> <!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"> <div class="navbar-header">
@ -97,10 +101,13 @@ $("table").addClass("table table-condensed table-hover");
<div class="container-fluid"> <div class="container-fluid">
<br/> <br/>
<div class="row"> <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"> <div class="well">
%content% %content%
</div> </div><!--well-->
</div> <!--col-md-8 --> </div> <!--col-md-8 -->
</div> <!-- row --> </div> <!-- row -->
</div><!--container-fluid--> </div><!--container-fluid-->