diff --git a/404.html b/404.html
index a7aff3f..428a148 100644
--- a/404.html
+++ b/404.html
@@ -8,5 +8,5 @@ title: 404 - Page not found
   <h1>Move along. (404 error)</h1>
   <br/>
 
-  <img src="img/404-southpark.jpg" />
+  <img src="{{ site.baseurl }}/img/404-southpark.jpg" />
 </div>
\ No newline at end of file
diff --git a/_includes/footer-scripts.html b/_includes/footer-scripts.html
index e2a9fd8..49126dc 100644
--- a/_includes/footer-scripts.html
+++ b/_includes/footer-scripts.html
@@ -1,13 +1,13 @@
-<script src="/js/jquery-1.11.2.min.js"></script>
-<script src="/js/bootstrap.min.js"></script>
+<script src="{{ site.baseurl }}/js/jquery-1.11.2.min.js"></script>
+<script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
 
 {% if include.full %}
-  <script src="/js/main.js"></script>
+  <script src="{{ site.baseurl }}/js/main.js"></script>
 {% endif %}
 
 {% if page.js %}
   {% for js in page.js %}
-	<script src="{{ js }}"></script>
+	<script src="{{ js | prepend: site.baseurl | replace: '//', '/' }}"></script>
   {% endfor %}
 {% endif %}
 
diff --git a/_includes/head.html b/_includes/head.html
index 01e72e0..10f625e 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -8,23 +8,23 @@
   <meta name="author" content="{{ site.author.name }}" />
   <meta name="description" content="{{ site.description }}">
 
-  <link rel="stylesheet" href="/css/bootstrap.min.css" />
+  <link rel="stylesheet" href="{{ site.baseurl }}/css/bootstrap.min.css" />
   <!-- I choose not to use the bootstrap theme css, I think it looks less appealing
-  <link rel="stylesheet" href="/css/bootstrap-theme.min.css" /> -->
+  <link rel="stylesheet" href="{{ site.baseurl }}/css/bootstrap-theme.min.css" /> -->
   
   {% if include.full %}
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
 	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" />
 	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" />
-    <link rel="stylesheet" href="/css/main.css" />
-    <link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="/feed.xml" />
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css" />
+    <link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
   {% else %}
-    <link rel="stylesheet" href="/css/main-minimal.css" />
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/main-minimal.css" />
   {% endif %}
 
   {% if page.css %}
     {% for css in page.css %}
-	  <link rel="stylesheet" href="{{ css }}" />
+      <link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}" />
     {% endfor %}
   {% endif %}
 </head>
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 9ce7b66..a8f5ec2 100644
--- a/css/main.css
+++ b/css/main.css
@@ -15,14 +15,14 @@ p {
 }
 p a {
   /* text-decoration: underline */
-  color: #3A85C5;
+  color: #008AFF;
 }
 h1,h2,h3,h4,h5,h6 {
   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: 800;
 }
 a {
-  color: #105086;
+  color: #008AFF;
 }
 a:hover,
 a:focus {
@@ -49,6 +49,11 @@ hr.small {
   }
 }
 
+.main-explain-area {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  padding: 15px 0;
+}
+
 .hideme {
   display: none;
 }
diff --git a/index.html b/index.html
index 9b93db7..e3dcdc9 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,15 @@
 ---
 layout: page
 title: My website
-description: This is where I will tell my friends everything about me
+description: This is where I will tell my friends way too much about me
 ---
 
+<div class="main-explain-area jumbotron">
+  <p>Your website is ready!</p>
+  <p>After editing the <code>_config.yml</code> file to personalize the settings, you can start writing blog posts or pages.<p>
+  <p>Below are sample posts for illustration purposes.</p>
+</div>
+
 <div class="posts-list">
   {% for post in paginator.posts %}
   <article class="post-preview">