From 19875c9700d175358d3aece849670ad7c1d965ea Mon Sep 17 00:00:00 2001
From: Coding <dev.tandpfun@gmail.com>
Date: Sun, 13 Dec 2020 19:10:29 -0800
Subject: [PATCH] Nord theme attempt

attempt nord theme
---
 views/guildcount.ejs | 33 +++++++++++++++++++--------------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/views/guildcount.ejs b/views/guildcount.ejs
index c32efff..3c9e224 100644
--- a/views/guildcount.ejs
+++ b/views/guildcount.ejs
@@ -1,30 +1,33 @@
  <!--Source code: https://github.com/webtax-gh/guild-count-->
 <meta content="Guild Count" property="og:title">
+    <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
     <meta content="This tool will help you easily get your guild count and display some other cool facts.. property="og:description">
     <meta content="https://raw.githubusercontent.com/qstimezone/qstimezone.github.io/main/background.png" property="og:image">
         <meta name="twitter:card" content="summary_large_image">
     <meta name="theme-color" content="#00F6F4">
+    <title>Guild Count</title>
 <div class="login-page">
     <div class="form">
       Hello <%= username %>,
       <br>
       You are in <%= guildcount %> guilds.
       <br>
-      You are the owner of <%= totals['owner'] %> guilds.
+      <i class="fas fa-crown"></i> You are the owner of <%= totals['owner'] %> guilds.
       <br>
-      <%= totals['community'] %> of the guilds you are in have community enabled (<%= Math.round(totals['community']/guildcount * 1000)/10 %>%).
+      <i class="fas fa-users"></i> <%= totals['community'] %> of the guilds you are in have community enabled (<%= Math.round(totals['community']/guildcount * 1000)/10 %>%).
       <br>
-      <%= totals['partnered'] %> of the guilds you are in are partnered (<%= Math.round(totals['partnered']/guildcount * 1000)/10 %>%).
+      <i class="fas fa-handshake"></i> <%= totals['partnered'] %> of the guilds you are in are partnered (<%= Math.round(totals['partnered']/guildcount * 1000)/10 %>%).
       <br>
-      <%= totals['discoverable'] %> of the guilds you are in are discoverable (<%= Math.round(totals['discoverable']/guildcount * 1000)/10 %>%).
+      <i class="fas fa-search"></i> <%= totals['discoverable'] %> of the guilds you are in are discoverable (<%= Math.round(totals['discoverable']/guildcount * 1000)/10 %>%).
       <br>
-      <%= totals['commerce'] %> of the guilds you are in have commerce enabled (<%= Math.round(totals['commerce']/guildcount * 1000)/10 %>%).
+      <i class="fas fa-tag"></i> <%= totals['commerce'] %> of the guilds you are in have commerce enabled (<%= Math.round(totals['commerce']/guildcount * 1000)/10 %>%).
       <br>
-      <%= totals['verified'] %> of the guilds you are in are verified (<%= Math.round(totals['verified']/guildcount * 1000)/10 %>%).
+      <i class="fas fa-certificate"></i> <%= totals['verified'] %> of the guilds you are in are verified (<%= Math.round(totals['verified']/guildcount * 1000)/10 %>%).
     </div>
   </div>
 <style>
-    @import url(https://fonts.googleapis.com/css?family=Roboto:300);
+<style>
+    @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap');
 
 .login-page {
   width: 700px;
@@ -39,10 +42,11 @@
   margin: 0 auto 100px;
   padding: 45px;
   text-align: center;
+  border-radius: 10px;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
 }
 .form input {
-  font-family: "Roboto", sans-serif;
+  font-family: "Rubik", sans-serif;
   outline: 0;
   background: #f2f2f2;
   width: 100%;
@@ -115,12 +119,13 @@
   color: #EF3B3A;
 }
 body {
-  background: #76b852; /* fallback for old browsers */
-  background: -webkit-linear-gradient(right, #76b852, #8DC26F);
-  background: -moz-linear-gradient(right, #76b852, #8DC26F);
-  background: -o-linear-gradient(right, #76b852, #8DC26F);
-  background: linear-gradient(to left, #76b852, #8DC26F);
-  font-family: "Roboto", sans-serif;
+  background: #2E3440; /* fallback for old browsers */
+  background: -webkit-linear-gradient(right, #2E3440, #3B4252);
+  background: -moz-linear-gradient(right, #2E3440, #3B4252);
+  background: -o-linear-gradient(right, #2E3440, #3B4252);
+  background: linear-gradient(to left, #2E3440, #3B4252);
+  font-family: "Rubik", sans-serif;
+  font-weight: 400;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;      
 }