From 8036382e07cb90b48350dfb27f8393b3ecea1edc Mon Sep 17 00:00:00 2001
From: JT Paasch <jt.paasch@gmail.com>
Date: Tue, 4 Aug 2020 12:35:19 -0400
Subject: [PATCH] Tweaks to tutorial

---
 docs/cbat.css                   | 46 ++++++++++++++-------------------
 docs/exercises/03/exercise.html |  2 +-
 docs/tutorial.html              |  3 +++
 3 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/docs/cbat.css b/docs/cbat.css
index d6c388bf..7c38f67e 100644
--- a/docs/cbat.css
+++ b/docs/cbat.css
@@ -1,10 +1,10 @@
 body {
   font-family: Arial, sans-serif;
   font-size: 13pt;
-  line-height: 20pt;
+  line-height: 2rem;
   font-weight: 100;
   color: hsla(228, 0%, 25%, 1.0);
-  margin: 1em 2em;
+  margin: 1rem 2rem;
 }
 
 h1 {
@@ -33,7 +33,7 @@ blockquote {
   background: hsla(228, 0%, 95%, 1.0);
   border-radius: 3px;
   border: 1px solid hsla(228, 0%, 25%, 1.0);
-  padding: 0.5em 1em;
+  padding: 0.5rem 1rem;
   font-weight: bold;
 }
 
@@ -41,45 +41,39 @@ pre {
   background: hsla(228, 0%, 10%, 1.0);
   border-radius: 3px;
   border: 1px solid hsla(228, 0%, 75%, 1.0);
-  padding: 0.5em;
+  padding: 0.5rem;
   color: white;
 }
 
 code {
+  position: inline-block;
+  position: relative;
   color: hsla(228, 0%, 20%, 1.0);
   background: hsla(228, 0%, 85%, 1.0);
-  padding: 0em 0.25em 0.05em 0.25em;
-  border-radius: 3px;
+  padding: 0 0.25rem 0 0.25rem;
+  border-radius: 0.25rem;
   border: 1px solid hsla(228, 0%, 75%, 1.0);
 }
 
-a {
-  display: inline-block;
-  padding: 0em 0.25em 0.05em 0.25em;
-  font-weight: 100;
-  color: cornflowerblue;
-  border-radius: 3px;
-  border: 1px solid hsla(228, 0%, 100%, 1.0);
+li {
+  margin-bottom: 0.5rem;
 }
 
-a:visited {
+a {
   display: inline-block;
-  padding: 0em 0.25em 0.05em 0.25em;
-  font-weight: 100;
-  color: blue;
-  border-radius: 3px;
-  border: 1px solid hsla(228, 0%, 100%, 1.0);
+  position: relative;
+  padding: 0 0.25rem 0 0.25rem;
+  border-radius: 0.25rem;
+  border: 1px solid hsla(225, 100%, 75%, 0.75);;
+  background-color: hsla(0, 0%, 0%, 0.06);
+  color: black;
+  transition: 0.25s background;
 }
 
 a:hover {
-  display: inline-block;
-  padding: 0em 0.25em 0.05em 0.25em;
-  font-weight: 100;
+  background-color: orange;
   text-decoration: none;
-  color: hsla(228, 0%, 100%, 1.0);
-  background: hsla(15, 100%, 53%, 1.0);
-  border-radius: 3px;
-  border: 1px solid hsla(228, 0%, 20%, 1.0);
+  color: black;
 }
 
 .centerImage {
diff --git a/docs/exercises/03/exercise.html b/docs/exercises/03/exercise.html
index 6da63e89..540fb786 100644
--- a/docs/exercises/03/exercise.html
+++ b/docs/exercises/03/exercise.html
@@ -65,7 +65,7 @@ <h2>Your task</h2>
 <p>To answer that, use <code>wp</code> to complete the following tasks:
 
 <ol>
-  <li>Compare the output in <code>RAX</code> of the function <code>calculate_price</code> in the older program (<code>binary/main_1</code>) and the newer program (<code>binary/main_2</code>). Can <code>binary/main_2</code> produce different output than <code>main_1</code>, when given the same argument?</li>
+  <li>Compare the output in <code>RAX</code> of the function <code>calculate_price</code> in the older program (<code>binary/main_1</code>) and the newer program (<code>binary/main_2</code>). Can <code>binary/main_2</code> produce different output than <code>main_1</code>, when given the same argument? (Note: <code>wp</code> might take a minute or two to complete its analysis on this one.)</li>
   <li>If so, what is an example of an argument that makes <code>calculate_price</code> behave differently than the original version?</li>
 </ol>
 
diff --git a/docs/tutorial.html b/docs/tutorial.html
index 65195b5e..aeb06caf 100644
--- a/docs/tutorial.html
+++ b/docs/tutorial.html
@@ -9,6 +9,9 @@
 <h1>CBAT Tutorial</h1>
 
 <section>
+
+<p>Table of contents:
+
 <ul>
   <li><a href="#overview">Overview</a></li>
   <li><a href="#binary-programs">Binary Programs</a></li>