starts to add ordered tutorials
ADD
_data/tutorial_order.yml
+- heatmap
+- hurricanes
+- geoJSON
+- deepzoom
\ No newline at end of file

MODIFY
_data/tutorials.yml
_data/tutorials.yml
+- id: heatmap
+ title: Heatmap Feature
+ description: This example shows how to add a heatmap to a map.
+
- id: deepzoom
title: Deepzoom tiled image example
description: Rendering a tiled image using the Deepzoom protocol.
title: GeoJSON file reader
description: Shows how to use the included geoJSON reader, and how to use the properties to adjust the style of the features. In this example, you can edit the json file while the features on the map update in response. You can also drop a new geoJSON file onto the text editor to load it.
-- id: heatmap
- title: Heatmap Feature
- description: This example shows how to add a heatmap to a map.
-
- id: hurricanes
title: Hurricane tracking data
description: Explore historic hurricane paths since 1980 on an interactive map.

MODIFY
_layouts/default.html
_layouts/default.html
<title>Geojs - {{page.title}}</title>
<!-- Bootstrap Core CSS -->
- <link href="{{ "vendor/bootstrap/css/bootstrap.min.css" | absolute_url }}" rel="stylesheet">
+ <link href="{{ "vendor/bootstrap/css/bootstrap.min.css" | relative_url }}" rel="stylesheet">
<!-- Custom Fonts -->
- <link href="{{ "vendor/font-awesome/css/font-awesome.min.css" | absolute_url }}" rel="stylesheet" type="text/css">
+ <link href="{{ "vendor/font-awesome/css/font-awesome.min.css" | relative_url }}" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<!-- Theme CSS -->
- <link href="{{ "css/agency.css" | absolute_url }}" rel="stylesheet">
- <link href="{{ "css/main.css" | absolute_url }}" rel="stylesheet">
- <link href="{{ "css/syntax.css" | absolute_url }}" rel="stylesheet">
+ <link href="{{ "css/agency.css" | relative_url }}" rel="stylesheet">
+ <link href="{{ "css/main.css" | relative_url }}" rel="stylesheet">
+ <link href="{{ "css/syntax.css" | relative_url }}" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
</footer>
<!-- jQuery -->
- <script src="{{ "vendor/jquery/jquery.min.js" | absolute_url }}"></script>
+ <script src="{{ "vendor/jquery/jquery.min.js" | relative_url }}"></script>
<!-- Bootstrap Core JavaScript -->
- <script src="{{ "vendor/bootstrap/js/bootstrap.min.js" | absolute_url }}"></script>
+ <script src="{{ "vendor/bootstrap/js/bootstrap.min.js" | relative_url }}"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" integrity="sha384-mE6eXfrb8jxl0rzJDBRanYqgBxtJ6Unn4/1F7q4xRRyIw7Vdg9jP4ycT7x1iVsgb" crossorigin="anonymous"></script>
<!-- Theme JavaScript -->
- <script src="{{ "js/agency.js" | absolute_url }}"></script>
+ <script src="{{ "js/agency.js" | relative_url }}"></script>
</body>

DELETE
_tutorial/deepzoom.html
----
----
-deepzoom
\ No newline at end of file

ADD
_tutorial/deepzoom/index.html
+---
+name: deepzoom
+title: Deepzoom tiled image example
+description: Rendering a tiled image using the Deepzoom protocol.
+---
+deepzoom
\ No newline at end of file

ADD
_tutorial/deepzoom/thumb.jpg
_tutorial/deepzoom/thumb.jpg
Binary files /dev/null and b/_tutorial/deepzoom/thumb.jpg differ

ADD
_tutorial/dynamicData/thumb.jpg
_tutorial/dynamicData/thumb.jpg
Binary files /dev/null and b/_tutorial/dynamicData/thumb.jpg differ

ADD
_tutorial/geoJSON/index.html
+---
+name: geoJSON
+title: GeoJSON file reader
+description: Shows how to use the included geoJSON reader, and how to use the properties to adjust the style of the features. In this example, you can edit the json file while the features on the map update in response. You can also drop a new geoJSON file onto the text editor to load it.
+---
+geoJSON
\ No newline at end of file

ADD
_tutorial/geoJSON/thumb.jpg
_tutorial/geoJSON/thumb.jpg
Binary files /dev/null and b/_tutorial/geoJSON/thumb.jpg differ

DELETE
_tutorial/heatmap.html
----
----
-heatmap
\ No newline at end of file

ADD
_tutorial/heatmap/index.html
+---
+name: heatmap
+title: Heatmap Feature
+description: This example shows how to add a heatmap to a map.
+---
+heatmap
\ No newline at end of file

ADD
_tutorial/heatmap/thumb.jpg
_tutorial/heatmap/thumb.jpg
Binary files /dev/null and b/_tutorial/heatmap/thumb.jpg differ

ADD
_tutorial/hurricanes/index.html
+---
+name: hurricanes
+title: Hurricane tracking data
+description: Explore historic hurricane paths since 1980 on an interactive map.
+---
+hurricane
\ No newline at end of file

ADD
_tutorial/hurricanes/thumb.jpg
_tutorial/hurricanes/thumb.jpg
Binary files /dev/null and b/_tutorial/hurricanes/thumb.jpg differ

MODIFY
tutorials.html
tutorials.html
---
layout: default
title: Tutorials
+foo: title
---
-<ul>
- {% for tutorial in site.data.tutorials %}
- <li>
- {{tutorial.id}} - {{tutorial.title}} - {{tutorial.description}}
- </li>
+<div class="container">
+ {% for tutorial_name in site.data.tutorial_order %}
+ {% assign tutorial = site.tutorial | where: "name", tutorial_name | first %}
+ <div class="row">
+ <div class="col-xs-12">
+ <div class="tutorials">
+ <>
+ <img src="{{"tutorial"|relative_url}}/{{tutorial.name}}/thumb.jpg">
+ {{tutorial.title}} - {{tutorial.description}}
+ </div>
+ </div>
+ </div>
{% endfor %}
-</ul>
\ No newline at end of file
+</div>
\ No newline at end of file

starts to add ordered tutorials