feat: add favicon

4 files changed, 4 insertions, 2 deletions

diff --git a/assets/favicon.png b/assets/favicon.png
new file mode 100644
index 0000000..3f9e9a8
--- /dev/null
+++ b/assets/favicon.png
diff --git a/count.db b/count.db
index 9054da5..128b63f 100644
--- a/count.db
+++ b/count.db
diff --git a/index.js b/index.js
index e8f49b0..ee6d2d1 100644
--- a/index.js
+++ b/index.js
@@ -31,6 +31,7 @@ function getCountImage(count) {
 
 
 const app = express()
+app.use(express.static('assets'))
 app.use(compression())
 app.set('view engine', 'pug')
 
diff --git a/views/index.pug b/views/index.pug
index 075f25b..5e2c559 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -2,7 +2,8 @@ html
   head
     title='Kawaii Counter!'
     meta(name='viewport', content='width=device-width, initial-scale=1')
-    link(rel='stylesheet',href='https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css')
+    link(rel='icon', type='image/png', href='favicon.png')
+    link(rel='stylesheet', href='https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css')
 
   body
     h3 How to use:
@@ -34,7 +35,7 @@ html
     h3 Tool
     .tool
       code https://count.getloli.com/get/@
-      input#name(type='text', placeholder=':name', style='display: inline-block;width: 80px;height: 1.4em;line-height: 1.4em;margin: 0 4px;vertical-align: middle;')
+      input#name(type='text', placeholder=':name', style='display: inline-block; width: 80px; height: 1.4em; line-height: 1.4em; margin: 0 4px; vertical-align: middle;')
       button#get(style='margin: 10px 0') Get
       img#result(style='display: block; width: 315px; height: 100px')