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

This commit is contained in:
Dean Attali 2015-03-02 16:24:07 -08:00
parent dbbc3cd73d
commit 13df585003
5 changed files with 25 additions and 14 deletions

View File

@ -8,5 +8,5 @@ title: 404 - Page not found
<h1>Move along. (404 error)</h1> <h1>Move along. (404 error)</h1>
<br/> <br/>
<img src="img/404-southpark.jpg" /> <img src="{{ site.baseurl }}/img/404-southpark.jpg" />
</div> </div>

View File

@ -1,13 +1,13 @@
<script src="/js/jquery-1.11.2.min.js"></script> <script src="{{ site.baseurl }}/js/jquery-1.11.2.min.js"></script>
<script src="/js/bootstrap.min.js"></script> <script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
{% if include.full %} {% if include.full %}
<script src="/js/main.js"></script> <script src="{{ site.baseurl }}/js/main.js"></script>
{% endif %} {% endif %}
{% if page.js %} {% if page.js %}
{% for js in page.js %} {% for js in page.js %}
<script src="{{ js }}"></script> <script src="{{ js | prepend: site.baseurl | replace: '//', '/' }}"></script>
{% endfor %} {% endfor %}
{% endif %} {% endif %}

View File

@ -8,23 +8,23 @@
<meta name="author" content="{{ site.author.name }}" /> <meta name="author" content="{{ site.author.name }}" />
<meta name="description" content="{{ site.description }}"> <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 <!-- 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 %} {% if include.full %}
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" /> <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=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="//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="stylesheet" href="{{ site.baseurl }}/css/main.css" />
<link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="/feed.xml" /> <link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
{% else %} {% else %}
<link rel="stylesheet" href="/css/main-minimal.css" /> <link rel="stylesheet" href="{{ site.baseurl }}/css/main-minimal.css" />
{% endif %} {% endif %}
{% if page.css %} {% if page.css %}
{% for css in page.css %} {% for css in page.css %}
<link rel="stylesheet" href="{{ css }}" /> <link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}" />
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</head> </head>

View File

@ -15,14 +15,14 @@ p {
} }
p a { p a {
/* text-decoration: underline */ /* text-decoration: underline */
color: #3A85C5; color: #008AFF;
} }
h1,h2,h3,h4,h5,h6 { h1,h2,h3,h4,h5,h6 {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 800; font-weight: 800;
} }
a { a {
color: #105086; color: #008AFF;
} }
a:hover, a:hover,
a:focus { 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 { .hideme {
display: none; display: none;
} }

View File

@ -1,9 +1,15 @@
--- ---
layout: page layout: page
title: My website 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"> <div class="posts-list">
{% for post in paginator.posts %} {% for post in paginator.posts %}
<article class="post-preview"> <article class="post-preview">