COLORS!!!

tranv94 · Nov 2, 2014 · c524ce4 · c524ce4
1 parent 9450e79
commit c524ce4
Show file tree

Hide file tree

Showing 8 changed files with 104,643 additions and 45 deletions.
diff --git a/Frankenstein.html b/Frankenstein.html
@@ -16,33 +16,13 @@
 	$(function ($){
 			$('#content').annotator();
 	});
-			var content = $('#content').annotator();
-    		content.annotator('addPlugin', 'Store', {
-      // The endpoint of the store on your server.
-      			prefix: '/',
-
-      // Attach the uri of the current page to all annotations to allow search.
-      annotationData: {
-        'uri': 'http://this/document/only'
-      },
-
-      // This will perform a "search" action when the plugin loads. Will
-      // request the last 20 annotations for the current url.
-      // eg. /store/endpoint/search?limit=20&uri=http://this/document/only
-      loadFromSearch: {
-        'limit': 20,
-        'uri': 'http://this/document/only'
-      }
-    });
 	</script>
 </head>
-<div class="header"><a href="index.html"><span style='color: #C39797;'>Co</span>mments<span style='color: #C39797;'>Co</span>llection</a><span><button class="annOff" onclick="annOff()">Turn Annotations off</button></span></div>
+<div class="header"><a href="index.html"><span style='color: #C39797;'>Co</span>mments<span style='color: #C39797;'>Co</span>llection</a><span><button class="annOff" onclick="annOff()">Toggle Annotations</button></span></div>
 <div class="rest">
-<center id="title">Metamorphosis <br>by Apache Kafka</center>
+<center id="title">Frankenstein or the Modern Prometheus <br>by Mary Wollstonecraft (Godwin) Shelley</center>
 <br>
 <body id="content">
-
-<center>I</center>
 <H3 ALIGN="center">
 <center>Letter 1</center>
 </H3>
@@ -8733,6 +8713,7 @@ <H3 ALIGN="center">
 lost in darkness and distance.
 </P>
 
+
 </div>
 
 </body>

diff --git a/Metamorphosis.html b/Metamorphosis.html
@@ -16,29 +16,11 @@
 	$(function ($){
 			$('#content').annotator();
 	});
-			var content = $('#content').annotator();
-    		content.annotator('addPlugin', 'Store', {
-      // The endpoint of the store on your server.
-      			prefix: '/',
-
-      // Attach the uri of the current page to all annotations to allow search.
-      annotationData: {
-        'uri': 'http://this/document/only'
-      },
-
-      // This will perform a "search" action when the plugin loads. Will
-      // request the last 20 annotations for the current url.
-      // eg. /store/endpoint/search?limit=20&uri=http://this/document/only
-      loadFromSearch: {
-        'limit': 20,
-        'uri': 'http://this/document/only'
-      }
-    });
 	</script>
 </head>
 <div class="header">
   <a href="index.html"><span style='color: #C39797;'>Co</span>mments<span style='color: #C39797;'>Co</span>llection</a>
-  <span><button class="annOff" onclick="annOff()">Turn Annotations off</button></span>
+  <span><button class="annOff" onclick="annOff()">Toggle Annotations</button></span>
 </div>
 <div class="rest">
 <center id="title">Metamorphosis <br>by Apache Kafka</center>

diff --git a/The_Republic.html b/The_Republic.html
diff --git a/War_and_Peace.html b/War_and_Peace.html
diff --git a/functions.js b/functions.js
@@ -2,3 +2,11 @@ function go_link(){
 	window.location = document.getElementById('link').value;
 }
 
+// function annOff() {
+//     $("class=annotator-hl").css("background", "black");
+// }
+$(document).ready(function(){
+   $('button').click(function(){
+       $('.annotator-hl').toggleClass('uber');
+   });
+});
diff --git a/index.html b/index.html
@@ -37,8 +37,10 @@
 		<form>
 		<select onchange="location = this.options[this.selectedIndex].value;">
     <option>Please select</option>
+    <option value="Frankenstein.html">Frankenstein or the Modern Prometheus </option>
     <option value="Metamorphosis.html">Metamorphosis</option>
-    <option value="Frankenstein.html">Frankenstein</option>
+    <option value="The_Republic.html">The Republic</option>
+    <option value="War_and_Peace.html">War and Peace</option>
 </select>
 		</form>
 		</center>

diff --git a/js/functions.js b/js/functions.js
@@ -12,6 +12,17 @@ $(window).scroll(
     this.previousTop = currentTop;
 });
 
-function annOff() {
-    $("[class=annotator-hl]").css("background-color","white").toggle();
-}
+// function annOff() {
+//     $("[class=annotator-hl]").css("background","white");
+// }
+
+// $(function(){
+//     $('button').on('click', function(){
+//         $('.annotator-hl').toggleClass('annotator-hl')
+//     });
+// });
+$(document).ready(function(){
+   $('button').click(function(){
+       $('.annotator-hl').toggleClass('uber');
+   });
+});
diff --git a/style.css b/style.css
@@ -36,4 +36,10 @@ select {
 	border-bottom: 1px solid #ccc;
 	font-size: 1px;
 	margin-bottom: 8px;
+}
+button {
+	margin-left: 50px;
+}
+.uber{
+	background: white !important;
 }