From 5ebc860b7a0e322a5b94b548c2ff29f309a6ca83 Mon Sep 17 00:00:00 2001
From: Virej Dasani <dasanivirej@gmail.com>
Date: Sun, 6 Jun 2021 17:28:08 +0530
Subject: [PATCH] Add downloads to website

---
 docs/download.html | 123 +++++++++++++++++++++++++++++++++++++++++++++
 docs/index.html    |   6 +--
 2 files changed, 126 insertions(+), 3 deletions(-)
 create mode 100644 docs/download.html
diff --git a/docs/download.html b/docs/download.html
new file mode 100644
index 0000000..e8a4fab
--- /dev/null
+++ b/docs/download.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en-US">
+
+<head>
+    <meta charset="UTF-8">
+
+    <!-- Begin Jekyll SEO tag v2.7.1 -->
+    <title>Geniemoji 🧞‍♂️</title>
+    <meta name="generator" content="Jekyll v3.9.0" />
+    <meta property="og:title" content="Geniemoji 🧞‍♂️" />
+    <meta property="og:locale" content="en_US" />
+    <meta name="description" content="The Emoji Genie 🧞‍♂️" />
+    <meta property="og:description" content="The Emoji Genie 🧞‍♂️" />
+    <link rel="canonical" href="https://virejdasani.github.io/Geniemoji/" />
+    <meta property="og:url" content="https://virejdasani.github.io/Geniemoji/" />
+    <meta property="og:site_name" content="Geniemoji" />
+    <meta name="twitter:card" content="summary" />
+    <meta property="twitter:title" content="Geniemoji 🧞‍♂️" />
+    <script type="application/ld+json">
+        {
+            "description": "The Emoji Genie 🧞‍♂️",
+            "url": "https://virejdasani.github.io/Geniemoji/",
+            "@type": "WebSite",
+            "headline": "Geniemoji 🧞‍♂️",
+            "name": "Geniemoji",
+            "@context": "https://schema.org"
+        }
+    </script>
+    <!-- End Jekyll SEO tag -->
+
+    <!-- Google analytics tag -->
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-QVKSX46W3Q"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag() {
+            dataLayer.push(arguments);
+        }
+        gtag('js', new Date());
+
+        gtag('config', 'G-QVKSX46W3Q');
+    </script>
+    <!-- Google analytics tag end -->
+
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#157878">
+    <link rel="stylesheet" href="style.css">
+    <style>
+        head, body {
+            background-color: white;
+        }
+    </style>
+</head>
+
+<body>
+    <section class="page-header">
+        <h1 class="project-name">Geniemoji</h1>
+        <h2 class="project-tagline">The Emoji Genie 🧞‍♂️</h2>
+
+
+        <a href="https://github.com/virejdasani/Geniemoji/releases/download/v3.0.0/Geniemoji-Windows.zip" class="btn">Download For MacOS</a>
+        <a href="https://github.com/virejdasani/Geniemoji/releases/download/v3.0.0/Geniemoji-MacOS.zip" class="btn">Download For Windows</a>
+        <a href="https://github.com/virejdasani/Geniemoji/releases/download/v3.0.0/Geniemoji-Linux.zip" class="btn">Download For Linux</a>
+
+    </section>
+
+    <section class="main-content">
+
+        <h1 id="download-for-windows">Installation on Windows</h1>
+        <p>
+            <p>1. Download <code class="language-plaintext highlighter-rouge">Geniemoji For Windows</code> from above
+            </p>
+            <p>2. Once downloaded, right-click the file and select <code
+                    class="language-plaintext highlighter-rouge">Extract All</code></p>
+            <p><img src="https://raw.githubusercontent.com/virejdasani/HelperCode/master/img/ExtractAll.png" alt=""></p>
+            <p>Now select the destination where you want to install </p>
+            <p>3. Now, you will see a file called <code class="language-plaintext highlighter-rouge">Geniemoji
+                    Setup</code>, double click that file</p>
+            <p>4. Now, you may see something like <code class="language-plaintext highlighter-rouge">Windows Protected
+                    Your PC</code></p>
+            <p><img src="https://raw.githubusercontent.com/virejdasani/HelperCode/master/img/WindowsDefenderRunAnyway.png"
+                    alt=""></p>
+            <p>5. Click on <code class="language-plaintext highlighter-rouge">More Info</code> and <code
+                    class="language-plaintext highlighter-rouge">Run Anyway</code></p>
+            <p>6. Next, there may be a popup window with this text: <code
+                    class="language-plaintext highlighter-rouge">Do you want to allow this app to make changes...</code>
+            </p>
+            <p>7. Simply click <code class="language-plaintext highlighter-rouge">Yes</code> or <code
+                    class="language-plaintext highlighter-rouge">Allow</code>, whichever one you see.</p>
+            <p>8. Finally, follow the steps of the setup and you are good to use the app!</p>
+        </p>
+
+        <h1 id="download-for-macos">Installation on MacOS</h1>
+        <p>
+            <p>1. Download <code class="language-plaintext highlighter-rouge">Geniemoji For MacOS</code> from above
+            </p>
+            <p>2. Once downloaded, double-click the file</p>
+            <p>3. This will extract the app. Simply drag the app into the Applications folder on your machine.</p>
+            <p>4. If you are prompted with something like <code class="language-plaintext highlighter-rouge">Geniemoji cannot be opened because the developer cannot
+                be verified.</code>, click <code class="language-plaintext highlighter-rouge">cancel</code>.</p>
+            <p>5. Go to system preferences -> Security and Privacy -> General -> and click <code class="language-plaintext highlighter-rouge">Open Anyway</code>.</p>
+        </p>
+
+        <h2 id="using-the-app">Get Geniemoji</h2>
+        <ul>
+            <li>Download the app from <a href="https://github.com/virejdasani/geniemoji/releases">here</a></li>
+            OR
+            <li>Clone the app from <a href="https://github.com/virejdasani/geniemoji/">GitHub</a></li>
+            <li>Run <code class="language-plaintext highlighter-rouge">npm install</code> followed by <code
+                    class="language-plaintext highlighter-rouge">npm start</code> to run Geniemoji</li>
+        </ul>
+
+        <footer class="site-footer">
+
+            <span class="site-footer-owner"><a href="https://github.com/virejdasani/Geniemoji">Geniemoji</a> is
+                maintained by <a href="https://virejdasani.github.io/virej/">Virej Dasani</a>.</span>
+        </footer>
+    </section>
+
+</body>
+
+</html>
diff --git a/docs/index.html b/docs/index.html
index 1d70e98..ca76871 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -60,7 +60,7 @@ <h2 class="project-tagline">The Emoji Genie 🧞‍♂️</h2>
 
         <a href="https://github.com/virejdasani/Geniemoji" class="btn">View on GitHub</a>
 
-        <a href="https://github.com/virejdasani/geniemoji/releases" class="btn">Download Geniemoji</a>
+        <a href="download.html" class="btn">Download Geniemoji</a>
 
     </section>
 
@@ -117,7 +117,7 @@ <h2 id="screenshots">Screenshots from the app</h2>
 
         <h2 id="using-the-app">Get Geniemoji</h2>
         <ul>
-            <li>Download the app from <a href="https://github.com/virejdasani/geniemoji/releases">here</a></li>
+            <li>Download the app from above</a></li>
             <li>OR</li>
             <li>Clone the app from <a href="https://github.com/virejdasani/geniemoji/">GitHub</a></li>
             <li>Run <code class="language-plaintext highlighter-rouge">npm install</code> followed by <code
@@ -127,7 +127,7 @@ <h2 id="using-the-app">Get Geniemoji</h2>
         <footer class="site-footer">
 
             <span class="site-footer-owner"><a href="https://github.com/virejdasani/Geniemoji">Geniemoji</a> is
-                maintained by <a href="https://virejdasani.github.io/virej/">virejdasani</a>.</span>
+                maintained by <a href="https://virejdasani.github.io/virej/">Virej Dasani</a>.</span>
         </footer>
     </section>
 
