[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/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)
@@ -62,9 +62,9 @@ def with_pic(input)
       info = input[1]
       image = File.join 'assets', 'images', 'team', "#{name}.jpg"
       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
@@ -98,7 +98,7 @@ def team_link(input)
       team = Jekyll.sites[0].collections['team'].docs
       index = team.find_index {|x| x.data['name'] == input}
       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
 

_posts/2014-07-16-midas-a-marketplace-for-innovation-in-government.html

@@ -29,15 +29,15 @@ <h2>The history of Midas</h2>
 
 <h2>How Midas works</h2>
 
-<p><span style="float:right; padding-left:1em;"><img src="/assets/blog/midas/midas-1.png" alt="Midas Project Card"/></span></p>
+<p><span style="float:right; padding-left:1em;"><img src="{{ site.baseurl }}/assets/blog/midas/midas-1.png" alt="Midas Project Card"/></span></p>
 
 <p>Midas consists of three main components — projects, opportunities, and profiles – all of which are connected through <strong>skills</strong> and <strong>topics</strong> of interest.</p>
 
 <p>When employees sign up, they get a <strong>profile</strong> on Midas (which can be imported from existing services such as LinkedIn). Profiles contain a list of  skills as well as topics that employees are interested in or passionate about.</p>
 
 <p><strong>Projects</strong> are a container that holds the discussions, events, files, and participants of a proposed activity. Projects also have skills and topics associated with them. This is where work can be coordinated. A project doesn't have to be a project in the traditional sense; it can be a <a href="https://en.wikipedia.org/wiki/Tiger_team">"tiger team"</a>, a community of practice, or an interest group (for example, a group of people that get together to volunteer for a particular cause outside of work).</p>
 
-<p><span style="float:right; padding-left:1em;"><img src="/assets/blog/midas/midas-2.png" alt="Midas Opportunity Card"/></span></p>
+<p><span style="float:right; padding-left:1em;"><img src="{{ site.baseurl }}/assets/blog/midas/midas-2.png" alt="Midas Opportunity Card"/></span></p>
 
 <p><strong>Opportunities</strong> are crowdsourced tasks that need volunteers. Opportunities are also associated with skills and topics. An opportunity can be part of a project, or a standalone need. These can be accomplished in as little as 15 minutes, or could be as consuming as a 6 or 12 month full time detail of the employee to another office.</p>
 

_posts/2014-09-04-a-new-look-at-the-freedom-of-information-act.html

@@ -34,7 +34,7 @@
 
 <p>As demand for information continues to grow, it is important to continue iterating the ways we refine the FOIA request process. Our effort is one of a number of <a href="https://www.whitehouse.gov/sites/default/files/docs/us_national_action_plan_6p.pdf">commitments</a> towards creating a more open, transparent government. We will explore how to supplement the work that has already been done by creating tools to improve the online FOIA requests process by designing for the user.</p>
 
-<p><img src="/assets/blog/foia/in-hand.jpg" alt="photo: a mockup of our app on an iPhone"/><br/><em>Above: an illustrative prototype running on a mobile device (the logo in the photo is not a live URL)</em></p>
+<p><img src="{{ site.baseurl }}/assets/blog/foia/in-hand.jpg" alt="photo: a mockup of our app on an iPhone"/><br/><em>Above: an illustrative prototype running on a mobile device (the logo in the photo is not a live URL)</em></p>
 
 <p>We're exploring building tools that:</p>