[pages] added basic styling & fonts

4 files changed, 28 insertions, 0 deletions

diff --git a/src/app.ts b/src/app.ts
index 5000fbb..f34dad9 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -11,6 +11,8 @@ const app = express()
 app.set("view engine", "pug")
 app.set("views", "./src/views")
 
+app.use("/public", express.static("./src/public"))
+
 // setup routes
 import apiRouter from "@routes/api.ts"
 import dashboardRouter from "@routes/dashboard.ts"
diff --git a/src/public/css/global.css b/src/public/css/global.css
new file mode 100644
index 0000000..95fdd00
--- /dev/null
+++ b/src/public/css/global.css
@@ -0,0 +1,26 @@
+/*
+ * ~~~ global css styles
+*/
+
+@font-face {
+    font-family: OpenSans;
+    src: url("/public/fonts/OpenSans.ttf");
+}
+
+@font-face {
+    font-family: OpenSans;
+    src: url("/public/fonts/OpenSansItalic.ttf");
+    font-style: italic;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    font-family: OpenSans;
+}
+
+body {
+    width: 100vw;
+    height: 100vh;
+    overflow: hidden;
+}
diff --git a/src/public/fonts/OpenSans.ttf b/src/public/fonts/OpenSans.ttf
new file mode 100644
index 0000000..9c57fbd
--- /dev/null
+++ b/src/public/fonts/OpenSans.ttf
diff --git a/src/public/fonts/OpenSansItalic.ttf b/src/public/fonts/OpenSansItalic.ttf
new file mode 100644
index 0000000..8a2c9d9
--- /dev/null
+++ b/src/public/fonts/OpenSansItalic.ttf