From e89af8fbac9e57d0cdf97cf1f258be597aa04634 Mon Sep 17 00:00:00 2001
From: jrtechs <jrtechs@hotmail.com>
Date: Sun, 19 Aug 2018 12:30:15 -0400
Subject: [PATCH] Worked on creating contact page

---
 css/bootstrap.css         | 36 ++++++++++-----------
 downloads/downloads.js    |  6 ++--
 includes/adminHeader.html |  2 +-
 includes/contact.html     | 66 +++++++++++++++++++++++++++++++++++++++
 includes/contact.js       | 65 ++++++++++++++++++++++++++++++++++++++
 includes/header.html      |  2 +-
 includes/includes.js      |  2 +-
 includes/messageSent.html |  3 ++
 server.js                 |  8 +++--
 sitemap.txt               |  1 +
 10 files changed, 165 insertions(+), 26 deletions(-)
 create mode 100644 includes/contact.html
 create mode 100644 includes/contact.js
 create mode 100644 includes/messageSent.html

diff --git a/css/bootstrap.css b/css/bootstrap.css
index b28863a..e871786 100644
--- a/css/bootstrap.css
+++ b/css/bootstrap.css
@@ -21,14 +21,14 @@
     --yellow: #ffc107;
     --green: #93C54B;
     --teal: #20c997;
-    --cyan: #29ABE0;
+    --cyan: #498FBE;
     --white: #fff;
     --gray: #8E8C84;
     --gray-dark: #3E3F3A;
     --primary: #325D88;
     --secondary: #8E8C84;
     --success: #93C54B;
-    --info: #29ABE0;
+    --info: #498FBE;
     --warning: #F47C3C;
     --danger: #d9534f;
     --light: #F8F5F0;
