more styling on the page
This commit is contained in:
23
index.html
23
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(){
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
<button class="helpbtn">Help</button> - <button id="lock">Lock</button> - <button id="compose">Blackout!</button> - <button id="clear">Start Over</button> - <button id="screen">Save as image</button>
|
||||
<button class="helpbtn btn btn-mn">Help</button> - <button id="lock" class="btn btn-mn">Lock</button> - <button id="compose" class="btn btn-mn">Blackout!</button> - <button id="clear" class="btn btn-mn">Start Over</button> - <button id="screen" class="btn btn-mn">Save as image</button>
|
||||
</nav>
|
||||
|
||||
<div id="poem_header">
|
||||
@ -192,27 +193,31 @@ $(document).ready(function(){
|
||||
</main>
|
||||
|
||||
<section>
|
||||
<h1>Copy Your Words</h1>
|
||||
<h1>Copy Your <span class="purple">Words</span></h1>
|
||||
<p>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!)</P>
|
||||
<button id="copy_text">Copy</button>
|
||||
<button id="copy_text_meta">Copy with meta</button>
|
||||
|
||||
<div id="copy_buttons">
|
||||
<button id="copy_text" class="btn btn-mn">Copy</button>
|
||||
<button id="copy_text_meta" class="btn btn-mn">Copy with meta</button>
|
||||
</div>
|
||||
<div id="poem_list"></div>
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
|
||||
|
||||
<footer>
|
||||
<p>This site made with <a href="https://jquery.com/">jQuery</a>, PHP and <a href="https://www.barebones.com/products/bbedit/">BBEdit</a> with help from <a href="https://espressoapp.com/">Espresso</a>.</p>
|
||||
<p><a href="https://code.jacobhaddon.com/jake/smhn">Code</a> by Jacob Haddon - license <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPLv3.0</a> - <a href="https://Apokrupha.com/BlackOut">Apokrupha.com/Blackout</a></p>
|
||||
</footer>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="helpbox help">
|
||||
<button class="helpbtn">Close</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="help" class="help">
|
||||
<div class="help btn-hlp-bx">
|
||||
<button class="btn btn-hlp helpbtn">Close</button>
|
||||
</div>
|
||||
|
||||
<div class="helpwords">
|
||||
|
||||
|
Reference in New Issue
Block a user