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/stylesheets/wittle/general.css.scss | 86 +++++++++++++++++++++++++-
 1 file changed, 84 insertions(+), 2 deletions(-)

(limited to 'app/assets/stylesheets')

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