diff --git a/README.txt b/README.txt index 19f6e17..437d605 100644 --- a/README.txt +++ b/README.txt @@ -15,6 +15,7 @@ this takes a "page" from a book and let's you make a blackout poem which you can ## Perl * File::Slurp - https://metacpan.org/pod/File::Slurp (Perl) +* JSON - https://metacpan.org/pod/JSON (Perl) ## Font @@ -23,3 +24,10 @@ The font is Lora - https://github.com/cyrealtype/Lora-Cyrillic (OFL) ## Texts texts are public domain from Project Gutenberg - https://www.gutenberg.org/ + +* Wuthering Heights - https://www.gutenberg.org/ebooks/768 +* Jane Eyre - https://www.gutenberg.org/ebooks/1260 +* Agnes Grey - https://www.gutenberg.org/ebooks/767 +* Northanger Abbey - https://www.gutenberg.org/ebooks/121 + + diff --git a/index.html b/index.html index 47a60b8..8edda4d 100644 --- a/index.html +++ b/index.html @@ -107,6 +107,7 @@ $(document).ready(function(){ $("#spina").removeClass("done"); $( "#spina p span.click" ).removeClass("click"); $("#byline").html(""); + $("#poem_list").html(""); $("#spina").addClass("unlock"); }); // clear // $("help").hide(); @@ -157,7 +158,7 @@ $(document).ready(function(){
@@ -192,27 +193,31 @@ $(document).ready(function(){
-

Copy Your Words

+

Copy Your Words

Copy the words you found here for alt-text, editing and archive! (Remember we don’t keep anything, so once you close this page, this poem is gone!)

- - + +
+ + +
-
+ -
-
- -
+ +
+
+ +
diff --git a/style.css b/style.css index b26c712..eb22ad0 100644 --- a/style.css +++ b/style.css @@ -65,13 +65,6 @@ a:hover { color: white; } -.helpbox { - position: fixed; - top: 20px; - right: 20px; - z-index: 10; -} - .helpwords { margin: 40px auto; max-width: 650px; @@ -92,10 +85,54 @@ a:hover { padding: 0 25px 25px 25px; } +#poem_list { + border: 2px solid RebeccaPurple; + min-height: 75px; + padding: 50px 5% 5%; +} +#copy_buttons { + float: right; +} + .click { background-color: Plum; } +/* Styles for the buttons */ + +/* all buttons have this */ +.btn { + font: 18px lora, Baskerville, TimesNewRoman, Times New Roman, Times, Georgia, serif; + padding: 8px; + border-style: none; + -webkit-appearance: none; +} + +.btn-mn { + background-color: RebeccaPurple; + color: #ffffff; +} +.btn-mn:hover { + background-color: Plum; + color: #000000; +} + +.btn-hlp-bx { + position: fixed; + top: 40px; + right: 10%; + z-index: 10; + float: right; +} + +.btn-hlp { + background-color: white; +} + +.btn-hlp:hover { + background-color: silver; +} + /* Styles for the blacked-out page */ .clickDone {