From d6cc5ff789bd1ec79d02213e7fef634874b641f4 Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Sat, 4 Jun 2022 12:42:46 +0530
Subject: custom fonts and logo

---
 .DS_Store                         | Bin 0 -> 6148 bytes
 public/.DS_Store                  | Bin 0 -> 6148 bytes
 public/css/fonts.css              |  48 ++++++++++++++++++++++++++++++++++++++
 public/css/main.css               |  17 ++++++++++++--
 public/fonts/COUR16-Regular.woff  | Bin 0 -> 30072 bytes
 public/fonts/TIMES16-Bold.woff    | Bin 0 -> 32764 bytes
 public/fonts/TIMES16-Italic.woff  | Bin 0 -> 38088 bytes
 public/fonts/TIMES16-Regular.woff | Bin 0 -> 33224 bytes
 public/fonts/TIMES24-Bold.woff    | Bin 0 -> 48280 bytes
 public/fonts/TIMES32-Bold.woff    | Bin 0 -> 59856 bytes
 public/images/.DS_Store           | Bin 0 -> 6148 bytes
 public/images/logo.png            | Bin 0 -> 14822 bytes
 views/partials/header.ejs         |   1 +
 views/partials/sidebar.ejs        |   4 ++--
 14 files changed, 66 insertions(+), 4 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 public/.DS_Store
 create mode 100644 public/css/fonts.css
 create mode 100644 public/fonts/COUR16-Regular.woff
 create mode 100644 public/fonts/TIMES16-Bold.woff
 create mode 100644 public/fonts/TIMES16-Italic.woff
 create mode 100644 public/fonts/TIMES16-Regular.woff
 create mode 100644 public/fonts/TIMES24-Bold.woff
 create mode 100644 public/fonts/TIMES32-Bold.woff
 create mode 100644 public/images/.DS_Store
 create mode 100644 public/images/logo.png

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 00000000..2fca2710
Binary files /dev/null and b/.DS_Store differ
diff --git a/public/.DS_Store b/public/.DS_Store
new file mode 100644
index 00000000..5b5bea06
Binary files /dev/null and b/public/.DS_Store differ
diff --git a/public/css/fonts.css b/public/css/fonts.css
new file mode 100644
index 00000000..037f1971
--- /dev/null
+++ b/public/css/fonts.css
@@ -0,0 +1,48 @@
+@font-face {
+    font-family: 'TimesPixelated';
+    font-size: 16px;
+    src: url('../fonts/TIMES16-Regular.woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'TimesPixelated';
+    font-size: 16px;
+    src: url('../fonts/TIMES16-Italic.woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'TimesPixelated';
+    font-size: 16px;
+    src: url('../fonts/TIMES16-Bold.woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'TimesPixelated';
+    font-size: 24px;
+    src: url('../fonts/TIMES24-Bold.woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'TimesPixelated';
+    font-size: 32px;
+    src: url('../fonts/TIMES32-Bold.woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'CourierPixelated';
+    font-size: 16px;
+    src: url('../fonts/COUR16-Regular.woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
diff --git a/public/css/main.css b/public/css/main.css
index b7c5a4f9..75dd6cc7 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -7,10 +7,11 @@ body {
     background-color: #fafafa;
     padding: 0;
     min-width: calc(100vw - 16px);
+    font-family: 'TimesPixelated';
 }
 
 .sidebar {
-    background-color: rgb(162, 201, 255);
+    background-color: #bad9ff;
     padding: 20px;
     overflow-x: hidden;
     overflow-y: auto;
@@ -34,8 +35,19 @@ body {
     margin-top: 0;
 }
 
+.title {
+    display: block;
+}
+
+.title > img {
+    width: 10rem;
+    display: block;
+    margin: 0px auto 10px auto;
+    pointer-events: none;
+}
+
 .alert {
-    background-color: rgb(255, 202, 162);
+    background-color: #ffd4bd;
     padding: 20px;
     border: 1px solid #191919;
 }
@@ -43,6 +55,7 @@ body {
 lebel, input, textarea, select {
     display: block;
     margin: 5px 0px;
+    font-family: 'TimesPixelated';
 }
 
 input[type = 'submit'] {
diff --git a/public/fonts/COUR16-Regular.woff b/public/fonts/COUR16-Regular.woff
new file mode 100644
index 00000000..858c44b2
Binary files /dev/null and b/public/fonts/COUR16-Regular.woff differ
diff --git a/public/fonts/TIMES16-Bold.woff b/public/fonts/TIMES16-Bold.woff
new file mode 100644
index 00000000..81e97b1c
Binary files /dev/null and b/public/fonts/TIMES16-Bold.woff differ
diff --git a/public/fonts/TIMES16-Italic.woff b/public/fonts/TIMES16-Italic.woff
new file mode 100644
index 00000000..0fd1329b
Binary files /dev/null and b/public/fonts/TIMES16-Italic.woff differ
diff --git a/public/fonts/TIMES16-Regular.woff b/public/fonts/TIMES16-Regular.woff
new file mode 100644
index 00000000..ab254288
Binary files /dev/null and b/public/fonts/TIMES16-Regular.woff differ
diff --git a/public/fonts/TIMES24-Bold.woff b/public/fonts/TIMES24-Bold.woff
new file mode 100644
index 00000000..9ac372cf
Binary files /dev/null and b/public/fonts/TIMES24-Bold.woff differ
diff --git a/public/fonts/TIMES32-Bold.woff b/public/fonts/TIMES32-Bold.woff
new file mode 100644
index 00000000..b48e4f58
Binary files /dev/null and b/public/fonts/TIMES32-Bold.woff differ
diff --git a/public/images/.DS_Store b/public/images/.DS_Store
new file mode 100644
index 00000000..c7779435
Binary files /dev/null and b/public/images/.DS_Store differ
diff --git a/public/images/logo.png b/public/images/logo.png
new file mode 100644
index 00000000..56366c3d
Binary files /dev/null and b/public/images/logo.png differ
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index b60bc82c..804991cd 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>That Computer Scientist - <%= title %></title>
+    <link rel="stylesheet" href="css/fonts.css">
     <link rel="stylesheet" href="css/main.css">
   </head>
   <body>
\ No newline at end of file
diff --git a/views/partials/sidebar.ejs b/views/partials/sidebar.ejs
index 04eccdf9..dedea20b 100644
--- a/views/partials/sidebar.ejs
+++ b/views/partials/sidebar.ejs
@@ -1,6 +1,6 @@
 <div class="sidebar">
-  <a href="/" class="title">
-    <h1>That Computer Scientist</h1>
+    <a href="/" class="title">
+        <img src="images/logo.png" alt="That Computer Scientist Logo">
     <!-- Login Box -->
     </a>
     <% if (locals.username) { %>
-- 
cgit v1.2.3