@@ -2629,8 +2629,8 @@ fieldset:disabled a.btn {
 
 .btn-info {
     color: #fff;
-    background-color: #29ABE0;
-    border-color: #29ABE0;
+    background-color: #498FBE;
+    border-color: #498FBE;
 }
 
 .btn-info:hover {
@@ -2646,8 +2646,8 @@ fieldset:disabled a.btn {
 
 .btn-info.disabled, .btn-info:disabled {
     color: #fff;
-    background-color: #29ABE0;
-    border-color: #29ABE0;
+    background-color: #498FBE;
+    border-color: #498FBE;
 }
 
 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
@@ -2916,16 +2916,16 @@ fieldset:disabled a.btn {
 }
 
 .btn-outline-info {
-    color: #29ABE0;
+    color: #498FBE;
     background-color: transparent;
     background-image: none;
-    border-color: #29ABE0;
+    border-color: #498FBE;
 }
 
 .btn-outline-info:hover {
     color: #fff;
-    background-color: #29ABE0;
-    border-color: #29ABE0;
+    background-color: #498FBE;
+    border-color: #498FBE;
 }
 
 .btn-outline-info:focus, .btn-outline-info.focus {
@@ -2934,15 +2934,15 @@ fieldset:disabled a.btn {
 }
 
 .btn-outline-info.disabled, .btn-outline-info:disabled {
-    color: #29ABE0;
+    color: #498FBE;
     background-color: transparent;
 }
 
 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
 .show > .btn-outline-info.dropdown-toggle {
     color: #fff;
-    background-color: #29ABE0;
-    border-color: #29ABE0;
+    background-color: #498FBE;
+    border-color: #498FBE;
 }
 
 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
@@ -5059,7 +5059,7 @@ input[type="button"].btn-block {
 
 .badge-info {
     color: #fff;
-    background-color: #29ABE0;
+    background-color: #498FBE;
 }
 
 .badge-info[href]:hover, .badge-info[href]:focus {
@@ -6314,7 +6314,7 @@ button.bg-success:focus {
 }
 
 .bg-info {
-    background-color: #29ABE0 !important;
+    background-color: #498FBE !important;
 }
 
 a.bg-info:hover, a.bg-info:focus,
@@ -6424,7 +6424,7 @@ button.bg-dark:focus {
 }
 
 .border-info {
-    border-color: #29ABE0 !important;
+    border-color: #498FBE !important;
 }
 
 .border-warning {
@@ -9205,7 +9205,7 @@ a.text-success:hover, a.text-success:focus {
 }
 
 .text-info {
-    color: #29ABE0 !important;
+    color: #498FBE !important;
 }
 
 a.text-info:hover, a.text-info:focus {
@@ -9461,7 +9461,7 @@ a.text-dark:hover, a.text-dark:focus {
 }
 
 .alert-info, .alert-info > th, .alert-info > td {
-    background-color: #29ABE0;
+    background-color: #498FBE;
 }
 
 .alert-danger, .alert-danger > th, .alert-danger > td {
diff --git a/downloads/downloads.js b/downloads/downloads.js
index 461994f..fdd9334 100644
--- a/downloads/downloads.js
+++ b/downloads/downloads.js
@@ -12,17 +12,17 @@ const sql = require('../utils/sql');
 module.exports=
     {
         /**
-         * TODO
+         *
          * @param res
          * @param requestURL
          * @param request
          * @returns {*|Promise}
          */
-        main: function(res, requestURL, request)
+        main: function(res, requestURL)
         {
             return new Promise(function(resolve, reject)
             {
-                var urlSplit = requestURL.split("/");
+                const urlSplit = requestURL.split("/");
                 console.log(urlSplit);
                 if(urlSplit.length == 3 || urlSplit.length == 4)
                 {
diff --git a/includes/adminHeader.html b/includes/adminHeader.html
index 2f0e466..7eccdfe 100644
--- a/includes/adminHeader.html
+++ b/includes/adminHeader.html
@@ -39,7 +39,7 @@
                     <a class="nav-link" href="https://jrtechs.net">Home <span class="sr-only">(current)</span></a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" href="https://jrtechs.me/#contact">Contact</a>
+                    <a class="nav-link" href="https://jrtechs.net/contact/">Contact</a>
                 </li>
             </ul>
             <ul class="nav navbar-nav navbar-right">
diff --git a/includes/contact.html b/includes/contact.html
new file mode 100644
index 0000000..22f0d3c
--- /dev/null
+++ b/includes/contact.html
@@ -0,0 +1,66 @@
+<div class='col-md-8'>
+
+    <!--Form with header-->
+
+    <form action="/contact" method="post">
+        <div class="card border-primary rounded-0">
+            <div class="card-header p-0">
+                <div class="bg-info text-white text-center py-2">
+                    <h3><i class="fa fa-envelope"></i>Contact Me</h3>
+                    <p class="m-0">I would love to hear from you.</p>
+                </div>
+            </div>
+            <div class="card-body p-3">
+
+                <!--Body-->
+                <div class="form-group">
+                    <div class="input-group mb-2">
+                        <div class="input-group-prepend">
+                            <div class="input-group-text"><i class="fa fa-user text-info"></i></div>
+                        </div>
+                        <input type="text" class="form-control" id="name" name="name" placeholder="Name" required>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="input-group mb-2">
+                        <div class="input-group-prepend">
+                            <div class="input-group-text"><i class="fa fa-envelope text-info"></i></div>
+                        </div>
+                        <input type="email" class="form-control" id="email" name="email" placeholder="example@gmail.com" required>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <div class="input-group mb-2">
+                        <div class="input-group-prepend">
+                            <div class="input-group-text"><i class="fa fa-comment text-info"></i></div>
+                        </div>
+                        <textarea class="form-control" placeholder="Message" required></textarea>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <div class="g-recaptcha" data-sitekey="6LceWF8UAAAAAIsd7F6iY_Pywt4fJsJlFNPtEgi9"></div>
+                </div>
+
+                <div class="text-center">
+                    <input type="submit" value="Send" class="btn btn-info btn-block rounded-0 py-2">
+                </div>
+            </div>
+
+        </div>
+    </form>
+</div>
+
+<script src='https://www.google.com/recaptcha/api.js'></script>
+
+<script>
+    $("form").submit(function(event) {
+
+        var recaptcha = $("#g-recaptcha-response").val();
+        if (recaptcha === "") {
+            event.preventDefault();
+            alert("Please check the recaptcha");
+        }
+    });
+</script>
\ No newline at end of file
diff --git a/includes/contact.js b/includes/contact.js
new file mode 100644
index 0000000..c6b36f2
--- /dev/null
+++ b/includes/contact.js
@@ -0,0 +1,65 @@
+/**
+ * @author Jeffery Russell 8-19-18
+ */
+
+
+//used for file IO
+const utils = require('../utils/utils.js');
+
+
+//used for static files
+const includes = require('../includes/includes');
+
+//for parsing post data
+const qs = require('querystring');
+
+
+const processContactPage = function(request)
+{
+    return new Promise(function(resolve, reject)
+    {
+        utils.getPostData(request).then(function(postData)
+        {
+
+            const data = qs.parse(postData);
+            console.log(postData);
+            console.log(data);
+            if(data.name && data.email)
+            {
+                //send email
+
+                resolve(utils.include("includes/messageSent.html"));
+            }
+            else
+            {
+                resolve(utils.include("includes/contact.html"));
+            }
+
+        }).catch(function(err)
+        {
+            reject(err);
+        })
+    });
+
+
+};
+
+module.exports =
+    {
+        main: function(request, result)
+        {
+            result.writeHead(200, {'Content-Type': 'text/html'});
+            Promise.all([includes.printAdminHeader(),
+                processContactPage(request),
+                require("../sidebar/sidebar.js").main(),
+                includes.printFooter()]).then(function(content)
+            {
+                result.write(content.join(''));
+                result.end();
+
+            }).catch(function(err)
+            {
+                console.log(err);
+            });
+        }
+    };
diff --git a/includes/header.html b/includes/header.html
index 4bd58fd..bba53f3 100644
--- a/includes/header.html
+++ b/includes/header.html
@@ -43,7 +43,7 @@
                     <a class="nav-link" href="https://jrtechs.net">Home <span class="sr-only">(current)</span></a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" href="https://jrtechs.me/#contact">Contact</a>
+                    <a class="nav-link" href="https://jrtechs.net/contact/">Contact</a>
                 </li>
             </ul>
             <ul class="nav navbar-nav navbar-right">
diff --git a/includes/includes.js b/includes/includes.js
index e997480..d4cdf51 100644
--- a/includes/includes.js
+++ b/includes/includes.js
@@ -43,7 +43,7 @@ const sendCachedContent = function(cache, path, type, result)
             const eTag = crypto.createHash('md5').update(content).digest('hex');
             result.writeHead(200, {'Content-Type': type, 'Cache-Control':
                     'public, max-age=2678400', 'ETag': '"' + eTag + '"',
-                'Vary': 'Accept-Encoding'});
+                    'Vary': 'Accept-Encoding'});
             result.write(content);
             result.end();
             cache.put(path, content);
diff --git a/includes/messageSent.html b/includes/messageSent.html
new file mode 100644
index 0000000..d369bec
--- /dev/null
+++ b/includes/messageSent.html
@@ -0,0 +1,3 @@
+<div class='col-md-8'>
+    <h1>Message Sent</h1>
+</div>
\ No newline at end of file
diff --git a/server.js b/server.js
index a463345..1863754 100644
--- a/server.js
+++ b/server.js
@@ -69,7 +69,11 @@ app.use(function(request, result)
         //downloads
         else if(filename.includes("/downloads/"))
         {
-            require("./downloads/downloads.js").main(result, filename, request);
+            require("./downloads/downloads.js").main(result, filename);
+        }
+        else if(filename.includes("/contact"))
+        {
+            require("./includes/contact.js").main(request, result);
         }
         else
         {
@@ -117,7 +121,7 @@ app.use(function(request, result)
 
             try
             {
-                var getClientAddress = (request.headers['x-forwarded-for'] || '').split(',')[0]
+                const getClientAddress = (request.headers['x-forwarded-for'] || '').split(',')[0]
                     || request.connection.remoteAddress;
                 console.log(getClientAddress);
 
diff --git a/sitemap.txt b/sitemap.txt
index e82144a..1fe179e 100644
--- a/sitemap.txt
+++ b/sitemap.txt
@@ -16,4 +16,5 @@ http://jrtechs.net/java/top-three-recommended-java-ides
 http://jrtechs.net/other/my-college-essay
 http://jrtechs.net/web-development/node-website-optimization
 http://jrtechs.net/web-development/node-website-optimization
+http://jrtechs.net/programming/c-to-c++-tutorial
 http://jrtechs.net/programming/gremlin-in-10-minutes