From 2f1f9a1663f440328d31dffb952df005f97774b2 Mon Sep 17 00:00:00 2001
From: Evan Pratten <ewpratten@gmail.com>
Date: Tue, 21 Jan 2020 13:56:42 -0500
Subject: [PATCH] Changed up website design

---
 _includes/advert.html |  2 +-
 _includes/footer.html |  9 +----
 _includes/nav.html    | 32 +++++++++--------
 _layouts/about.html   | 12 +++++++
 _layouts/home.html    |  4 ++-
 assets/css/main.css   | 81 +++++++++++++++++++++++++++++--------------
 6 files changed, 89 insertions(+), 51 deletions(-)

diff --git a/_includes/advert.html b/_includes/advert.html
index 4b8209c..83ebc7f 100644
--- a/_includes/advert.html
+++ b/_includes/advert.html
@@ -13,7 +13,7 @@
     adverts = [
         'Want to waste away your period 4 english class by playing games? Check out <a href="https://rsninja.dev">rsninja.dev</a>',
         'Is dark mode too cheery? Check out <a href="https://exvacuum.dev">exvacuum.dev</a>',
-        '{Advertisement text here} <a href="https://hyperlisk.dev">hyperlisk.dev</a>'
+        // '{Advertisement text here} <a href="https://hyperlisk.dev">hyperlisk.dev</a>'
     ]
 
     // Display random advert
diff --git a/_includes/footer.html b/_includes/footer.html
index 2702d7a..0af0ed0 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,13 +1,6 @@
 <!-- <div id="particles-js"></div> -->
 
-<div class="container foot" style="text-align:center;">
-    <br>
-    <span class="site-info">
-        Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
-
-        This site was last updated at: {{site.time}}
-    </span>
-</div>
+<br><br>
 
 <!-- Brython -->
 <script src="/assets/js/brython.js"></script>
diff --git a/_includes/nav.html b/_includes/nav.html
index d33512c..ce2497b 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,19 +1,21 @@
 <nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
     <!-- Navbar content -->
-    <!-- <div class="container"> -->
-    <a class="navbar-brand" href="{{site.baseurl}}/">{{site.title}}</a>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
-        aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
-        <div class="navbar-nav ml-auto">
-            <a class="nav-item nav-link" href="{{site.baseurl}}/blog">Blog</a>
-            <a class="nav-item nav-link" href="{{site.baseurl}}/projects">Projects</a>
-            <!-- <a class="nav-item nav-link" href="{{site.baseurl}}/music">Music</a> -->
-            <!-- <a class="nav-item nav-link" href="{{site.baseurl}}/documentation">Documentation</a> -->
-            <a class="nav-item nav-link" href="{{site.baseurl}}/about">About</a>
+    <div class="container">
+        <a class="navbar-brand" href="{{site.baseurl}}/"><span>{{site.title}}</span></a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
+            aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
+            <div class="navbar-nav ml-auto">
+                <a class="nav-item nav-link" href="{{site.baseurl}}/blog">Blog</a>
+                <a class="nav-item nav-link" href="{{site.baseurl}}/projects">Projects</a>
+                <!-- <a class="nav-item nav-link" href="{{site.baseurl}}/music">Music</a> -->
+                <!-- <a class="nav-item nav-link" href="{{site.baseurl}}/documentation">Documentation</a> -->
+                <a class="nav-item nav-link" href="{{site.baseurl}}/about">About</a>
+            </div>
         </div>
-        <!-- </div> -->
     </div>
-</nav>
\ No newline at end of file
+</nav>
+
+<br>
\ No newline at end of file
diff --git a/_layouts/about.html b/_layouts/about.html
index fca904c..d219b00 100644
--- a/_layouts/about.html
+++ b/_layouts/about.html
@@ -16,6 +16,18 @@
         </div>
 
     </div>
