changes the layout to black text and yellow highlights

themes/default/static/css/main.css

@@ -2,12 +2,12 @@
 
 body{
 	margin:2em auto;
-	max-width: 1100px;
+	max-width: 1120px;
 	font-family: 'Basker';
 	font-size: 16pt;
 	line-height: 1.6;
 	letter-spacing: 0.25pt;
-	color: #ec25ec;
+	color: rgba(40,40,40,1);
 }
 header#banner{
 	width: 100%;
@@ -34,16 +34,17 @@ nav#menu{
 		padding:1em;
 		font-size: 13pt;
 		line-height: 1.4;
-		background-color: #ec25ec;
+		/*background-color: rgba(40,40,40,1);*/
-		color:white;
+		color: rgba(40,40,40,1);
+		border:1px solid;
 		border-radius: 1em;
 		list-style: none;
 		display: inline-block;
 		vertical-align: middle;
 	}
 	nav#menu li.active{
-		background-color: beige;
+		background-color: yellow;
-		color: #ec25ec;
+		/*color: white;*/
 	}
 	nav#menu li.pagelink{
 		height: 1.5em;
@@ -61,17 +62,19 @@ article{
 	border-top: 1px solid;
 }
 	article:first-child{
-		background-color: beige;
+		background-color: yellow;
+		/*color: white;*/
 		padding-bottom: 3em;
 		margin-bottom: -3em;
 	}
+/* start button */
 article button {
 	width: auto;
 	top:1em;
 	margin:1.5em 0;
-	padding:0.5em 1.5em;
+	padding:1em 1.5em;
-	background-color: magenta;
+	background-color: rgba(40,40,40,1);
-	border:1px solid magenta;
+	border:1px solid rgba(40,40,40,1);
 	border-radius: 0.5em;
 }
 	article button a{
@@ -83,10 +86,10 @@ article h2.page-title a{
 	text-decoration: none;
 }
 
-/* big pink boxes for the section titles */
+/* big boxes for the section titles */
 h1.category{
 	width: calc(100% - 4em);
-	background-color: #ec25ec;
+	background-color: rgba(40,40,40,1);
 	color:white;
 	border-radius: 1em;
 	padding: 2em 2em 3em 2em;
@@ -106,7 +109,7 @@ ul.navprevnext{
 	ul.navprevnext li.none{
 		width: calc(50% - 9em);
 		height: 150px;
-		background-color: beige;
+		background-color: yellow;
 		border-radius: 1em;
 		padding:1em 3em;
 		font-size: 13pt;
@@ -143,8 +146,9 @@ ul.navprevnext{
 		margin-right: -10em;
 		text-align: right;
 	}
+	/* you finished this section */
 	ul.navprevnext li.done{
-		background-color: #ec25ec;
+		background-color: rgba(40,40,40,1);
 		color: white;
 	}
 	ul.navprevnext li.none{
@@ -152,7 +156,9 @@ ul.navprevnext{
 		color: transparent;
 	}
 
-
+.footnote{
+	font-size: smaller;
+}
 footer{
 	font-style: normal;
 	font-size: smaller;
@@ -163,7 +169,7 @@ a,
 a:visited, 
 a:hover, 
 a:active{
-	color: #ec25ec;
+	color: rgba(40,40,40,1);
 }
 a.nounderline{
 	text-decoration: none;
@@ -172,7 +178,7 @@ a.nounderline{
 hr{
 	width: 100%;
 	border:0;
-	border-bottom:1px solid #ec25ec;
+	border-bottom:1px solid rgba(40,40,40,1);
 	margin:3em auto;
 }
 

themes/default/templates/index.html

@@ -12,9 +12,7 @@
 		<div class="entry-content"> {{ article.summary }} </div>
 		<footer class="page-footer">
 			{% if loop.index == 1 %}
-				<button><a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">Start this section</a></button>
+				<button><a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">Start</a></button>
-			{% else %}
-				<button><a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">Go to step {{ loop.index }}</a></button>
 			{% endif %}
 		</footer>
 	</article></li>