more items. homepage stuff

10 files changed, 39 insertions, 52 deletions

diff --git a/static/css/home.css b/static/css/core/home.css
index 8405b6e7..79df5690 100644
--- a/static/css/home.css
+++ b/static/css/core/home.css
@@ -1,19 +1,18 @@
 #welcome {
-    width: 730px;
-    min-height: 262px;
-    background: url('../images/backgrounds/welcome-banner.png') no-repeat;
-    background-size: 730px 262px;
-    margin: 0px auto 20px auto;
+    width: 780px;
+    min-height: 280px;
+    background: url('../../images/core/backgrounds/welcome-banner.png') no-repeat;
+    background-size: 780px 280px;
+    margin: 15px auto;
     border: 0px;
     position: relative;
-    margin-top: 15px;
     text-align: justify;
     border-radius: 8px;
 }
 
 #welcome>p {
-    width: 375px;
-    margin: 12px 0px 12px 50px;
+    width: 410px;
+    margin: 12px 0px 12px 48px;
     position: relative;
     top: 20px;
     text-align: justify;
@@ -21,44 +20,43 @@
 
 #chatbox {
     position: absolute;
-    right: 110px;
-    width: 160px;
-    top: 25px;
+    right: 116px;
+    width: 172px;
+    top: 24px;
 }
 
 #messages {
-    height: 175px;
+    height: 176px;
     overflow-y: scroll;
     position: relative;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
 }
 
-/* Hide scrollbar for Chrome, Safari and Opera */
 #messages::-webkit-scrollbar {
     display: none;
 }
 
-/* Hide scrollbar for IE, Edge and Firefox */
-#messages {
-    -ms-overflow-style: none;
-    /* IE and Edge */
-    scrollbar-width: none;
-    /* Firefox */
-}
-
 .message {
     text-align: left;
 }
 
 #chatbox-input {
-    width: 156px;
+    width: 168px;
     border: none;
-    padding: 10px 2px 2px 2px;
+    margin-top: 4px;
+    padding: 4px 2px 2px 2px;
     resize: none;
     border-top: solid 1px rgba(222, 222, 222, 0.7);
     border-radius: 0;
-    height: 35px;
+    height: 64px;
 }
 
+#uc {
+    width: 780px;
+}
+
+/* 
 #announcements {
     background: url('../images/backgrounds/announcements.png') no-repeat;
     background-size: 730px 300px;
@@ -103,10 +101,8 @@ marquee>ul {
     text-align: justify;
 }
 
-#uc {
-    width: 730px;
-}
+
 
 #adfs {
     width: 720px;
-}
+} */
\ No newline at end of file
diff --git a/static/css/shared/core.css b/static/css/shared/core.css
index 30675fbd..fc369c39 100644
--- a/static/css/shared/core.css
+++ b/static/css/shared/core.css
@@ -2,15 +2,9 @@
 @font-face {
   font-family: 'Klee';
   src: url('../../fonts/KleeOne-Regular.ttf') format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Klee';
-  src: url('../../fonts/KleeOne-SemiBold.ttf') format('truetype');
-  font-weight: bold;
+  font-weight: 400;
   font-style: normal;
+  font-display: swap
 }
 
 @font-face {
@@ -27,8 +21,6 @@
   outline: none;
   border: none;
   color: #fff;
-  font-family: 'Klee', sans-serif;
-  font-size: 12px;
 }
 
 /* HTML and Body Base */
@@ -38,26 +30,20 @@ html {
   min-width: 1200px;
 }
 
-/* html[lang='en'],
-html[lang='en'] input,
-.en {
-  font-family: 'AP';
-  font-size: 12px;
-}
-
-html[lang='ja'],
-html[lang='ja'] input,
-.ja {
-  font-family: 'AP';
-  font-size: 12px;
-} */
-
 body {
   min-height: 100vh;
   overflow-x: hidden;
   position: relative;
 }
 
+body,
+textarea,
+input {
+  font-family: 'Klee';
+  font-size: 12px;
+  font-weight: 400;
+}
+
 /* Element Styles */
 hr {
   height: 1px;
@@ -81,6 +67,11 @@ a:hover {
   text-decoration: underline;
 }
 
+textarea {
+  resize: none;
+  background: transparent;
+}
+
 /* Image Styles */
 img {
   -webkit-backface-visibility: hidden;
diff --git a/static/images/core/backgrounds/announcements.png b/static/images/core/backgrounds/announcements.png
new file mode 100644
index 00000000..b8e65c38
--- /dev/null
+++ b/static/images/core/backgrounds/announcements.png
diff --git a/static/images/core/backgrounds/welcome-banner.png b/static/images/core/backgrounds/welcome-banner.png
new file mode 100644
index 00000000..77a77725
--- /dev/null
+++ b/static/images/core/backgrounds/welcome-banner.png
diff --git a/static/images/core/gifs/construction.gif b/static/images/core/gifs/construction.gif
new file mode 100644
index 00000000..c7ce1277
--- /dev/null
+++ b/static/images/core/gifs/construction.gif
diff --git a/static/images/core/icons/discussions.png b/static/images/core/icons/discussions.png
new file mode 100644
index 00000000..0fb0bd5f
--- /dev/null
+++ b/static/images/core/icons/discussions.png
diff --git a/static/images/core/icons/games.png b/static/images/core/icons/games.png
new file mode 100644
index 00000000..1bd3fc2e
--- /dev/null
+++ b/static/images/core/icons/games.png
diff --git a/static/images/core/icons/registeraccount.png b/static/images/core/icons/registeraccount.png
new file mode 100644
index 00000000..071ceff2
--- /dev/null
+++ b/static/images/core/icons/registeraccount.png
diff --git a/static/images/core/icons/screenshots.png b/static/images/core/icons/screenshots.png
new file mode 100644
index 00000000..563dd621
--- /dev/null
+++ b/static/images/core/icons/screenshots.png
diff --git a/static/images/core/icons/useraccount.png b/static/images/core/icons/useraccount.png
new file mode 100644
index 00000000..2938efb7
--- /dev/null
+++ b/static/images/core/icons/useraccount.png