Including Practices & Blog posts

.gitignore

@@ -1,4 +1,5 @@
 _site/*
 *.DS_Store
 node_modules
-build
+build
+.jekyll-metadata

CHANGELOG.md

@@ -49,4 +49,4 @@ Overview of the state of the art in influence mapping, with insights gleaned fro
  - Better organise Project page sections (in particular links to Tools and Practices) (#8)
  - Further develop content (#7 #9 #10 #11 #12)
 
-Progress can be tracked here on Github or via our public [Waffle board](https://waffle.io/iilab/influencemapping-toolbox).
+Progress can be tracked here on Github or via our public [Waffle board](https://waffle.io/iilab/influencemapping-toolbox).

_config.yml

@@ -0,0 +1,61 @@
+markdown: kramdown
+highlighter: rouge
+
+# paginate: 7
+
+gems: 
+  - jekyll-paginate
+
+sass:
+  style: compressed
+
+exclude:
+  - old
+  - README.md
+
+collections:
+  projects:
+    output: true
+    permalink: /projects/:slug/
+  tools:
+    output: true
+    permalink: /tools/:slug/
+
+defaults:
+  - scope:
+      path: "blog"
+    values:
+      section: "blog"
+  - scope:
+      path: "toolbox"
+    values:
+      section: "toolbox"
+  - scope:
+      path: "work"
+    values:
+      section: "work"
+  - scope:
+      path: "workshop"
+    values:
+      section: "work"
+  - scope:
+      path: "projects"
+    values:
+      section: "toolbox"
+  - scope:
+      path: "tools"
+    values:
+      section: "toolbox"
+  - scope:
+      path: ""
+      type: tools
+    values:
+      layout: tool
+      section: "toolbox"
+  - scope:
+      path: ""
+      type: projects
+    values:
+      layout: project
+      section: "toolbox"
+

_includes/blog_box.html

@@ -0,0 +1,7 @@
+<div class="blog-box">
+  <h3><a href="{{include.post.url}}">{{include.post.title}}</a></h3>
+  <p>{{include.post.content | markdownify | strip_html | truncate: 300, '...' }}</p>
+  <div class="read-more">
+    Posted {{include.post.date | date_to_string }}, <a href="{{include.post.url}}">Read more</a>
+  </div>
+</div>

_includes/case_sheet.html

@@ -0,0 +1,15 @@
+<div class="panel panel-default">
+    <table class="table table-case-study">
+        {% for item in page.criteria %}
+        <tr>
+            <th>{{item[0]}}</th>
+        </tr>
+        <tr>
+            <td>{{item[1]}}</td>
+        </tr>
+        {% endfor %}
+    </table>
+    <div class="panel-footer">
+        Visit the <a href="../projects/{{page.project_name}}.html">{{page.title}} project page</a>
+    </div>
+</div>

_includes/edit_bar.html

@@ -0,0 +1,11 @@
+
+<div class="container-fluid edit-bar hidden-xs hidden-sm">
+  <div class="container">
+    <a href="https://github.com/influencemapping/influencemapping.org/edit/gh-pages/{{page.path}}">
+      <i class="fa fa-pencil-square" aria-hidden="true"></i> Edit on GitHub
+    </a>
+    <span>
+      We'd love to include your changes.
+    </span>
+  </div>
+</div>

_includes/flag.html

@@ -0,0 +1,5 @@
+{% if include.flag %}
+  <i class="fa fa-check" aria-hidden="true"></i>
+{% else %}
+  <i class="fa fa-times" aria-hidden="true"></i>
+{% endif %}   

_includes/footer.html

@@ -0,0 +1,45 @@
+
+<footer class="hidden-print">
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-md-4">
+        <h4>Participate in the group</h4>
+        <p>
+          Influence Mappers is an open community, please <a href="/community/">join the discussion
+          and contribute to our work</a>.
+        </p>
+        <p class="socialmedia">
+          <a href="https://twitter.com/MapInfluence"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
+          <a href="https://twitter.com/MapInfluence">
+            MapInfluence
+          </a>
+          &middot;
+          <a href="https://www.facebook.com/Influence-Mapping-914656895263044/"><i class="fa fa-facebook-official" aria-hidden="true"></i></a>
+          <a href="https://www.facebook.com/Influence-Mapping-914656895263044/">
+            Facebook
+          </a>
+          &middot;
+          <a href="http://github.com/influencemapping"><i class="fa fa-github-square" aria-hidden="true"></i></a>
+          <a href="http://github.com/influencemapping">
+            GitHub
+          </a>
+        </p>
+      </div>
+      <div class="col-md-4">
+        <h4>Partners and supporters</h4>
+        <p>
+          InfluenceMapping is made possible by the generous support of the <a href="Influencemapping%20is made possible by the generous support of the Open Society Foundation, and is a partnership between The American Assembly at Columbia University, Open Corporates, OpenNorth, LittleSis and Poderopedia." target="_blank">Open Society Foundation</a>, and is a partnership between <a href="http://americanassembly.org/" target="_blank">The American Assembly</a>, <a href="http://littlesis.org/" target="_blank">LittleSis</a>, <a href="https://opencorporates.com/" target="_blank">OpenCorporates</a>, <a href="http://www.opennorth.ca/" target="_blank">OpenNorth</a>,  and <a href="http://www.poderopedia.org/" target="_blank">Poderopedia</a>.
+        </p>
+      </div>
+      <div class="col-md-4">
+        <h4>Copyright and feedback</h4>
+        <p>
+          This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
+        </p>
+        <p class="copyright">
+          Notice any omissions or problems in the content? Let us know at info@influencemapping.org
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>

_includes/kv.html

@@ -0,0 +1,6 @@
+{% if include.value %}
+  <tr>
+    <th width="33%">{{include.label}}</th>
+    <td>{{include.value}}</td>
+  </tr>
+{% endif %}

_includes/nav.html

@@ -0,0 +1,37 @@
+<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse"
+        data-target="#mainmenu">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="/">
+        <img class="logo" src="/assets/images/img_logo.png">
+        Influence Mapping
+      </a>
+    </div>
+
+    <div class="collapse navbar-collapse" id="mainmenu">
+      <ul class="nav navbar-nav navbar-right">
+        <li {% if page.section == 'blog' %}class="active"{% endif %}>
+          <a href="/blog/">Blog</a>
+        </li>
+        <li {% if page.section == 'community' %}class="active"{% endif %}>
+          <a href="/community/">Community</a>
+        </li>
+        <li {% if page.section == 'work' %}class="active"{% endif %}>
+          <a href="/work/">Our work</a>
+        </li>
+        <li {% if page.section == 'toolbox' %}class="active"{% endif %}>
+          <a href="/toolbox/">Toolbox</a>
+        </li>
+        <li {% if page.section == 'about' %}class="active"{% endif %}>
+          <a href="/about/">About</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>

_layouts/base.html

@@ -0,0 +1,37 @@
+---
+---
+
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>{{ page.title }} - Influence Mapping Group</title>
+    <meta name="description" content="{{page.description}}" />
+    <meta name="keywords" content="influence mapping" />
+
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
+    <link rel='stylesheet' href='//fonts.googleapis.com/css?family=Domine%3A400%2C700%7CLato%3A400%2C900&#038;subset=latin%2Clatin-ext' type='text/css' media='all' />
+
+    <link href="/assets/style.css" rel="stylesheet">
+    <link rel="shortcut icon" href="/assets/images/img_logo.png">
+  </head>
+  <body>
+    {% include nav.html %}
+    <div id="airlock">
+      {{ content }}
+      {% include edit_bar.html %}
+    </div>
+    {% include footer.html %}
+    <script src="https://code.jquery.com/jquery-2.2.4.min.js"
+      integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
+      crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
+      integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
+      crossorigin="anonymous"></script>
+    <script src="/assets/js/filter.js"></script>
+  </body>
+</html>

_layouts/blogpost.html

@@ -0,0 +1,13 @@
+---
+layout: default
+---
+
+<div class="row">
+  <div class="col-md-8 col-md-offset-2">
+    <h1>{{page.title}}</h1>
+    <div id="content">
+      {{content}}
+    </div>
+  </div>
+</div>
+

_layouts/casestudy.html

@@ -0,0 +1,16 @@
+---
+layout: default
+---
+
+<h1 class="page-heading">{{page.title}}</h1>
+
+<div class="row">
+  <div class="col-md-8">
+    <div id="content">
+      {{content}}
+    </div>
+  </div>
+  <div class="col-md-4">
+    {% include case_sheet.html %}
+  </div>
+</div>

_layouts/content.html

@@ -0,0 +1,11 @@
+---
+layout: default
+---
+
+<div class="row">
+  <div class="col-md-12">
+    <div id="content">
+      {{content}}
+    </div>
+  </div>
+</div>

_layouts/default.html

@@ -0,0 +1,9 @@
+---
+layout: base
+---
+
+<div id="page">
+  <div class="container" id="main">
+    {{content}}
+  </div>
+</div>

_layouts/index.html

@@ -0,0 +1,33 @@
+---
+layout: base
+---
+
+<header class="intro-header">
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-lg-12 col-md-12">
+        <div class="site-heading">
+          <h1>Influence Mapping Group</h1>
+          <p class="subheading">Explore the influence of personal ties, economic interests and other relationships on politics and society.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</header>
+
+<div id="page" class="no-nav">
+  <div class="container" id="main">
+    {{content}}
+
+    <div class="row">
+      <div class="col-md-12">        
+        <h3 class="separator">Latest blog posts</h4>
+        <div class="blog-post-index">
+          {% for post in site.posts | limit:6 %}
+              {% include blog_box.html post=post %}
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

_layouts/london.html

@@ -0,0 +1,41 @@
+---
+layout: default
+---
+
+<h1 class="page-heading">{{page.title}}</h1>
+
+<div class="row">
+  <div class="col-md-8">
+    <div id="content">
+      {{content}}
+    </div>
+  </div>
+  <div class="col-md-4">
+    <div class="side-nav">
+      <h4>London Conference 2015</h4>
+      <ul>
+        <li><a href="index.html">Overview / Schedule</a></li>
+        <li><a href="what_problem_are_we_solving.html">What problems are we trying to solve?</a></li>
+        <li><a href="user_needs.html">User needs in investigative journalism</a></li>
+        <li><a href="lessons_from_opencorporates.html">Lessons from OpenCorporates</a></li>
+        <li><a href="collaboration_business_models.html">Collaboration &amp; Business Models</a></li>
+        <li><a href="data_standards.html">"Who's got dirt?" API</a></li>
+        <li><a href="toolbox.html">Influence Mapping Toolbox</a></li>
+        <li><a href="tools_resources.html">Tools &amp; Resources</a></li>
+      </ul>
+      <strong>Document Management Tools</strong>
+      <ul>
+        <li><a href="documentcloud.html">DocumentCloud</a></li>
+        <li><a href="investigative_dashboard.html">Investigative Dashboard</a></li>
+        <li><a href="icij_leak_refinery.html">The Leak Refinery</a></li>
+        <li><a href="tamedia.html">Tamedia</a></li>
+      </ul>
+      <strong>Entity Relationship Tools</strong>
+      <ul>
+        <li><a href="future_crime.html">Future Crime Detection</a></li>
+        <li><a href="oligrapher.html">Oligrapher</a></li>
+        <li><a href="nodemapper.html">NodeMapper</a></li>
+      </ul>
+    </div>
+  </div>
+</div>