From e4bdb1cc01836b4dd399b7ca9cc2806cb230f364 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Mon, 16 Jan 2023 10:32:36 +0000
Subject: [PATCH] Add page conent to issue.html

Signed-off-by: Fred Boniface <fred@fjla.uk>
---
 static/issue.html       | 20 ++++++++++++++++++--
 static/styles/style.css | 26 ++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/static/issue.html b/static/issue.html
index 8503460..c11ffe7 100644
--- a/static/issue.html
+++ b/static/issue.html
@@ -15,7 +15,23 @@
           <div id="top_button" class="hide_micro">
             <button aria-label="Back" class="sidebar_control" onclick="history.back()">&#8678;</button>
           </div>
-
-        <p>This page is (temporarily) intentionally blank.</p>
+          <picture>
+            <source media="(min-width:800px)" secset="/images/logo/logo-full-715.webp" type="image/webp">
+            <source media="(min-width:800px)" srcset="/images/logo/logo-full-715.png" type="image/png">
+            <source media="(min-width:700px)" srcset="/images/logo/logo-full-512.webp" type="image/webp">
+            <source media="(min-width:700px)" srcset="/images/logo/logo-full-512.png" type="image/png">
+            <source media="(min-width:450px)" srcset="/images/logo/logo-full-256.webp" type="image/png">
+            <source media="(min-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png">
+            <img class="titleimg" src="/images/logo/logo-full-512.png" alt="OwlBoard Logo">
+          </picture>
+          <h2>Report an Issue</h2>
+        <p>This page's functionality is not yet implemented.</p>
+        <form>
+          <label for="subject">Subject:</label><br>
+          <input type="text" name="subject" id="subject" class="text-entry"/><br>
+          <label for="content">Message:</label><br>
+          <textarea name="content" id="content" class="text-entry-long"></textarea><br>
+          <input type="submit" name="submit" id="submit" label="Submit" class="lookup-button">
+        </form>
     </body>
 </html>
\ No newline at end of file
diff --git a/static/styles/style.css b/static/styles/style.css
index 1d2c4a6..c57cef6 100644
--- a/static/styles/style.css
+++ b/static/styles/style.css
@@ -68,6 +68,32 @@ body a:visited {color:var(--link-visited-color)}
   font-family: urwgothic, sans-serif;
   transition: 0.2s;
 }
+.text-entry {
+  text-align: center;
+  border: black;
+  width: 75%;
+  max-width: 250px;
+  border-radius: 40px;
+  padding: 10px;
+  margin-bottom: 5px;
+  font-size: 12px;
+  font-family: urwgothic, sans-serif;
+  transition: 0.2s;
+}
+.text-entry-long{
+  text-align: left;
+  border: black;
+  width: 75%;
+  max-width: 250px;
+  height: 30%;
+  max-height: 350px;
+  border-radius: 20px;
+  padding: 10px;
+  margin-bottom: 5px;
+  font-size: 12px;
+  font-family: urwgothic, sans-serif;
+  transition: 0.2s;
+}
 label {
   font-weight: 900;
 }