Yeti Site Builder

A collection of scripts and templates for building simple and powerful webpages to visualize geographic data.

Yeti-Pages

Stand-Alone (no compiling needed) HTML pages that can read from geojson datasets.

The common format for the GeoJSON is:

{   "type": "FeatureCollection",
    "features": 
     [{"type": "Feature",
       "properties" : {
            "user" : "User1", 
            "time" : "2010-01-14 08:35:40 UTC"
        },
        "geometry": {
            "type":"Point",
            "coordinates":[-72.2974886,18.6279188]
        }
       },
       {"type": "Feature",
        "properties" : {
            "user" : "User2", 
            "time" : "2010-01-16 88:31:30 UTC"
        },
        "geometry":{
            "type":"LineString",
            "coordinates":[
                [-72.2987383,18.6258857],
                [-72.2982478,18.6267062],
                [-72.2975696,18.6277288],
                [-72.2990369,18.6289575]
             ]
        }}]}

Yeti-Site-Generator

A Very lightweight static website generator built on the Liquid Templating Engine.

Installation

1. Clone the repository
2. Run npm install to install the node dependencies.

Building a Page

yetigen build <path/to/page.html>

Structure of a Yeti Page

Pages contain YAML frontmatter which is parsed and available as variables within the page. This works the same way as Jekyll.

---
layout: default
destination: '/Users/jenningsanderson/Desktop/test.html'
title: "This is a test"
---

<p>This is my sample file</p>

<div id="map" style="width:100%;height:600">

<script>alert('yup')</alert>

Templates

The templates directory contains both _layouts and _includes, the namining conventions of .liquid and _ are required to appease Liquid. When a page builds, it will pull the layout from the frontmatter, so add layouts here.

Customization

In templates, there is an assets folder with styles. By default, the templates search for an assets folder at the web root, so copy these assets there with the following command:

yetigen install <path/to/assets/>