Jekyllized completed

Author: brunosan

_includes/.footer.html.swp

@@ -17,11 +17,6 @@ <h2 class="footer-heading">{{ site.title }}</h2>
           {% if site.github_username %}
           <li>
             <a href="https://github.com/{{ site.github_username }}">
-              <span class="icon  icon--github">
-                <svg viewBox="0 0 16 16">
-                  <path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/>
-                </svg>
-              </span>
 
               <span class="username">{{ site.github_username }}</span>
             </a>
@@ -32,10 +27,6 @@ <h2 class="footer-heading">{{ site.title }}</h2>
           <li>
             <a href="https://twitter.com/{{ site.twitter_username }}">
               <span class="icon  icon--twitter">
-                <svg viewBox="0 0 16 16">
-                  <path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
-                  c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
-                </svg>
               </span>
 
               <span class="username">{{ site.twitter_username }}</span>
@@ -52,4 +43,15 @@ <h2 class="footer-heading">{{ site.title }}</h2>
 
   </div>
 
+  <script src="{{site.baseurl}}/assets/d3/d3.v3.min.js" charset="utf-8"></script>
+  <script src="{{site.baseurl}}/assets/chartjs/1.0.2/chart.min.js" charset="utf-8"></script>
+  <script src="{{site.baseurl}}/assets/jQuery/2.1.3/jquery.min.js"></script>
+  <script src="{{site.baseurl}}/assets/holder.js"></script>
+  <script src="{{site.baseurl}}/assets/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+  <script src="{{site.baseurl}}/assets/ie10-viewport-bug-workaround.js"></script>
+
+  {% if page.js %}
+  <script src="{{site.baseurl}}/assets/{{page.js}}"></script>
+  {% endif %}
 </footer>

_includes/footer.html

@@ -1,27 +1,30 @@
-<header class="site-header">
 
-  <div class="wrapper">
-
-    <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
-
-    <nav class="site-nav">
-      <a href="#" class="menu-icon">
-        <svg viewBox="0 0 18 15">
-          <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
-          <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
-          <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
-        </svg>
-      </a>
-
-      <div class="trigger">
+    <nav class="navbar navbar-inverse navbar-fixed-top">
+      <div class="container-fluid">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+            <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="{{site.baseurl}}about/">SDG data</a>
+        </div>
+        <div id="navbar" class="navbar-collapse collapse">
+          <ul class="nav navbar-nav navbar-right">
         {% for page in site.pages %}
           {% if page.title %}
-          <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
+   <li><a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
           {% endif %}
         {% endfor %}
+          </ul>
+        </div>
       </div>
     </nav>
 
-  </div>
 
-</header>
+
+
+
+
+

_includes/header.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+
+    {% include header.html %}
+
+    {{ content }}
+
+    {% include footer.html %}
+
+  </body>
+
+</html>

_layouts/empty.html

