Favicons, updated homepage and more stuff

21 files changed, 295 insertions, 6 deletions

diff --git a/app.js b/app.js
index 64c18dc..34b5587 100644
--- a/app.js
+++ b/app.js
@@ -50,7 +50,7 @@ rl.on("line", (input) => {
     case "exit":
       async function exitWebsite() {
         console.log("[i] Closing website...");
-        await Hook.info("Alee Productions Website", "Website is shutting down...");
+        //await Hook.info("Alee Productions Website", "Website is shutting down...");
         process.exit(0);
       }
       exitWebsite();
@@ -81,6 +81,6 @@ app.use((req, res) => {
 });
 
 app.listen(port, () => {
-  Hook.success("Alee Productions Website","Website has been loaded!")
+  //Hook.success("Alee Productions Website","Website has been loaded!")
   console.log(`[>] Website listening on port ${port}!`)
 });
\ No newline at end of file
diff --git a/public/css/style.css b/public/css/style.css
index 410907a..19f7573 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -3,3 +3,7 @@ body {
     background-color: #212121;
     color: #ffffff;
 }
+
+.svg-white {
+    fill:#ffffff
+}
\ No newline at end of file
diff --git a/public/ico/android-chrome-192x192.png b/public/ico/android-chrome-192x192.png
new file mode 100644
index 0000000..be387fe
--- /dev/null
+++ b/public/ico/android-chrome-192x192.png
diff --git a/public/ico/android-chrome-512x512.png b/public/ico/android-chrome-512x512.png
new file mode 100644
index 0000000..62ff907
--- /dev/null
+++ b/public/ico/android-chrome-512x512.png
diff --git a/public/ico/apple-touch-icon.png b/public/ico/apple-touch-icon.png
new file mode 100644
index 0000000..adbc0ca
--- /dev/null
+++ b/public/ico/apple-touch-icon.png
diff --git a/public/ico/browserconfig.xml b/public/ico/browserconfig.xml
new file mode 100644
index 0000000..03525c6
--- /dev/null
+++ b/public/ico/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/public/ico/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/ico/favicon-16x16.png b/public/ico/favicon-16x16.png
new file mode 100644
index 0000000..3f6df54
--- /dev/null
+++ b/public/ico/favicon-16x16.png
diff --git a/public/ico/favicon-32x32.png b/public/ico/favicon-32x32.png
new file mode 100644
index 0000000..d58719c
--- /dev/null
+++ b/public/ico/favicon-32x32.png
diff --git a/public/ico/favicon.ico b/public/ico/favicon.ico
new file mode 100644
index 0000000..f4b980b
--- /dev/null
+++ b/public/ico/favicon.ico
diff --git a/public/ico/mstile-150x150.png b/public/ico/mstile-150x150.png
new file mode 100644
index 0000000..48fcfe6
--- /dev/null
+++ b/public/ico/mstile-150x150.png
diff --git a/public/ico/safari-pinned-tab.svg b/public/ico/safari-pinned-tab.svg
new file mode 100644
index 0000000..6c8021f
--- /dev/null
+++ b/public/ico/safari-pinned-tab.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="654.000000pt" height="654.000000pt" viewBox="0 0 654.000000 654.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,654.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3059 6536 c-2 -2 -41 -7 -85 -10 -45 -4 -93 -9 -105 -11 -13 -2 -46
+-6 -74 -10 -188 -23 -479 -99 -695 -182 -768 -294 -1393 -865 -1764 -1610
+-107 -215 -217 -526 -261 -739 -20 -95 -55 -324 -62 -400 -10 -114 -10 -495 0
+-599 83 -876 489 -1647 1172 -2223 55 -46 111 -92 125 -100 14 -9 57 -40 97
+-69 40 -29 75 -53 78 -53 3 0 32 -18 64 -39 82 -56 347 -192 476 -244 308
+-125 609 -200 945 -234 150 -15 584 -8 700 11 14 3 45 7 70 10 212 28 549 117
+751 201 542 223 1006 575 1361 1030 248 318 462 738 559 1095 11 41 27 99 35
+127 7 29 16 67 19 85 3 18 8 40 10 48 2 8 7 31 10 50 3 19 10 60 15 90 26 151
+35 286 34 505 0 185 -7 343 -19 412 -3 15 -7 42 -9 58 -5 33 -23 144 -32 190
+-26 141 -105 402 -176 580 -91 229 -284 568 -423 743 -265 335 -554 598 -879
+799 -407 252 -896 424 -1331 468 -38 4 -79 10 -90 12 -23 6 -511 13 -516 9z"/>
+</g>
+</svg>
diff --git a/public/ico/site.webmanifest b/public/ico/site.webmanifest
new file mode 100644
index 0000000..9b5b90d
--- /dev/null
+++ b/public/ico/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/ico/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/ico/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/public/img/ALP.png b/public/img/ALP.png
new file mode 100755
index 0000000..6c66d64
--- /dev/null
+++ b/public/img/ALP.png
diff --git a/public/img/file-code-solid.svg b/public/img/file-code-solid.svg
new file mode 100755
index 0000000..c0c0e27
--- /dev/null
+++ b/public/img/file-code-solid.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   aria-hidden="true"
+   focusable="false"
+   data-prefix="fas"
+   data-icon="file-code"
+   class="svg-inline--fa fa-file-code fa-w-12"
+   role="img"
+   viewBox="0 0 384 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="file-code-solid.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="741"
+     inkscape:window-height="480"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="192"
+     inkscape:cy="256"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     fill="currentColor"
+     d="M384 121.941V128H256V0h6.059c6.365 0 12.47 2.529 16.971 7.029l97.941 97.941A24.005 24.005 0 0 1 384 121.941zM248 160c-13.2 0-24-10.8-24-24V0H24C10.745 0 0 10.745 0 24v464c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V160H248zM123.206 400.505a5.4 5.4 0 0 1-7.633.246l-64.866-60.812a5.4 5.4 0 0 1 0-7.879l64.866-60.812a5.4 5.4 0 0 1 7.633.246l19.579 20.885a5.4 5.4 0 0 1-.372 7.747L101.65 336l40.763 35.874a5.4 5.4 0 0 1 .372 7.747l-19.579 20.884zm51.295 50.479l-27.453-7.97a5.402 5.402 0 0 1-3.681-6.692l61.44-211.626a5.402 5.402 0 0 1 6.692-3.681l27.452 7.97a5.4 5.4 0 0 1 3.68 6.692l-61.44 211.626a5.397 5.397 0 0 1-6.69 3.681zm160.792-111.045l-64.866 60.812a5.4 5.4 0 0 1-7.633-.246l-19.58-20.885a5.4 5.4 0 0 1 .372-7.747L284.35 336l-40.763-35.874a5.4 5.4 0 0 1-.372-7.747l19.58-20.885a5.4 5.4 0 0 1 7.633-.246l64.866 60.812a5.4 5.4 0 0 1-.001 7.879z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/public/img/users-solid.svg b/public/img/users-solid.svg
new file mode 100755
index 0000000..2f6c21a
--- /dev/null
+++ b/public/img/users-solid.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   aria-hidden="true"
+   focusable="false"
+   data-prefix="fas"
+   data-icon="users"
+   class="svg-inline--fa fa-users fa-w-20"
+   role="img"
+   viewBox="0 0 640 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="users-solid.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="741"
+     inkscape:window-height="480"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.41875"
+     inkscape:cx="320"
+     inkscape:cy="256"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     fill="currentColor"
+     d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/public/img/video-solid.svg b/public/img/video-solid.svg
new file mode 100755
index 0000000..8556b7a
--- /dev/null
+++ b/public/img/video-solid.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   aria-hidden="true"
+   focusable="false"
+   data-prefix="fas"
+   data-icon="video"
+   class="svg-inline--fa fa-video fa-w-18"
+   role="img"
+   viewBox="0 0 576 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="video-solid.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="741"
+     inkscape:window-height="480"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="49.355932"
+     inkscape:cy="256"
+     inkscape:window-x="0"
+     inkscape:window-y="30"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     fill="currentColor"
+     d="M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z"
+     id="path2"
+     style="fill:#ffffff" />
+</svg>
diff --git a/views/about.ejs b/views/about.ejs
index 452cd82..e693410 100644
--- a/views/about.ejs
+++ b/views/about.ejs
@@ -18,7 +18,7 @@
         <p>Alee Productions started in 2016. It used to be called "AleeCorp" and used to make just software but over
             time it started branching to other things like making games and videos.
             In late 2018, AleeCorp merged with Universe and some project merged but due to a community conflict during
-            October in that year, Universe and AleeCorp splited. In 2019 however, AleeCorp renamed to Alee Productions
+            October in that year, Universe and AleeCorp splited. In 2019 however, AleeCorp got renamed to Alee Productions
             just to make the company more professional.</p>
         <h1>Team</h1>
         <div class="card text-white success-color-dark mb-3" style="max-width: 20rem;">
diff --git a/views/includes/footer.ejs b/views/includes/footer.ejs
index 50e53ec..dd10125 100644
--- a/views/includes/footer.ejs
+++ b/views/includes/footer.ejs
@@ -1,5 +1,5 @@
 <footer class="page-footer fixed-bottom font-small green">
-    <div class="footer-copyright text-center py-3">© Copyright 2019, Alee Productions. Powered by ExpressJS and EJS.</div>
+    <div class="footer-copyright text-center py-3">© Copyright 2016-2019, Alee Productions. Powered by ExpressJS and EJS.</div>
 </footer>
 <!-- JQuery -->
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
diff --git a/views/includes/header.ejs b/views/includes/header.ejs
index 9e26117..d0632ac 100644
--- a/views/includes/header.ejs
+++ b/views/includes/header.ejs
@@ -1,3 +1,14 @@
+<!-- Favicons -->
+<link rel="apple-touch-icon" sizes="180x180" href="/ico/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/ico/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/ico/favicon-16x16.png">
+<link rel="manifest" href="/ico/site.webmanifest">
+<link rel="mask-icon" href="/ico/safari-pinned-tab.svg" color="#5bbad5">
+<link rel="shortcut icon" href="/ico/favicon.ico">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="msapplication-config" content="/ico/browserconfig.xml">
+<meta name="theme-color" content="#ffffff">
+
 <!-- Font Awesome -->
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
 <!-- Bootstrap core CSS -->
diff --git a/views/includes/navbar.ejs b/views/includes/navbar.ejs
index ed2e826..b8d3ed5 100644
--- a/views/includes/navbar.ejs
+++ b/views/includes/navbar.ejs
@@ -1,11 +1,13 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-    <a class="navbar-brand" href="/">Alee Productions</a>
+    <a class="navbar-brand" href="/">
+        <img src="/img/ALP.png" height="30" class="d-inline-block align-top" alt="Alee Prod Logo">
+        Alee Productions</a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
         aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
     </button>
     <div class="collapse navbar-collapse" id="navbarNav">
-        <ul class="navbar-nav">
+        <ul class="navbar-nav mr-auto">
             <li class="nav-item">
                 <a class="nav-link" href="/">Home</a>
             </li>
diff --git a/views/index.ejs b/views/index.ejs
index e62eff6..243b0a2 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -8,6 +8,7 @@
 
 <body>
     <% include ./includes/navbar %>
+    <!--Jumbotron-->
     <div class="jumbotron special-color bounceIn">
         <h2 class="display-4">Hello! Welcome to Alee Productions.</h2>
         <p class="lead">We are a very small productions company.</p>
@@ -15,6 +16,48 @@
         <p>If you want to know more about us click the button down below.</p>
         <a class="btn btn-green btn-lg" href="/about" role="button">Learn more</a>
     </div>
+
+    <!--Community, Video and Software-->
+
+    <div class="container">
+        <div class="row">
+            <div class="col-sm">
+                <div class="view overlay">
+                    <a href="https://discord.gg/EFhRDqG">
+                        <img src="/img/users-solid.svg" class="svg-white" height=220px>
+                        <div class="mask flex-center rgba-green-strong">
+                            <p class="white-text">Community</p>
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <div class="col-sm">
+                <div class="view overlay">
+                    <a href="https://www.youtube.com/channel/UC9CIwdleH3m_PV35QqULWzA">
+                        <img src="/img/video-solid.svg" class="svg-white" height=220px>
+                        <div class="mask flex-center rgba-green-strong">
+                            <p class="white-text">Video</p>
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <div class="col-sm">
+                <div class="view overlay">
+                    <a href="https://github.com/aleeproductions">
+                        <img src="/img/file-code-solid.svg" class="svg-white" height=220px>
+                        <div class="mask flex-center rgba-green-strong">
+                            <p class="white-text">Software</p>
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+<script>
+    console.log("Welcome to Alee Productions :)")
+alert("Please note that this website is under active development and bugs may occur.\nIf there's any report it to the GitHub repo.")
+</script>
+
     <% include ./includes/footer %>
 </body>