added newsletter

_includes/blog_newsletter.html

@@ -0,0 +1,19 @@
+<!-- Mailchimp Newleter -->
+<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us10.list-manage.com","uuid":"50bab1c85eae24ecfb0f68361","lid":"3a2dd721d0","uniqueMethods":true}) })</script>
+
+<!--Subscribe Our Newsletter Form -->
+<!-- Replace the url with your mailchimp form url-->
+<form action="https://programmingebooks.us10.list-manage.com/subscribe/post?u=50bab1c85eae24ecfb0f68361&amp;id=3a2dd721d0"
+method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+<div id="mc_embed_signup_scroll_footer">
+    <label for="mce-EMAIL_footer"> Signup for Weekly Email Newsletters :D</label>
+    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL_footer" placeholder="email address" required>
+    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+    <div style="position: absolute; left: -5000px;" aria-hidden="true">
+        <input type="text" name="b_50bab1c85eae24ecfb0f68361_3a2dd721d0" tabindex="-1" value="">
+    </div><br />
+    <div class="clear">
+
+        <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe_footer" class="btn btn-lg btn-success">
+    </div>
+</div>

_layouts/default.html

@@ -13,11 +13,15 @@
         {%- include header.html -%}
 
         <div class="col-lg-12">
-          
+
             {{ content }}
 
         </div>
 
+         <div class="col-lg-12" id="newsletter_footer">
+               {%- include blog_newsletter.html -%}
+         </div>
+
         {%- include footer.html -%}
 
     </div>

_sass/devlog.scss

@@ -55,7 +55,7 @@ header {
 .blog-post:hover {
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
   }
-  
+
 .social-link {
     color: #262222;
     font-size: 15px;
@@ -153,7 +153,7 @@ code {
 }
 
 #newsletter_footer{
-    background-color: #1e90ff;
+    background-color: #191c20;
     color:#fff;
 }
 
@@ -176,25 +176,25 @@ $layout--max-width: 1000px;
       @content;
     }
   }
-  
+
   @mixin ms {
     @media (min-width: #{$layout--max-width}) {
       @content;
     }
   }
-  
+
   @mixin button-hover($color) {
     position: relative;
     z-index: 2;
-  
+
     &:hover {
       transition: 0.2s all;
       background-color: darken($color, 10%);
       &:before {
         transform: scale(1.1, 1.5);
       }
     }
-  
+
     &:before {
       content: " ";
       position: absolute;
@@ -229,31 +229,31 @@ $layout--max-width: 1000px;
     padding-top: $size--unit * 4;
     padding-bottom: $size--unit * 4;
     border-bottom: 1px solid $color--light;
-  
+
     &__container {
       display: flex;
       justify-content: center;
       @include fit-to-layout-and-center;
     }
-  
+
     &__branding {
       all: unset;
       display: flex;
       justify-content: center;
       align-items: center;
     }
-  
+
     &__logo {
       max-height: $size--unit*4;
       margin-right: $size--unit*1;
     }
-  
+
     &__title {
       font-weight: bold;
       font-size: $size--unit * 3;
       cursor: pointer;
     }
-  
+
     &__checkout {
       all: unset;
       cursor: pointer;
@@ -265,7 +265,7 @@ $layout--max-width: 1000px;
         margin-right: $size--unit * 1;
       }
     }
-  
+
     &__checkout-fill {
       fill: $color--primary;
     }
@@ -311,12 +311,12 @@ $layout--max-width: 1000px;
     }
 }
 
-  
-  /* 
+
+  /*
     ##Device = Low Resolution Tablets, Mobiles (Landscape)
     ##Screen = B/w 481px to 767px
   */
-  
+
   @media (min-width: 481px) and (max-width: 767px) {
 
     #mc-embedded-subscribe-form{
@@ -349,7 +349,7 @@ $layout--max-width: 1000px;
     }
 
   }
-/* 
+/*
   ##Device = Tablets, Ipads (portrait)
   ##Screen = B/w 768px to 1024px
 */
@@ -416,13 +416,13 @@ $layout--max-width: 1000px;
 
 }
 
-  /* 
+  /*
     ##Device = Laptops, Desktops
     ##Screen = B/w 1025px to 1280px
   */
-  
+
   @media (min-width: 1025px) and (max-width: 1280px) {
-    
+
     #mc-embedded-subscribe-form{
         width: 100%;
         padding: 50px;
@@ -448,7 +448,7 @@ $layout--max-width: 1000px;
     }
 
   }
- /* 
+ /*
   ##Device = Desktops
   ##Screen = 1281px to higher resolution desktops
 */
@@ -460,7 +460,7 @@ $layout--max-width: 1000px;
         width: 100%;
         padding: 50px;
     }
-    
+
     #mc_embed_signup_scroll_footer{
         margin-left:25%;
         margin-right: 25%;
@@ -479,7 +479,7 @@ $layout--max-width: 1000px;
     #mc-embedded-subscribe_footer{
         margin-top: 30px;
     }
-    
+
 
 }
  /* (1920x1080) Full HD Display */
@@ -489,7 +489,7 @@ $layout--max-width: 1000px;
         width: 100%;
         padding: 50px;
     }
-    
+
     #mc_embed_signup_scroll_footer{
         margin-left:25%;
         margin-right: 25%;
@@ -579,5 +579,5 @@ $layout--max-width: 1000px;
 .highlight .vg { color: #aa0000 } /* Name.Variable.Global */
 .highlight .vi { color: #aa0000 } /* Name.Variable.Instance */
 .highlight .vm { color: #aa0000 } /* Name.Variable.Magic */
-.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ 
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
 

styleguide.md

@@ -9,7 +9,7 @@ permalink: /styleguide/
 
 <hr />
 
- <img src="/devlopr-jekyll/assets/img/styleguide.png" class="img-fluid">
+ <img src="/assets/img/styleguide.png" class="img-fluid">
 
 <p> Lets try the different text styles  <b> Bold </b> , <strong> Strong </strong>, <em> Emphasis </em>, <i> Italic </i> </p>