pretty much everything so far

Signed-off-by: Odyssey <odyssey346@disroot.org>
2022-11-05 20:34:34 +01:00
parent 9da7daac7a
commit e01ee8ecdc
16 changed files with 1363 additions and 0 deletions
--- a/public/css/global.css
+++ b/public/css/global.css
@@ -0,0 +1,165 @@
+/* god bless you */
+
+@font-face {
+    font-family: 'Lato';
+    src: url('/fonts/Lato-Regular.ttf');
+    font-display: swap;
+}
+
+body {
+    font-family: 'Lato', sans-serif;
+    color: #FFF;
+    background-color: #151515;
+}
+
+::-webkit-scrollbar {
+    width: 8px;
+    height: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    background: #252525;
+}
+
+main {
+    margin: 0 24vw;
+}
+
+.navbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-direction: row;
+    padding: 8px;
+}
+
+.indexGitHub {
+    background: #252525;
+    color: #fff;
+    padding: 4px;
+    border-radius: 8px;
+}
+
+.navbarSlogan {
+    color: #00b7c3;
+}
+
+.error {
+    background-color: #252525;
+    padding: 8px;
+    border-radius: 8px;
+    font-family: 'Lato', sans-serif;
+    color: #fff;
+}
+
+.center {
+    text-align: center;
+}
+
+a {
+    color: white;
+    text-decoration: underline;
+    text-underline-offset: 5px;
+}
+
+a:hover {
+    color: #00b7c3;
+}
+
+/* URI: /explore */
+
+.exploreIDontKnowWhatToNameThisDiv {
+    background-color: #252525;
+    padding: 8px;
+    border-radius: 8px;
+    margin: 8px 0 8px 0;
+
+    text-overflow: ellipsis;
+    white-space: wrap;
+}
+
+/* URI: /:user */
+
+.userProfile {
+    background-color: #252525;
+    padding: 8px;
+    border-radius: 8px;
+    margin: 8px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.userProfile h1 {
+    color: #00b7c3;
+    margin: 4px;
+}
+
+.userProfile h2  {
+    margin: 4px;
+}
+
+.userProfile p {
+    margin: 4px;
+}
+
+.userProfile img {
+    border: 4px solid #00b7c3;
+    border-radius: 50%;
+}
+
+.userBio, .userReadme {
+    background-color: #252525;
+    padding: 8px;
+    border-radius: 8px;
+    margin: 8px;
+}
+
+.userBioText, .userReadmeText {
+    background-color: #151515;
+    padding: 8px;
+    border-radius: 8px;
+    margin-bottom: 0;
+}
+
+@media screen and (prefers-color-scheme: light) {
+    body {
+        background-color: #fff;
+        color: #000;
+    }
+    .navbarSlogan {
+        color: #00b7c3;
+    }
+    a {
+        color: black;
+    }
+    a:hover {
+        color: #00b7c3;
+    }
+    .exploreIDontKnowWhatToNameThisDiv {
+        background-color: #f1f1f1;
+        color: #000;
+    }
+    ::-webkit-scrollbar {
+        width: 8px;
+        height: 10px;
+
+    }
+    ::-webkit-scrollbar-thumb {
+        border-radius: 8px;
+        background: #f1f1f1;
+    }
+}
+
+@media screen and (max-width: 900px) {
+    main {
+        margin: 8px;
+    }
+
+    .exploreIDontKnowWhatToNameThisDiv {
+        margin-left: 0;
+        margin-bottom: 8px;
+        margin-right: 0;
+    }
+}