diff --git a/index.html b/index.html
index f230656..71fe11c 100644
--- a/index.html
+++ b/index.html
@@ -8,17 +8,17 @@
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                 <div class="site-heading">
-		<div class="hero-block">
-                <img class="img-circle portfolio-link" src="$baseurl$/static/img/face.png"  href="#portfolioModal1" data-toggle="modal" width="150" height="150" alt="" title="">
-            </div><br><br>
+                    <div class="hero-block">
+                        <img class="img-circle portfolio-link" src="$baseurl$/static/img/face.png" href="#portfolioModal1" data-toggle="modal" width="150" height="150" alt="" title="">
+                    </div><br><br>
                     <h1 id="top-title-font-weight-bold">title</h1>
-                <!--    <hr class="small"> -->
+                    <!--    <hr class="small"> -->
                     <span class="subheading" id="textfloat">$site_description$
-                       <br> <br>
-                        <!-- ///// Fade Out Navbar Profile Picture -///// New Adding Front Profile Picture Mo. 6. April 2015 --> 
-                       <!--
+                        <br> <br>
+                        <!-- ///// Fade Out Navbar Profile Picture -///// New Adding Front Profile Picture Mo. 6. April 2015 -->
+                        <!--
  <img src="$baseurl$/static/img/kc.jpg" id="small-img-nav" width="40" height="40" class="img-circle" alt="newspace"> -->
-                    <i class="fa fa-chevron-down" id="scroll-down"></i>
+                        <i class="fa fa-chevron-down" id="scroll-down"></i>
                     </span>
                 </div>
             </div>
@@ -28,41 +28,43 @@ <h1 id="top-title-font-weight-bold">title</h1>
 
 <!-- Main Content -->
 <div class="container front-end">
-	<div class="row">
-		<div class="posts">
-        <article>
-            <header class="intro-header" style="background-image: url('$baseurl$/static/img/sky.jpg')">  
-                <div class="post-meta"> 
-                        
-                </div>
-                <h1 class="post-title"><a href="#" id="post-title-h1" rel="bookmark" title="link" itemprop="url">title of your website</a></h1>
-                <h1 class="post-title-readmore"><a href="#" rel="bookmark" title="title" itemprop="url" id="readmore-link"> ReadMore</a></h1>
-            </header>
+    <div class="row">
+        <div class="posts">
+            <article>
+                <header class="intro-header" style="background-image: url('$baseurl$/static/img/sky.jpg')">
+                    <div class="post-meta">
+
+                    </div>
+                    <h1 class="post-title"><a href="#" id="post-title-h1" rel="bookmark" title="link" itemprop="url">title of your website</a></h1>
+                    <h1 class="post-title-readmore"><a href="#" rel="bookmark" title="title" itemprop="url" id="readmore-link"> ReadMore</a></h1>
+                </header>
 
             </article>
-<div class="container">
-        <div class="row">
-            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
 
-<p>Welcome to my blog!</p>
+                        <p>Welcome to my blog!</p>
 
-<p>I've reproduced a list of recent posts here for your reading pleasure:</p>
+                        <p>I've reproduced a list of recent posts here for your reading pleasure:</p>
 
-<h3>Recent Posts</h3>
-$partial("templates/post-list.html")$
+                        <h3>Recent Posts</h3>
+                        $partial("templates/post-list.html")$
 
-<p>…or you can find more in the <a href="/archive.html">archives</a>.
+                        <p>…or you can find more in the <a href="/archive.html">archives</a>.
 
-                <hr>
+                            <hr>
 
