From 392cc8a0f938b0f363e1a9227d5ff9a3ecbdbe10 Mon Sep 17 00:00:00 2001
From: Star Rauchenberger <fefferburbia@gmail.com>
Date: Sun, 29 Oct 2023 21:50:03 -0400
Subject: some website formatting

---
 app/assets/images/wittle/wittle_header.png     | Bin 0 -> 82868 bytes
 app/assets/stylesheets/wittle/general.css.scss |  29 +++++++++++++++++++++++--
 app/views/layouts/wittle/application.html.haml |   5 ++++-
 app/views/wittle/puzzles/show.html.haml        |   1 +
 4 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 app/assets/images/wittle/wittle_header.png

(limited to 'app')

diff --git a/app/assets/images/wittle/wittle_header.png b/app/assets/images/wittle/wittle_header.png
new file mode 100644
index 0000000..a082f8e
Binary files /dev/null and b/app/assets/images/wittle/wittle_header.png differ
diff --git a/app/assets/stylesheets/wittle/general.css.scss b/app/assets/stylesheets/wittle/general.css.scss
index 9d893b6..c258734 100644
--- a/app/assets/stylesheets/wittle/general.css.scss
+++ b/app/assets/stylesheets/wittle/general.css.scss
@@ -1,11 +1,36 @@
-#wrap {
-
+#banner {
+  background-image: image-url("wittle/wittle_header.png");
+  background-size: cover;
+  width: 600px;
+  height: 245px;
+  margin: 0 auto;
+
+  h1 {
+    margin: 0;
+
+    a {
+      display: block;
+      width: 1110px;
+      height: 454px;
+      text-indent: -5000px;
+      text-decoration: none;
+      margin: 0;
+    }
+  }
 }
 
 h1 {
   text-align: center;
 }
 
+.puzzle-description {
+  text-align: center;
+  display: block;
+  margin-top: -1em;
+  margin-bottom: 2em;
+  font-size: 1.25em;
+}
+
 #trace-settings {
   margin: 1em auto;
   width: 540px;
diff --git a/app/views/layouts/wittle/application.html.haml b/app/views/layouts/wittle/application.html.haml
index 80519f4..1226d79 100644
--- a/app/views/layouts/wittle/application.html.haml
+++ b/app/views/layouts/wittle/application.html.haml
@@ -7,4 +7,7 @@
     = stylesheet_link_tag    "wittle/application", media: "all"
     = javascript_include_tag "wittle/application"
   %body
-    #wrap= yield
+    #wrap
+      %header#banner
+        %h1= link_to "Wittle", root_url
+      = yield
diff --git a/app/views/wittle/puzzles/show.html.haml b/app/views/wittle/puzzles/show.html.haml
index c46e5ce..8628298 100644
--- a/app/views/wittle/puzzles/show.html.haml
+++ b/app/views/wittle/puzzles/show.html.haml
@@ -1,4 +1,5 @@
 %h1 Wittle ##{@puzzle.id}
+.puzzle-description #{@puzzle.category.capitalize} - #{@puzzle.created_at.strftime("%B %-d, %Y")}
 #puzzle-container{ style: "display: flex; justify-content: center; align-items: center" }
   %svg#puzzle{ style: "pointer-events: auto"}
 #submission-form
-- 
cgit 1.4.1