As you scroll down, the % scrolled of the document is calculated and that same % of an SVG <path>
is drawn.
A Pen by Chris Coyier on CodePen.
var webshot = require('webshot'); | |
var gm = require('gm'); | |
var options = { | |
screenSize: { | |
width: 1015, height: 725 | |
}, | |
renderDelay: 500 | |
}; |
{ | |
"country": "Bolivia", | |
"code": "BO", | |
"obi_score": 12, | |
"obi_year": 2012, | |
"date_start": "2012-09-01T00:00:00.000Z", | |
"date_end": "2014-09-01T00:00:00.000Z", | |
"data": [ | |
{ | |
"date": "2014-09-01T00:00:00.000Z", |
As you scroll down, the % scrolled of the document is calculated and that same % of an SVG <path>
is drawn.
A Pen by Chris Coyier on CodePen.
{% ckan_extends %} | |
{% block styles %} | |
{{ super() }} | |
<div class="js-hide" data-module="google-analytics" data-module-sitetitle="{{ config['ckan.site_title'] }}"></div> | |
{% endblock %} |
<p>This is a list of <a href="#datasetgroup-1" data-module="popover-list">5 datasets</a>. | |
Imagine there is more text here and it carries on in a paragraph.</p> | |
<p id="datasetgroup-1" class="js-hide">Everything in this paragraph | |
should appear within the popover.</p> |
var gulp = require("gulp"); | |
var del = require("del"); | |
var rename = require("gulp-rename"); | |
var sketch = require("gulp-sketch"); | |
var iconfont = require("gulp-iconfont"); | |
var consolidate = require("gulp-consolidate"); | |
gulp.task("icons", function () { | |
del("./dist/", { force: true }); | |
var svg = gulp.src("./icons.sketch") |
I hereby claim:
To claim this, I am signing this object: