[WIP] Federalist prep

_includes/flag.html

@@ -3,7 +3,7 @@
     <p>
       An official website of the United States Government <img alt="US flag
 signifying that this is a United States Federal Government website"
-src="/assets/images/us_flag_small.png">
+src="{{site.baseurl}}/assets/images/us_flag_small.png">
     </p>
   </div>
 </aside>

_includes/footer.html

@@ -2,46 +2,46 @@
   <div class="container usa-footer-primary-section">
     <div class="usa-grid-full">
         <div class="usa-width-one-sixth footer-content">
-          <img src="/assets/images/logo-gsa.png" alt="GSA logo">
+          <img src="{{ site.baseurl }}/assets/images/logo-gsa.png" alt="GSA logo">
           <div>
-            <a href="https://github.com/18f"><img src="/assets/images/always-be-shipping_orange.png" alt="Always Be Shipping."></a>
+            <a href="https://github.com/18f"><img src="{{ site.baseurl }}/assets/images/always-be-shipping_orange.png" alt="Always Be Shipping."></a>
           </div>
         </div>
           <div class="usa-width-one-sixth usa-footer-primary-content footer-content" itemscope itemtype="http://schema.org/ContactPoint">
             <h1>Work</h1>
-              <a href="/delivery" title="Delivery">Delivery</a>
+              <a href="{{ site.baseurl }}/delivery" title="Delivery">Delivery</a>
               </br>
-              <a href="/consulting" title="Consulting">Consulting</a>
+              <a href="{{ site.baseurl }}/consulting" title="Consulting">Consulting</a>
               </br>
-              <a href="/dashboard" title="Dashboard">Dashboard</a>
+              <a href="{{ site.baseurl }}/dashboard" title="Dashboard">Dashboard</a>
               <br/>
               <a href="https://github.com/18F"><i class="fa fa-github" title="18F GitHub page"></i> github.com/18F</a>
           </div>
           <div class="usa-width-one-sixth usa-footer-primary-content footer-content">
             <h1>People</h1>
-              <a href="/team" title="18F People">Team</a>
+              <a href="{{ site.baseurl }}/team" title="18F People">Team</a>
               </br>
               <a href="https://pages.18f.gov/joining-18f/" title="Joining 18F">Join us</a>
           </div>
           <div class="usa-width-one-sixth usa-footer-primary-content footer-content">
             <h1> Resources </h1>
-              <a href="/blog" title="18F Blog">Blog</a>
+              <a href="{{ site.baseurl }}/blog" title="18F Blog">Blog</a>
               </br>
               <a href="https://pages.18f.gov/guides" title="18F Guides">Guides</a>
               </br>
-              <a href="/developer/" title="Developer program">Developer program</a>
+              <a href="{{ site.baseurl }}/developer/" title="Developer program">Developer program</a>
           </div>
           <div class="usa-width-one-sixth usa-footer-primary-content footer-content">
             <h1>Policies</h1>
-              <a href="/linking-policy/" title="18F Linking policy">Linking</a>
+              <a href="{{ site.baseurl }}/linking-policy/" title="18F Linking policy">Linking</a>
               <br/>
               <a href="https://github.com/18F/open-source-policy" title="18F Open source policy">Open source</a>
               <br/>
               <a href="https://github.com/18F/18f.gsa.gov/edit/staging/{{ page.path }}" title="Edit this page">Edit this page</a>
           </div>
           <div class="usa-width-one-sixth usa-footer-primary-content footer-content">
              <h1>Contact Us</h1>
-                <a href="/press" title="Press">Press</a>
+                <a href="{{ site.baseurl }}/press" title="Press">Press</a>
                 <br/>
                 <a href="https://twitter.com/18F"><i class="fa fa-twitter" title="18F Twitter"></i> @18F</a>
                 </br>

_includes/head.html

@@ -59,40 +59,40 @@
 <!-- Favicons
 ================================================== -->
 <!-- 128x128 -->
-<link rel="shortcut icon" type="image/ico" href="/assets/images/favicons/favicon.ico" />
-<link rel="icon" type="image/png" href="/assets/images/favicons/favicon.png" />
+<link rel="shortcut icon" type="image/ico" href="{{site.baseurl}}/assets/images/favicons/favicon.ico" />
+<link rel="icon" type="image/png" href="{{site.baseurl}}/assets/images/favicons/favicon.png" />
 
 <!-- 192x192, as recommended for Android
 http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android
 -->
-<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicons/18f-center-192.png" />
+<link rel="icon" type="image/png" sizes="192x192" href="{{site.baseurl}}/assets/images/favicons/18f-center-192.png" />
 
 <!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
-<link rel="apple-touch-icon-precomposed" href="/assets/images/favicons/18f-center-57.png">
+<link rel="apple-touch-icon-precomposed" href="{{site.baseurl}}/assets/images/favicons/18f-center-57.png">
 <!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
-<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/images/favicons/18f-center-72.png">
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{site.baseurl}}/assets/images/favicons/18f-center-72.png">
 <!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
-<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/images/favicons/18f-center-114.png">
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{site.baseurl}}/assets/images/favicons/18f-center-114.png">
 <!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
-<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/images/favicons/18f-center-144.png">
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{site.baseurl}}/assets/images/favicons/18f-center-144.png">
 
 <!-- Mobile "theme" -->
 <meta name="theme-color" content="#1188ff" />
 
 <!-- CSS
 ================================================== -->
-<link href="/assets/css/google-fonts.css" rel="stylesheet">
-<link href="/assets/css/font-awesome.min.css" rel="stylesheet">
-<link href="/assets/css/fonts.css" rel="stylesheet">
-<link href="/assets/css/normalize.css" rel="stylesheet">
-<link href="/assets/css/styles.css" rel="stylesheet">
-<link href="/assets/css/pygments-theme.css" rel="stylesheet">
+<link href="{{site.baseurl}}/assets/css/google-fonts.css" rel="stylesheet">
+<link href="{{site.baseurl}}/assets/css/font-awesome.min.css" rel="stylesheet">
+<link href="{{site.baseurl}}/assets/css/fonts.css" rel="stylesheet">
+<link href="{{site.baseurl}}/assets/css/normalize.css" rel="stylesheet">
+<link href="{{site.baseurl}}/assets/css/styles.css" rel="stylesheet">
+<link href="{{site.baseurl}}/assets/css/pygments-theme.css" rel="stylesheet">
 
 <!-- IE
 ================================================== -->
 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 <!--[if lt IE 9]>
-  <link href="/assets/css/ie8/ie.css" rel="stylesheet">
+  <link href="{{site.baseurl}}/assets/css/ie8/ie.css" rel="stylesheet">
 <![endif]-->
 
 {% include ascii.html %}

_includes/logo.html

@@ -3,6 +3,6 @@
       <i class="icon-18f-logo"><p style="display:none;">18F</p></i>
     </a>
   {% if page.layout == "profile" %}
-  <nav class="back"><a href="/team#{{ page.name }}"><i class="fa fa-chevron-left"></i><i class="fa fa-chevron-left"></i> back to all people</a></nav>
+  <nav class="back"><a href="{{site.baseurl}}/team#{{ page.name }}"><i class="fa fa-chevron-left"></i><i class="fa fa-chevron-left"></i> back to all people</a></nav>
   {% endif %}
   </div>

_includes/nav.html

@@ -3,15 +3,15 @@
   <a href="javascript:;" class="toggle">Menu</a>
   <a href="javascript:;" class="toggle hidden">Close</a>
   <ul class="hidden global-nav-links">
-    <li class="global-nav-link"><a href="/dashboard">Work</a></li>
-    <li class="global-nav-link"><a href="/team">People</a></li>
-    <li class="global-nav-link"><a href="/consulting">Consulting</a></li>
+    <li class="global-nav-link"><a href="{{site.baseurl}}/dashboard">Work</a></li>
+    <li class="global-nav-link"><a href="{{site.baseurl}}/team/">People</a></li>
+    <li class="global-nav-link"><a href="{{site.baseurl}}/consulting/">Consulting</a></li>
     <li class="global-nav-link"><a href="https://pages.18f.gov/joining-18f/">Join</a></li>
   </ul>
   <span class="sep">|</span>
   <ul class="hidden global-nav-links">
-    <li class="global-nav-link"><a href="/blog">Blog</a></li>
-    <li class="global-nav-link"><a href="/#newsletter">Newsletter</a></li>
-    <li class="global-nav-link"><a href="/">Home</a></li>
+    <li class="global-nav-link"><a href="{{site.baseurl}}/blog/">Blog</a></li>
+    <li class="global-nav-link"><a href="{{site.baseurl}}/#newsletter">Newsletter</a></li>
+    <li class="global-nav-link"><a href="{{site.baseurl}}/">Home</a></li>
   </ul>
 </nav>

_includes/scripts.html

@@ -1,13 +1,13 @@
 <!-- JS
 ================================================== -->
-<script src="/assets/js/jquery-2.1.1.min.js"></script>
-<script src="/assets/js/responsiveslides.min.js"></script>
+<script src="{{site.baseurl}}/assets/js/jquery-2.1.1.min.js"></script>
+<script src="{{site.baseurl}}/assets/js/responsiveslides.min.js"></script>
 
 
 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 <!--[if IE 9 ]>
-  <script src="/assets/js/ie8/html5shiv.js"></script>
-  <script src="/assets/js/ie8/respond.js"></script>
+  <script src="{{site.baseurl}}/assets/js/ie8/html5shiv.js"></script>
+  <script src="{{site.baseurl}}/assets/js/ie8/respond.js"></script>
 -->
 
 <!--
@@ -30,7 +30,7 @@
 </script>
 
 <!-- Browser warning, console message -->
-<script src="/assets/js/18f.js"></script>
+<script src="{{site.baseurl}}/assets/js/18f.js"></script>
 
 <!-- Google Analytics -->
 <script>

_layouts/category_index.html

@@ -13,7 +13,7 @@ <h1 class="category">
     </div>
 
     <h2>
-      <a href="{{ post.url }}">{{ post.title }}</a>
+      <a a href="{{ site.baseurl }}{{ post.url }} }}">{{ post.title }}</a>
     </h2>
 
     {{post.excerpt}}

_layouts/post.html

@@ -14,15 +14,15 @@
 
     <section class="blog-posting" itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting">
 
-      <h1><a href="{{ page.url }}">{{ page.title }}</a></h1>
+      <h1><a href="{{site.baseurl}}{{ page.url }}">{{ page.title }}</a></h1>
 
       <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%B %-d, %Y" }} </time>
 
       <p>
         Tagged /
         <span class="blog-tags" itemprop="keywords">
           {% for tag in page.tags %}
-            <a href="/{{site.tag_dir}}/{{ tag | slugify }}/">{{ tag }}</a>
+            <a href="{{ site.baseurl }}/{{ site.tag_dir }}/{{ tag | slugify }}/">{{ tag }}</a>
             /
           {% endfor %}
         </span>
@@ -36,15 +36,15 @@ <h1><a href="{{ page.url }}">{{ page.title }}</a></h1>
         <section class="blog-pagination">
           <div>
             {% if page.previous %}
-              <a href="{{ page.previous.url }}">
+              <a href="{{ site.baseurl }}{{ page.previous.url }}">
                 <h1><i class="fa fa-chevron-left"></i> Previous Post</h1>
                 <p>&ldquo;{{ page.previous.title }}&rdquo;</p>
               </a>
             {% endif %}
           </div>
           <div>
             {% if page.next %}
-                <a href="{{ page.next.url }}">
+                <a href="{{ site.baseurl }}{{ page.next.url }}">
                   <h1>Next Post <i class="fa fa-chevron-right"></i></h1>
                   <p>&ldquo;{{ page.next.title }}&rdquo;</p>
                 </a>

_layouts/tag_index.html

@@ -10,7 +10,7 @@ <h1>{{ numberof }} {% if numberof == 1 %}post{% else %}posts{% endif %} tagged {
     {% for post in page.posts %}
         <article class="tag-index">
           <div class="blog-title">
-            <h1 itemprop="headline" class="h4"><a class="link-alt" href="{{ post.url }}">{{ post.title }}</a></h1>
+            <h1 itemprop="headline" class="h4"><a class="link-alt" a href="{{ site.baseurl }}/{{ post.url }}">{{ post.title }}</a></h1>
           </div>
 
           <div class="blog-meta">
@@ -24,7 +24,7 @@ <h1 itemprop="headline" class="h4"><a class="link-alt" href="{{ post.url }}">{{
               Tagged /
               <span class="blog-tags" itemprop="keywords">
                 {% for tag in post.tags %}
-                  <a href="/{{ site.tag_dir }}/{{ tag | slugify }}/">{{ tag }}</a>
+                  <a href="{{site.baseurl}}/{{ site.tag_dir }}/{{ tag | slugify }}/">{{ tag }}</a>
                   /
                 {% endfor %}
               </span>
@@ -37,7 +37,7 @@ <h1 itemprop="headline" class="h4"><a class="link-alt" href="{{ post.url }}">{{
           </div>
 
           <div class="blog-continue">
-            <p><a href="{{ post.url }}">Continue reading this post...</a></p>
+            <p><a a href="{{ site.baseurl }}{{ post.url }}">Continue reading this post...</a></p>
           </div>
         </article>
 

_layouts/tag_page.html

@@ -16,7 +16,7 @@ <h1>{{ page.title }}</h1>
 
 			{% if tag_number[0] == tag %}
 
-				{{tag_number[1] | size }} 
+				{{tag_number[1] | size }}
 				<!-- <p> {{tag | size }} </p> -->
 
 			{% endif %}
@@ -25,9 +25,9 @@ <h1>{{ page.title }}</h1>
 
 {% endcapture %}
 
-	<p> <a href="/tags/{{tag | slugify }}" >{{tag}} </a> — {{count}} </p>
+	<p> <a href="{{ site.baseurl }}/tags/{{tag | slugify }}/" >{{tag}} </a> — {{count}} </p>
+
 
-
 		<!-- <p> {{tag | size }} </p> -->
 
 

_plugins/author.rb

@@ -3,6 +3,7 @@ class AuthorTag < Liquid::Tag
     def initialize(tag_name, author, tokens)
       super
       @author = author.strip
+      @baseurl = Jekyll.sites[0].config['baseurl']
     end
 
     def render(context)
@@ -14,7 +15,6 @@ def render(context)
 
       if teammate
         "<span class=\"author #{teammate['name']}\">" +
-          # "<img src=\"/assets/images/team/#{teammate['name']}.jpg\" />" +
           "#{teammate['full_name']}" +
         "</span>"
       else
@@ -39,7 +39,7 @@ def render(context)
       full_name = context.environments[0]['page']['full_name']
       first_name = context.environments[0]['page']['first_name']
       posts = context.environments[0]['site']['posts']
-      site_url = context.environments[0]['site']['url']
+      site_url = context.environments[0]['site']['baseurl']
       for p in posts
         if p.data['authors'] and p.data['authors'].include? author
           authored.push(p)
@@ -61,10 +61,11 @@ def with_pic(input)
       name = input[0]
       info = input[1]
       image = File.join 'assets', 'images', 'team', "#{name}.jpg"
+      baseurl = Jekyll.sites[0].config['baseurl']
       if File.exist?(File.join(Jekyll.sites[0].config['source'], image))
-        "<img class='img-circle team-img bio-clip' src='/#{image}' alt='18F team member #{info['full_name']}'>"
+        "<img class='img-circle team-img bio-clip' src='#{@baseurl}/#{image}' alt='18F team member #{info['full_name']}'>"
       else
-        "<img class='img-circle team-img bio-clip' src='/assets/images/18f.png' alt='18F logo'>"
+        "<img class='img-circle team-img bio-clip' src='#{@baseurl}/assets/images/18f.png' alt='18F logo'>"
       end
     end
     # lookup filter
@@ -97,8 +98,9 @@ def lookup(input, args)
     def team_link(input)
       team = Jekyll.sites[0].collections['team'].docs
       index = team.find_index {|x| x.data['name'] == input}
+      baseurl = Jekyll.sites[0].config['baseurl']
       unless index.nil?
-        url = "/team/#{team[index].data['name']}"
+        url = "#{@baseurl}/team/#{team[index].data['name']}"
         full_name = team[index].data['full_name']
         string = "<a href=#{url}>#{full_name}</a>"
       else

_plugins/related_posts.rb

@@ -4,6 +4,7 @@ class RelGenerator < Liquid::Tag
     def initialize(related_posts, text, tokens)
       super
       @params = text.split(' ')
+      @baseurl = Jekyll.sites[0].config['baseurl']
     end
 
     # Gets all posts from the site by tag and adds those that match the tags on
@@ -38,7 +39,7 @@ def list_posts(other_posts)
       internal = @params[1] || "li"
       if other_posts
         related_posts = "<#{external}>"
-        other_posts.flatten.map { |post| related_posts << "<#{internal}><a href='#{post.url}' class='related_posts'>&ldquo;#{post.data['title']}&rdquo;</a></#{internal}>" }
+        other_posts.flatten.map { |post| related_posts << "<#{internal}><a href='#{@baseurl}/#{post.url}' class='related_posts'>&ldquo;#{post.data['title']}&rdquo;</a></#{internal}>" }
         related_posts << "</#{external}"
       else
         related_posts = "<p>No related posts</p>"

_plugins/team.rb

@@ -2,12 +2,13 @@ module Jekyll
   module TeamFilter
     def team_photo(name)
       person = finder(name)
+      baseurl = Jekyll.sites[0].config['baseurl']
       image = File.join('assets', 'images', 'team', "#{name}.jpg")
 
       if person && File.exist?(File.join(Jekyll.sites[0].config['source'], image))
-        "<img class='img-circle team-img bio-clip' src='/#{image}' alt='18F team member #{person.data['full_name']}'>"
+        "<img class='img-circle team-img bio-clip' src='#{baseurl}/#{image}' alt='18F team member #{person.data['full_name']}'>"
       else
-        "<img class='img-circle team-img bio-clip' src='/assets/images/18f.png' alt='18F logo'>"
+        "<img class='img-circle team-img bio-clip' src='#{baseurl}/assets/images/18f.png' alt='18F logo'>"
       end
     end