more styling on the page

This commit is contained in:
Jacob Haddon
2024-03-11 20:52:06 -04:00
parent 0be081d7e8
commit 83c918809b
3 changed files with 66 additions and 16 deletions

View File

@ -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 dont 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">