From 84ed5b5c51ccd4f10c38e2d7fe985af5aa581b02 Mon Sep 17 00:00:00 2001
From: Ayo <mail@ayoayco.com>
Date: Tue, 6 Feb 2018 06:32:53 +0800
Subject: [PATCH] some styles

---
 _includes/footer.html      |  4 ++++
 _includes/header.html      |  2 +-
 _layouts/default-home.html |  4 ++--
 assets/main.scss           | 29 ++++++++++++++++++++++++++++-
 4 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 896e18b..566cb78 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -5,6 +5,10 @@
 
     <div class="footer-col-wrapper">
       <div class="footer-col footer-col-1">
+      <div class="footer-site-title">
+          <a href="/">{{site.title}}</a>
+      </div>
+
         <ul class="contact-list">
           <li class="p-name">
             {% if site.attribution %}
diff --git a/_includes/header.html b/_includes/header.html
index 8345c74..006492e 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -3,7 +3,7 @@
   <div class="wrapper">
     {% assign default_paths = site.pages | map: "path" %}
     {% assign page_paths = site.header_pages | default: default_paths %}
-    <div class="type-js site-title-wrapper">
+    <div class="site-title-wrapper">
         <a href="{{ '/' | relative_url }}" class="text-js site-title">{{ site.title }}</a>
     </div>
 
diff --git a/_layouts/default-home.html b/_layouts/default-home.html
index 60220a7..982e44a 100644
--- a/_layouts/default-home.html
+++ b/_layouts/default-home.html
@@ -25,9 +25,9 @@
                     <form action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&amp;id=2366f7f35a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                         <div id="mc_embed_signup_scroll">
                             <label for="mce-EMAIL">Sign up for Exclusive Web Development Tips</label>
-                            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+                            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address..." required>
                             <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div>
-                            <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+                            <div class="clear"><input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
                         </div>
                     </form>
                 </div>
diff --git a/assets/main.scss b/assets/main.scss
index a99f53e..fc551f4 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -28,12 +28,21 @@ body {
 }
 
 header.site-header,
-footer.site-footer,
 .jumbotron {
     background: rgba(141,191,66,.97)!important;
     width: 100%;
 }
 
+footer.site-footer {
+    background: #fff;
+}
+
+.footer-site-title a {
+    color: rgba(141,191,66,.97)!important;
+    text-transform: uppercase;
+    font-weight: bold;
+}
+
 .site-header {
     border: 0px !important;
     border-bottom: 1px solid hsla(0, 0%, 100%, .3) !important;
@@ -104,6 +113,7 @@ article .post-content p {
     font-size: 36px;
     color: #ffffff;
     font-weight: bold;
+    margin: 0 0 20px 0;
 }
 
 .jumbotron {
@@ -120,3 +130,20 @@ article .post-content p {
 #mc_embed_signup .button {
     background-color: #ee4a03 !important;
 }
+
+@media screen and (max-width: 600px) {
+    .jumbotron #mc_embed_signup label{
+        font-size: 24px;
+    }
+    #mc_embed_signup input {
+        margin: 0 20px !important;
+        width: calc(100% - 40px) !important;
+    }
+    .site-nav {
+        background-color: rgba(141,191,66,.97)!important;
+        border: 1px solid hsla(0, 0%, 100%, .3) !important;
+    }
+    .site-nav .menu-icon > svg path {
+        fill: #ffffff;
+    }
+}