@@ -0,0 +1,105 @@
+/*
+ * Base structure
+ */
+
+/* Move down content because we have a fixed navbar that is 50px tall */
+body {
+  padding-top: 50px;
+}
+
+
+/*
+ * Global add-ons
+ */
+
+.sub-header {
+  padding-bottom: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+/*
+ * Top navigation
+ * Hide default border to remove 1px line.
+ */
+.navbar-fixed-top {
+  border: 0;
+}
+
+/*
+ * Sidebar
+ */
+
+/* Hide for mobile, show later */
+.sidebar {
+  display: none;
+}
+@media (min-width: 768px) {
+  .sidebar {
+    position: fixed;
+    top: 51px;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+    display: block;
+    padding: 20px;
+    overflow-x: hidden;
+    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+    background-color: #f5f5f5;
+    border-right: 1px solid #eee;
+  }
+}
+
+/* Sidebar navigation */
+.nav-sidebar {
+  margin-right: -21px; /* 20px padding + 1px border */
+  margin-bottom: 20px;
+  margin-left: -20px;
+}
+.nav-sidebar > li > a {
+  padding-right: 20px;
+  padding-left: 20px;
+}
+.nav-sidebar > .active > a,
+.nav-sidebar > .active > a:hover,
+.nav-sidebar > .active > a:focus {
+  color: #fff;
+  background-color: #428bca;
+}
+
+
+/*
+ * Main content
+ */
+
+.main {
+  padding: 20px;
+}
+@media (min-width: 768px) {
+  .main {
+    padding-right: 40px;
+    padding-left: 40px;
+  }
+}
+.main .page-header {
+  margin-top: 0;
+}
+
+
+/*
+ * Placeholder dashboard ideas
+ */
+
+.placeholders {
+  margin-bottom: 30px;
+  text-align: center;
+}
+.placeholders h4 {
+  margin-bottom: 0;
+}
+.placeholder {
+  margin-bottom: 20px;
+}
+.placeholder img {
+  display: inline-block;
+  border-radius: 50%;
+}

assets/bootstrap/3.3.4/css/bootstrap-theme.min.css

@@ -6,7 +6,7 @@ var stats = {};
 files = ["goals","targets","indicators"];
 files.forEach(function (f) {
   console.log("Loading "+f);
-  d3.json("./data/"+f+".json", function (error, data) {
+  d3.json("/data/"+f+".json", function (error, data) {
     //for (var attrname in data) { sdgs[attrname] = data[attrname]; }
     sdgs.push(data);
     if (sdgs.length==3) { data_loaded(sdgs); }
@@ -26,7 +26,6 @@ function update_stats(sdgs){
  document.getElementById("targets-num").innerHTML = sdgs[1]["targets"].length+" Targets";
  document.getElementById("indicators-num").innerHTML = sdgs[2]["indicators"].length+" Indicators";
  add_stack_plot(stats);
- add_pie_leads(stats);
 }
 
 function add_stack_plot(stats){
@@ -71,63 +70,8 @@ function add_stack_plot(stats){
  var myBarChart = new Chart(ctx).Bar(data, options);
 
 } 
- 
-function histogram_words(words_array){
-   var frequency = {};
-   // set all initial frequencies for each word to zero
-   words_array.forEach(
-     function(value) { frequency[value] = 0; }
-   );
-   // create new array with words and their frequencies
-   var uniques = words_array.filter(
-     function(value) { return ++frequency[value] == 1; }
-   );
-   return frequency;
-}
- 
-function add_pie_leads(stats){
-   
-  var non_flat_leads=sdgs[2]["indicators"].map(function(i){return i["leads"].split(",")})
-  var leads = [].concat.apply([], non_flat_leads).map(Function.prototype.call, String.prototype.trim)
-  var leads_histogram = histogram_words(leads);
-  console.log(leads_histogram);  
-
-  var data = [
-    {
-        value: 300,
-        color:"#F7464A",
-        highlight: "#FF5A5E",
-        label: "Red"
-    },
-    {
-        value: 50,
-        color: "#46BFBD",
-        highlight: "#5AD3D1",
-        label: "Green"
-    },
-    {
-        value: 100,
-        color: "#FDB45C",
-        highlight: "#FFC870",
-        label: "Yellow"
-    }
-   ]  
-   
-   options = {
-    segmentShowStroke : true,
-    segmentStrokeColor : "#fff",
-    segmentStrokeWidth : 2,
-    percentageInnerCutout : 50, // This is 0 for Pie charts
-    animationSteps : 100,
-    animationEasing : "easeOutBounce",
-    animateRotate : true,
-    animateScale : true,
-}
- var canvas = document.getElementById("pie_leads")
- var pie_leads = canvas.getContext("2d"); 
- Chart.defaults.global.multiTooltipTemplate = "<%= value %> <%= datasetLabel %> ";
- var myPieChart = new Chart(pie_leads).Pie(data,options);
- } 
+  
+  
 
 
 

assets/bootstrap/3.3.4/css/bootstrap.min.css

@@ -0,0 +1,76 @@
+{
+  "goals": [
+    {
+      "goal": 1,
+      "title": "End poverty in all its forms everywhere"
+    },
+    {
+      "goal": 2,
+      "title": "End hunger, achieve food security and improved nutrition and promote sustainable agriculture"
+    },
+    {
+      "goal": 3,
+      "title": "Ensure healthy lives and promote well-being for all at all ages"
+    },
+    {
+      "goal": 4,
+      "title": "Ensure inclusive and equitable quality education and promote lifelong learning opportunities for all"
+    },
+    {
+      "goal": 5,
+      "title": "Achieve gender equality and empower all women and girls"
+    },
+    {
+      "goal": 6,
+      "title": "Ensure availability and sustainable management of water and sanitation for all"
+    },
+    {
+      "goal": 7,
+      "title": "Ensure access to affordable, reliable, sustainable and modern energy for all"
+    },
+    {
+      "goal": 8,
+      "title": "Promote sustained, inclusive and sustainable economic growth, full and productive employment and decent work for all"
+    },
+    {
+      "goal": 9,
+      "title": "Build resilient infrastructure, promote inclusive and sustainable industrialization and foster innovation"
+    },
+    {
+      "goal": 10,
+      "title": "Reduce inequality within and among countries"
+    },
+    {
+      "goal": 11,
+      "title": "Make cities and human settlements inclusive, safe, resilient and sustainable"
+    },
+    {
+      "goal": 12,
+      "title": "Ensure sustainable consumption and production patterns"
+    },
+    {
+      "goal": 13,
+      "title": "Take urgent action to combat climate change and its impacts*"
+    },
+    {
+      "goal": 14,
+      "title": "Conserve and sustainably use the oceans, seas and marine resources for sustainable development"
+    },
+    {
+      "goal": 15,
+      "title": "Protect, restore and promote sustainable use of terrestrial ecosystems, sustainably manage forests, combat desertification, and halt and reverse land degradation and halt biodiversity loss"
+    },
+    {
+      "goal": 16,
+      "title": "Promote peaceful and inclusive societies for sustainable development, provide access to justice for all and build effective, accountable and inclusive institutions at all levels"
+    },
+    {
+      "goal": 17,
+      "title": "Strengthen the means of implementation and revitalize the global partnership for sustainable development"
+    }
+  ],
+  "source": {
+    "url": "https://sustainabledevelopment.un.org/sdgsproposal",
+    "date": "28/04/2015"
+  }
+}