From 82cf9a4f0819bec96d1cf5050cc4e8dc17568be0 Mon Sep 17 00:00:00 2001
From: Star Rauchenberger <fefferburbia@gmail.com>
Date: Mon, 30 Oct 2023 12:40:08 -0400
Subject: main page! and other layout stuff

---
 app/assets/images/wittle/wittle_expert.png     | Bin 0 -> 155050 bytes
 app/assets/images/wittle/wittle_hard.png       | Bin 0 -> 92194 bytes
 app/assets/images/wittle/wittle_normal.png     | Bin 0 -> 81341 bytes
 app/assets/stylesheets/wittle/general.css.scss |  86 ++++++++++++++++++++++++-
 4 files changed, 84 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/images/wittle/wittle_expert.png
 create mode 100644 app/assets/images/wittle/wittle_hard.png
 create mode 100644 app/assets/images/wittle/wittle_normal.png

(limited to 'app/assets')

diff --git a/app/assets/images/wittle/wittle_expert.png b/app/assets/images/wittle/wittle_expert.png
new file mode 100644
index 0000000..b806b57
Binary files /dev/null and b/app/assets/images/wittle/wittle_expert.png differ
diff --git a/app/assets/images/wittle/wittle_hard.png b/app/assets/images/wittle/wittle_hard.png
new file mode 100644
index 0000000..e993e9b
Binary files /dev/null and b/app/assets/images/wittle/wittle_hard.png differ
diff --git a/app/assets/images/wittle/wittle_normal.png b/app/assets/images/wittle/wittle_normal.png
new file mode 100644
index 0000000..adc0943
Binary files /dev/null and b/app/assets/images/wittle/wittle_normal.png differ
diff --git a/app/assets/stylesheets/wittle/general.css.scss b/app/assets/stylesheets/wittle/general.css.scss
index a0eb980..f7bb56f 100644
--- a/app/assets/stylesheets/wittle/general.css.scss
+++ b/app/assets/stylesheets/wittle/general.css.scss
@@ -10,8 +10,8 @@
 
     a {
       display: block;
-      width: 1110px;
-      height: 454px;
+      width: 600px;
+      height: 245px;
       text-indent: -5000px;
       text-decoration: none;
       margin: 0;
@@ -169,3 +169,85 @@ input[type="range"]::-ms-thumb {
     padding: 0;
   }
 }
+
+#current-date {
+  margin-top: 1em;
+  text-align: center;
+}
+
+#choose-difficulty {
+  margin: 1em auto 2em;
+  width: max-content;
+  display: flex;
+}
+
+#normal-link {
+  width: 215px;
+  margin-right: 1em;
+
+  a {
+    background-image: image-url("wittle/wittle_normal.png");
+    background-size: cover;
+    display: block;
+    width: 215px;
+    height: 215px;
+    text-indent: -5000px;
+    text-decoration: none;
+    margin: 0;
+  }
+}
+
+#hard-link {
+  width: 215px;
+  margin-right: 1em;
+
+  a {
+    background-image: image-url("wittle/wittle_hard.png");
+    background-size: cover;
+    display: block;
+    width: 215px;
+    height: 215px;
+    text-indent: -5000px;
+    text-decoration: none;
+    margin: 0;
+  }
+}
+
+#expert-link {
+  width: 215px;
+
+  a {
+    background-image: image-url("wittle/wittle_expert.png");
+    background-size: cover;
+    display: block;
+    width: 215px;
+    height: 215px;
+    text-indent: -5000px;
+    text-decoration: none;
+    margin: 0;
+  }
+}
+
+.summary {
+  width: 50%;
+  min-width: 600px;
+  margin: 0 auto 1em;
+}
+
+.puzzle-status {
+  text-align: center;
+  margin-bottom: 0;
+}
+
+.breadcrumb {
+  text-align: center;
+
+  a, a:visited {
+    color: #555d66;
+    text-decoration: none;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+}
-- 
cgit 1.4.1