Layout improvements

_layouts/notes.html

@@ -47,8 +47,10 @@ <h2 style="margin-left: 10px;">Table of Contents</h2>
                 {%- include toc.html html=content -%}
             </div>
         </div>
+        <div class="buttonCol" onclick="toggleNav()">
+            <span id="openbtn">◀📑</span>
+        </div>
         <div class="contents">
-            <span id="openbtn" onclick="toggleNav();">🧾Contents</span>
             <main id="content" class="main-content" role="main">
                 <div class="partNav">
                     {%- if page.part == true -%}

assets/css/style.scss

@@ -62,8 +62,8 @@ blockquote blockquote {
 .container {
   display: grid;
   width: 100%;
-  grid-template-columns: min-content 1fr;
-  grid-template-areas: "nav content";
+  grid-template-columns: min-content 3em 1fr;
+  grid-template-areas: "nav button content";
   transition: width 0.5s ease;
 }
 
@@ -101,13 +101,16 @@ blockquote blockquote {
 }
 
 // NavBar toggle button 
+.buttonCol {
+  grid-area: button;
+  cursor: pointer;
+  background-color: whitesmoke;
+}
+
 #openbtn {
   font-size: 20px;
-  cursor: pointer;
   position: sticky;
-  top: 10px;
-  left: 10px;
-  padding-right: 1px;
+  top: 50vh;
 }
 
 // Contents

cs132/part3.md

@@ -4,6 +4,9 @@ slides: true
 layout: notes
 math: true
 title: Assembler
+part: true
+pre: part2
+nex: part4
 ---
 # Assembler
 

cs132/part4.md

@@ -3,6 +3,9 @@ slides: true
 layout: CS132
 math: true
 title: Memory Systems
+part: true
+pre: part3
+nex: part5
 ---
 
 # Memory Systems

cs132/part5.md

@@ -1,6 +1,9 @@
 ---
 title: I/O Mechanisms
 layout: CS132
+part: true
+pre: part4
+nex: part6
 ---
 
 <p align="center">