+    <br>
+
+    <div class="reactive-bg">
+        <div class="post container" id="advert">
+            <span >
+                Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
+        
+                This site was last updated at: {{site.time}}
+            </span>
+        </div>
+    </div>
+
     {% include footer.html %}
 
 
diff --git a/_layouts/home.html b/_layouts/home.html
index 13c2c90..ef92a81 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -7,13 +7,15 @@
         {% include nav.html %}
 
         <!-- Header -->
-        <div class="header" style="height:30vh">
+        <div class="header container" style="height:30vh">
             <div class="home-header">
             </div>
         </div>
 
         <div class="reactive-bg">
             <div class="home container">
+
+
                 <div class="profile">
                     <img src="{{site.baseurl}}/assets/images/human-profile.jpg">
                 </div>
diff --git a/assets/css/main.css b/assets/css/main.css
index 60419d9..075f0d2 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -3,6 +3,7 @@ body {
     padding: 0;
     font-family: 'IBM Plex Mono', monospace;
     font-family: 'IBM Plex Sans', sans-serif;
+    background-color: #343a40;
 }
 
 .foot {}
@@ -19,11 +20,16 @@ body {
 
 .header {
     height: 35vh;
+    /* max-width: 1140px; */
+    margin: auto;
     background-color: #ebeef1;
     background-image: url('/assets/images/banner.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
+    overflow: hidden;
+    border-top-right-radius: 7px;
+    border-top-left-radius: 7px;
 }
 
 .table-fix {
@@ -91,22 +97,42 @@ a h5 {
 .post.container {
     padding: 20px;
     font-family: 'IBM Plex Sans', sans-serif;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-    /* border-radius: 15px;
-    transform: translateY(-30px); */
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    border-radius: 5px;
+    /* transform: translateY(-30px); */
     background-color: #fff;
 }
 
-#advert{
+#advert {
     /* background-color: #343a40; */
     /* color:#fff; */
-    text-align:center;
-    /* padding:5; */
+    text-align: center;
+    padding: 10;
+    font-size: medium;
 }
 
-#advert p{
-    padding:0;
-    margin:0;
+#advert p {
+    padding: 0;
+    margin: 0;
+}
+
+.nav-item.nav-link {
+    padding-top: .4125rem;
+    padding-bottom: .3125rem;
+    line-height: inherit;
+}
+
+.navbar-brand span {
+    background-color: #fff;
+    color: #343a40;
+    font-weight: bolder;
+    padding-left: 5;
+    padding-right: 5;
+}
+
+.navbar-brand {
+    margin-right: 0;
+    color: #343a40;
 }
 
 .home.container {
@@ -114,6 +140,8 @@ a h5 {
     font-family: 'Noto Sans TC', sans-serif;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     background-color: #fff;
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
 }
 
 .container .profile {
@@ -209,29 +237,30 @@ blockquote p {
 }
 
 kbd {
-	margin: 0px 0.1em;
-	padding: 0.1em 0.6em;
-	border-radius: 3px;
-	border: 1px solid rgb(204, 204, 204);
-	color: rgb(51, 51, 51);
-	line-height: 1.4;
-	font-size: 10px;
-	display: inline-block;
-	box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffffff;
-	background-color: rgb(247, 247, 247);
-	-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
-	-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-	text-shadow: 0 1px 0 #fff;
+    margin: 0px 0.1em;
+    padding: 0.1em 0.6em;
+    border-radius: 3px;
+    border: 1px solid rgb(204, 204, 204);
+    color: rgb(51, 51, 51);
+    line-height: 1.4;
+    font-size: 10px;
+    display: inline-block;
+    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px #ffffff;
+    background-color: rgb(247, 247, 247);
+    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
+    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    text-shadow: 0 1px 0 #fff;
 }
 
 .highlight {
     background-color: #faf9f9;
-    border-radius:5px;
+    border-radius: 5px;
 }
 
 pre {
-    padding:3px;
+    padding: 3px;
 }
+
 }
\ No newline at end of file