Some updates for printing i added

This commit is contained in:
Justin C. Miller
2025-05-31 17:10:18 -07:00
parent b49f0bef00
commit 68fcf472e0

View File

@@ -21,6 +21,7 @@
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 10px; border-radius: 10px;
background: #f0f0f0; background: #f0f0f0;
color: #444;
} }
blockquote.poem { blockquote.poem {
@@ -34,6 +35,16 @@
text-decoration: underline; text-decoration: underline;
margin-bottom: 3rem; margin-bottom: 3rem;
} }
tr:nth-child(2n) {
color: #ddd;
}
@media print {
.noprint {
display: none !important;
}
}
</style> </style>
</head> </head>
<body> <body>
@@ -47,7 +58,7 @@
</div> </div>
{% endif %} {% endif %}
<form id="add-words-form"> <form id="add-words-form" class="noprint">
<div> <div>
<label for="addend-input">Enter some words to add:</label> <label for="addend-input">Enter some words to add:</label>
<input type="text" id="addend-input" style="width: 80%;" /> <input type="text" id="addend-input" style="width: 80%;" />
@@ -73,7 +84,7 @@
</script> </script>
{% if key %} {% if key %}
<div class="bordered"> <div class="bordered noprint">
<strong>Mail the poem and this URL on to the next person!</strong> <strong>Mail the poem and this URL on to the next person!</strong>
<div id="url-div" style="float: left;"></div> <div id="url-div" style="float: left;"></div>
<button id="copy-button" style="float: right;">Copy it all to my clipboard</button> <button id="copy-button" style="float: right;">Copy it all to my clipboard</button>