-$partial("templates/_pager.html)$
-</div></div></div>
-		</div>
+                            $partial("templates/_pager.html)$
+                    </div>
+                </div>
+            </div>
+        </div>
 
-        
-	</div>
+
+    </div>
 </div>
 
 
 
-<hr>
+<hr>
\ No newline at end of file
diff --git a/templates/archive.html b/templates/archive.html
index e5b8f29..04335d5 100644
--- a/templates/archive.html
+++ b/templates/archive.html
@@ -1,12 +1,11 @@
-
 <!-- Post Header -->
 <header class="intro-header" style="background-image: url('/static/img/beach.jpg')" alt="" title="">
     <div class="container">
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-		<div class="post-heading">
+                <div class="post-heading">
                     <h1>$title$</h1>
-		</div>
+                </div>
             </div>
         </div>
     </div>
@@ -18,8 +17,8 @@ <h1>$title$</h1>
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
 
-Here you can find all my previous posts:
-$partial("templates/post-list.html")$
+                Here you can find all my previous posts:
+                $partial("templates/post-list.html")$
 
                 <hr>
 
@@ -27,4 +26,4 @@ <h1>$title$</h1>
         </div>
     </div>
 </article>
-<hr>
+<hr>
\ No newline at end of file
diff --git a/templates/default.html b/templates/default.html
index fdbdeb6..d028ac5 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -2,21 +2,23 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-    $partial("templates/head.html")$
-    <body>
-	<div id="preloader">
-	    <div id="status">
+$partial("templates/head.html")$
 
-	    </div>
+<body>
+    <div id="preloader">
+        <div id="status">
 
-	</div>  
-	$partial("templates/nav.html")$
-
-        <div id="content">
-            $body$
-        </div>
-        <div id="footer">
         </div>
-      $partial("templates/footer.html")$
-    </body>
-</html>
+
+    </div>
+    $partial("templates/nav.html")$
+
+    <div id="content">
+        $body$
+    </div>
+    <div id="footer">
+    </div>
+    $partial("templates/footer.html")$
+</body>
+
+</html>
\ No newline at end of file
diff --git a/templates/footer.html b/templates/footer.html
index fbd9bd6..4d400a2 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -31,44 +31,44 @@
                             </span>
                         </a>
                     </li>
-                    $endif$ 
-                    $if(github_username)$ 
+                    $endif$
+                    $if(github_username)$
                     <li>
                         <a href="https://github.com/$github_username$" target="_blank">
                             <span class="fa-stack fa-lg">
 
-                              <i class="fa fa-arrow-circle-o-down"></i>
+                                <i class="fa fa-arrow-circle-o-down"></i>
                                 <i class="fa fa-circle fa-stack-2x"></i>
                                 <i class="fa fa-github fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
                     $endif$
-		    $if(instagram_username)$
+                    $if(instagram_username)$
                     <li>
                         <a href="https://instagram.com/$instagram_username$" target="_blank">
                             <span class="fa-stack fa-lg">
 
-                              <i class="fa fa-arrow-circle-o-down"></i>
+                                <i class="fa fa-arrow-circle-o-down"></i>
                                 <i class="fa fa-circle fa-stack-2x"></i>
                                 <i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
-		    $endif$
+                    $endif$
                 </ul>
-                <p class="copyright text-muted">Copyright &copy; katychuang 2015. <br><br> 
+                <p class="copyright text-muted">Copyright &copy; katychuang 2015. <br><br>
                 </p>
-<div class="col-md-12">
-     <p class="copyright text-muted">
-            Site generated by
-            <a href="http://jaspervdj.be/hakyll">Hakyll</a>. Modified theme inspired by
-      <!-- ICE AND FIRE THEME https://github.com/SpaceG/iceandfire -->
-      <a href="https://github.com/SpaceG/CleanMagicMedium-Jekyll">CleanMagic.</a> available from <a href="http://katychuang.com/hakyll-themes/">Hakyll Themes</a> </p>
-    </div>
+                <div class="col-md-12">
+                    <p class="copyright text-muted">
+                        Site generated by
+                        <a href="http://jaspervdj.be/hakyll">Hakyll</a>. Modified theme inspired by
+                        <!-- ICE AND FIRE THEME https://github.com/SpaceG/iceandfire -->
+                        <a href="https://github.com/dindi-jekyll/CleanMagicMedium-Jekyll">CleanMagic</a>. Available on <a href="https://github.com/katychuang/CleanMagic-hakyll">GitHub</a> </p>
+                </div>
+
 
 
-    
             </div>
         </div>
     </div>
@@ -76,9 +76,7 @@
 
 <!-- jQuery -->
 <script src="$baseurl$/static/js/jquery.min.js"></script>
-<script src="$baseurl$/static/js/spaceg.stylesheets.min.js"></script> 
+<script src="$baseurl$/static/js/spaceg.stylesheets.min.js"></script>
 <script src="$baseurl$/static/js/bootstrap.min.js"></script>
 <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
 <script src="$baseurl$/static/js/scripts.js"></script>
-
-
diff --git a/templates/head.html b/templates/head.html
index 79dacb4..5cb5ec5 100644
--- a/templates/head.html
+++ b/templates/head.html
@@ -1,73 +1,72 @@
-
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <!-- 
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <!-- 
       loads the http over https ssl - 
       welcome to my website! 
 
 	this theme is based off the Ice & Fire theme created by Lucas Gatsas
       https://www.twitter.com/LucasGatsas
       www.lucasgatsas.ch - switzerland. 
-                                                    --> 
+                                                    -->
 
-<!--
+    <!--
 <script type="text/javascript">
 var host = "https://katychuang.me/";
 if ((host == window.location.host) && (window.location.protocol != "https:"))
     window.location.protocol = "https";
 </script>
 -->
-<!-- Microsoft Internet Explorer documentMode compatMode setting IE Modus --> 
-<script type="text/javascript">
-var IE = null;
-if (window.navigator.appName == "Microsoft Internet Explorer") {
-  if (document.documentMode) {
-  
-    IE = document.documentMode; 
-    } else {
-   
-        IE = 5; 
-          if (document.compatMode) {
-      if (document.compatMode == "CSS1Compat")
-      IE = 11; 
-      }
-    }
-  }
-</script>
+    <!-- Microsoft Internet Explorer documentMode compatMode setting IE Modus -->
+    <script type="text/javascript">
+        var IE = null;
+        if (window.navigator.appName == "Microsoft Internet Explorer") {
+            if (document.documentMode) {
+
+                IE = document.documentMode;
+            } else {
+
+                IE = 5;
+                if (document.compatMode) {
+                    if (document.compatMode == "CSS1Compat")
+                        IE = 11;
+                }
+            }
+        }
+    </script>
 
     <meta charset="utf-8">
-    <!-- X-UA --> 
+    <!-- X-UA -->
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta http-equiv="X-UA-Compatible" content="IE=11"/>
-    <link rel="author" title="Katy Chuang" href="https://plus.google.com/u/0/111391719267336703432/posts"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=11" />
+    <link rel="author" title="Katy Chuang" href="https://plus.google.com/u/0/111391719267336703432/posts" />
 
 
     <meta name="google" content="notranslate" />
-    <!-- Viewport --> 
+    <!-- Viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <!-- index ROBOTS follow --> 
-    <meta name="robots"    content="index, follow" />
-    <!-- Site Desciption --> 
+    <!-- index ROBOTS follow -->
+    <meta name="robots" content="index, follow" />
+    <!-- Site Desciption -->
     $if(site_description)$
     <meta name="description" content="$site_description$">
     $endif$
-    
+
     <meta name="keywords" content="Katy Chuang, katychuang, data science, Web Developer">
-    <!-- Favicon --> 
+    <!-- Favicon -->
     <link rel="shortcut icon" href="$baseurl$/static/img/ico.png" type="image/x-icon" />
     <!-- Blog Title -->
     $if(title)$
     <title>$title$</title>
     $else$
     <title>My beautiful blog </title>
-    $endif$	
+    $endif$
     <!--     <title>{% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>
---> 
-    <!-- Property Metas --> 
-    <meta property="og:image" content="$baseurl$/static/img/ix.png"/>
+-->
+    <!-- Property Metas -->
+    <meta property="og:image" content="$baseurl$/static/img/ix.png" />
     $if(site_description)$
-    <meta property="og:title" content="$site_description$"/>
-    <meta property="og:site_name" content="$site_description$"/>
+    <meta property="og:title" content="$site_description$" />
+    <meta property="og:site_name" content="$site_description$" />
     $endif$
     <!-- Canonical -->
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
@@ -88,22 +87,102 @@
         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
     <![endif]-->
     <style>
-	#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff; /* change if the mask should have another color then white */z-index:99; /* makes sure it stays on top */}
-	#status {width:200px;height:200px;position:absolute;left:50%; /* centers the loading animation horizontally one the screen */top:50%; /* centers the loading animation vertically one the screen */background-image:url("/static/img/preloader.gif"); /* path to your loading animation */background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px; /* is width and height divided by two */}
-	ul, ol {margin-top: 0;margin-bottom: 10px;}
-	.navbar-inverse {background-color: #FFF;border-color: #FFFFFF;}
-</style> 
-<!--link rel="stylesheet" href="$baseurl$/static/css/prettify.css"-->
-<style>
-	header.intro-header {background: #6f5499;background: no-repeat center center;background-attachment: scroll;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
-	/* Preloader */#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff; /* change if the mask should have another color then white */z-index:99; /* makes sure it stays on top */}
-	#status {width:200px;height:200px;position:absolute;left:50%; /* centers the loading animation horizontally one the screen */top:50%; /* centers the loading animation vertically one the screen */background-image:; /* path to your loading animation */background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px; /* is width and height divided by two */} 
-	li {list-style: none;}
-            body.modal-open 
-            {overflow: hidden;padding-right: 0px;
+        #preloader {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: #fff;
+            /* change if the mask should have another color then white */
+            z-index: 99;
+            /* makes sure it stays on top */
+        }
+
+        #status {
+            width: 200px;
+            height: 200px;
+            position: absolute;
+            left: 50%;
+            /* centers the loading animation horizontally one the screen */
+            top: 50%;
+            /* centers the loading animation vertically one the screen */
+            background-image: url("/static/img/preloader.gif");
+            /* path to your loading animation */
+            background-repeat: no-repeat;
+            background-position: center;
+            margin: -100px 0 0 -100px;
+            /* is width and height divided by two */
+        }
+
+        ul,
+        ol {
+            margin-top: 0;
+            margin-bottom: 10px;
+        }
+
+        .navbar-inverse {
+            background-color: #FFF;
+            border-color: #FFFFFF;
+        }
+    </style>
+    <!--link rel="stylesheet" href="$baseurl$/static/css/prettify.css"-->
+    <style>
+        header.intro-header {
+            background: #6f5499;
+            background: no-repeat center center;
+            background-attachment: scroll;
+            -webkit-background-size: cover;
+            -moz-background-size: cover;
+            background-size: cover;
+            -o-background-size: cover;
+        }
+
+        /* Preloader */
+        #preloader {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: #fff;
+            /* change if the mask should have another color then white */
+            z-index: 99;
+            /* makes sure it stays on top */
+        }
+
+        #status {
+            width: 200px;
+            height: 200px;
+            position: absolute;
+            left: 50%;
+            /* centers the loading animation horizontally one the screen */
+            top: 50%;
+            /* centers the loading animation vertically one the screen */
+            background-image: ;
+            /* path to your loading animation */
+            background-repeat: no-repeat;
+            background-position: center;
+            margin: -100px 0 0 -100px;
+            /* is width and height divided by two */
+        }
+
+        li {
+            list-style: none;
+        }
+
+        body.modal-open {
+            overflow: hidden;
+            padding-right: 0px;
+        }
+
+        article li {
+            list-style: inherit;
+        }
+
+        article .figure {
+            text-align: center
         }
-	article li {list-style: inherit;}
-	article .figure {text-align: center}
     </style>
-    <!-- end Loading front stylesheet here --> 
-    </head>
+    <!-- end Loading front stylesheet here -->
+</head>
\ No newline at end of file
diff --git a/templates/nav.html b/templates/nav.html
index 4f55606..3199379 100644
--- a/templates/nav.html
+++ b/templates/nav.html
@@ -10,22 +10,22 @@
                 <span class="icon-bar"></span>
             </button>
             <a class="navbar-brand" href="$baseurl$" id="blog-title-left-top">k</a>
-        </div>   
+        </div>
         <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <ul class="nav navbar-nav navbar-right">
                 <li class="dropdown">
                     <a href="#portfolioModal2" data-toggle="modal"><i class="fa fa-random" id="icon-top"></i></a>
-                <ul class="dropdown-menu"></ul>
+                    <ul class="dropdown-menu"></ul>
                 </li>
-	           <li><a href="https://instagram.com/$instagram_username$/" target="_blank"><i class="fa fa-instagram" id="icon-top"></i></a></li>
+                <li><a href="https://instagram.com/$instagram_username$/" target="_blank"><i class="fa fa-instagram" id="icon-top"></i></a></li>
                 <li><a href="$baseurl$/about.html" target="_blank">About</a></li>
                 <li><a href="$baseurl$/contact.html" target="_blank">Contact</a></li>
 
                 <li><a href="$baseurl$/archive.html">Archive</a></li>
-		$if(twitter_username)$
+                $if(twitter_username)$
                 <li><a href="https://www.twitter.com/$twitter_username$" id="roundbutton" target="_blank"><i class="fa fa-twitter"></i>$twitter_username$</a></li>
-		$endif$    
+                $endif$
             </ul>
         </div>
         <!-- /.navbar-collapse -->
@@ -33,79 +33,79 @@
     <!-- /.container -->
 </nav>
 <!-- Portfolio Modals -->
-    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true" style="padding-right:0px; overflow: hidden;">
-        <div class="modal-content">
-            <div class="close-modal" data-dismiss="modal">
-                <div class="lr">
-                    <div class="rl">
-                    </div>
+<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true" style="padding-right:0px; overflow: hidden;">
+    <div class="modal-content">
+        <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+                <div class="rl">
                 </div>
             </div>
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-8 col-lg-offset-2">
-                        <div class="modal-body">
-                            <h1 class="font-style-inline-small-h1">Lucas Gatsas</h1>
-                            <hr class="star-primary">
-                            <img src="$baseurl$/static/img/kc.jpg" class="img-responsive img-centered" alt="" title="">
-                            <p class="font-style-inline-small">
-                                Hello, my name is Lucas Gatsas, I'm a Front End Engineer <br>
-                                and Web Developer from Switzerland. This is my Personal Notice and Archive Work Experience Work Blog. My Official Website will be Up soon!  <br>
-                                <a href="https://www.twitter.com/katychuang" target="_blank">follow me</a>. <br> 
-                                <a href="https://www.github.com/katychuang" target="_blank">    <i class="fa fa-github" id="spaceg-social-modal"></i> </a> 
-                                <a href="https://www.twitter.com/katychuang" target="_blank"><i class="fa fa-twitter" id="spaceg-social-modal"></i> </a>    
-                                <a href="https://plus.google.com/u/0/111391719267336703432/posts" target="_blank"> <i class="fa fa-google-plus" id="spaceg-social-modal"></i></a> 
-                            </p>
-                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
-                        </div>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 col-lg-offset-2">
+                    <div class="modal-body">
+                        <h1 class="font-style-inline-small-h1">Lucas Gatsas</h1>
+                        <hr class="star-primary">
+                        <img src="$baseurl$/static/img/kc.jpg" class="img-responsive img-centered" alt="" title="">
+                        <p class="font-style-inline-small">
+                            Hello, my name is Lucas Gatsas, I'm a Front End Engineer <br>
+                            and Web Developer from Switzerland. This is my Personal Notice and Archive Work Experience Work Blog. My Official Website will be Up soon! <br>
+                            <a href="https://www.twitter.com/katychuang" target="_blank">follow me</a>. <br>
+                            <a href="https://www.github.com/katychuang" target="_blank"> <i class="fa fa-github" id="spaceg-social-modal"></i> </a>
+                            <a href="https://www.twitter.com/katychuang" target="_blank"><i class="fa fa-twitter" id="spaceg-social-modal"></i> </a>
+                            <a href="https://plus.google.com/u/0/111391719267336703432/posts" target="_blank"> <i class="fa fa-google-plus" id="spaceg-social-modal"></i></a>
+                        </p>
+                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                     </div>
                 </div>
             </div>
         </div>
     </div>
+</div>
 <!-- Menu Modals Add New Sa.21.Feb.2015 03:22:25 -->
-    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true" style="padding-right:0px; overflow: hidden;">
-        <div class="modal-content">
-            <div class="close-modal" data-dismiss="modal">
-                <div class="lr">
-                    <div class="rl">
-                    </div>
+<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true" style="padding-right:0px; overflow: hidden;">
+    <div class="modal-content">
+        <div class="close-modal" data-dismiss="modal">
+            <div class="lr">
+                <div class="rl">
                 </div>
             </div>
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-8 col-lg-offset-2">
-                        <div class="modal-body">
-                            <h1 class="font-style-inline-small-h1">k.c</h1>
-                            <hr class="star-primary">
-                            <p class="font-style-inline-small">
-			$if(twitter_username)$
-                        <a href="https://www.twitter.com/$twitter_username$" target="_blank">follow</a>. <br> 
-			$endif$
-			$if(github_username)$
-                        <a href="https://www.github.com/$github_username$" target="_blank">
-				<i class="fa fa-github" id="spaceg-social-modal"></i>
-			</a>
-			$endif$
-			$if(twitter_username)$
-                        <a href="https://www.twitter.com/$twitter_username$" target="_blank">
-				<i class="fa fa-twitter" id="spaceg-social-modal"></i>
-			</a>
-			$endif$
-			$if(google_username)$
-                        <a href="https://plus.google.com/u/0/$google_username)$/posts" target="_blank">
-				<i class="fa fa-google-plus" id="spaceg-social-modal"></i>
-			</a>  <br>
-                    <li><a href="$baseurl$/">Home</a></li>
-                    <li><a href="$baseurl$/about.html">About Me</a></li>
-                    <li><a href="$baseurl$/archive.html/">Archive</a></li>
-                            </p>
-                      
-                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
-                        </div>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 col-lg-offset-2">
+                    <div class="modal-body">
+                        <h1 class="font-style-inline-small-h1">k.c</h1>
+                        <hr class="star-primary">
+                        <p class="font-style-inline-small">
+                            $if(twitter_username)$
+                            <a href="https://www.twitter.com/$twitter_username$" target="_blank">follow</a>. <br>
+                            $endif$
+                            $if(github_username)$
+                            <a href="https://www.github.com/$github_username$" target="_blank">
+                                <i class="fa fa-github" id="spaceg-social-modal"></i>
+                            </a>
+                            $endif$
+                            $if(twitter_username)$
+                            <a href="https://www.twitter.com/$twitter_username$" target="_blank">
+                                <i class="fa fa-twitter" id="spaceg-social-modal"></i>
+                            </a>
+                            $endif$
+                            $if(google_username)$
+                            <a href="https://plus.google.com/u/0/$google_username$/posts" target="_blank">
+                                <i class="fa fa-google-plus" id="spaceg-social-modal"></i>
+                            </a> <br>
+                            $endif$
+                            <li><a href="$baseurl$/">Home</a></li>
+                            <li><a href="$baseurl$/about.html">About Me</a></li>
+                            <li><a href="$baseurl$/archive.html/">Archive</a></li>
+                        </p>
+
+                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                     </div>
                 </div>
             </div>
         </div>
     </div>
-
+</div>
\ No newline at end of file
diff --git a/templates/page.html b/templates/page.html
index 5713778..88bcb24 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -9,10 +9,10 @@ <h1>$title$</h1>
                     <h2 class="subheading">$subtitle$</h2>
                     $endif$
                     <span class="meta">
-		    $if(author)$
-			Posted by $author$
-		    $endif$
-		    </span>
+                        $if(author)$
+                        Posted by $author$
+                        $endif$
+                    </span>
                 </div>
             </div>
         </div>
@@ -24,9 +24,9 @@ <h2 class="subheading">$subtitle$</h2>
     <div class="container">
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-			$body$	
+                $body$
                 <hr>
             </div>
         </div>
     </div>
-</article>
+</article>
\ No newline at end of file
diff --git a/templates/post-list.html b/templates/post-list.html
index 71cf1b9..807639d 100644
--- a/templates/post-list.html
+++ b/templates/post-list.html
@@ -1,7 +1,7 @@
 <ul>
     $for(posts)$
-        <li>
-            <a href="$url$">$title$</a> - $date$
-        </li>
+    <li>
+        <a href="$url$">$title$</a> - $date$
+    </li>
     $endfor$
-</ul>
+</ul>
\ No newline at end of file
diff --git a/templates/post.html b/templates/post.html
index 88867c1..8c25443 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -9,11 +9,11 @@ <h1>$title$</h1>
                     <h2 class="subheading">$subtitle$</h2>
                     $endif$
                     <span class="meta">
-		    $if(author)$
-			Posted by $author$
-		    $endif$
-			$date$
-		    </span>
+                        $if(author)$
+                        Posted by $author$
+                        $endif$
+                        $date$
+                    </span>
                 </div>
             </div>
         </div>
@@ -26,7 +26,7 @@ <h2 class="subheading">$subtitle$</h2>
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
 
-			$body$	
+                $body$
 
                 <hr>
 
@@ -47,4 +47,4 @@ <h2 class="subheading">$subtitle$</h2>
         </div>
     </div>
 </article>
-<hr>
+<hr>
\ No newline at end of file