refer to all files relative to baseurl to work for project pages

daattali · daattali · commit 13df585003bd · 2015-03-02T16:24:18.000-08:00
diff --git a/404.html b/404.html
@@ -8,5 +8,5 @@ <h1>Whoops, this page doesn't exist.</h1>
   <h1>Move along. (404 error)</h1>
   <br/>
 
-  <img src="img/404-southpark.jpg" />
+  <img src="{{ site.baseurl }}/img/404-southpark.jpg" />
 </div>
diff --git 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
@@ -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>
diff --git 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
@@ -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">

Original file line number	Diff line number	Diff line change
`@@ -15,14 +15,14 @@ p {`
`15`	`15`	`}`
`16`	`16`	`p a {`
`17`	`17`	`/* text-decoration: underline */`
`18`		`- color: #3A85C5;`
	`18`	`+ color: #008AFF;`
`19`	`19`	`}`
`20`	`20`	`h1,h2,h3,h4,h5,h6 {`
`21`	`21`	`font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;`
`22`	`22`	`font-weight: 800;`
`23`	`23`	`}`
`24`	`24`	`a {`
`25`		`- color: #105086;`
	`25`	`+ color: #008AFF;`
`26`	`26`	`}`
`27`	`27`	`a:hover,`
`28`	`28`	`a:focus {`
`@@ -49,6 +49,11 @@ hr.small {`
`49`	`49`	`}`
`50`	`50`	`}`
`51`	`51`
	`52`	`+.main-explain-area {`
	`53`	`+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;`
	`54`	`+ padding: 15px 0;`
	`55`	`+}`
	`56`	`+`
`52`	`57`	`.hideme {`
`53`	`58`	`display: none;`
`54`	`59`	`}`