make slight modifications to the d3 calendar heatmap on the portfolio page
This commit is contained in:
@ -100,7 +100,6 @@ block content
|
|||||||
#cal-heatmap.img-center
|
#cal-heatmap.img-center
|
||||||
script(src="//d3js.org/d3.v3.min.js")
|
script(src="//d3js.org/d3.v3.min.js")
|
||||||
script(src="//cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.min.js")
|
script(src="//cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.min.js")
|
||||||
link(rel="stylesheet", href="//cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.css")
|
|
||||||
script.
|
script.
|
||||||
var cal = new CalHeatMap();
|
var cal = new CalHeatMap();
|
||||||
var calendar = !{JSON.stringify(calender)};
|
var calendar = !{JSON.stringify(calender)};
|
||||||
@ -121,6 +120,6 @@ block content
|
|||||||
});
|
});
|
||||||
.row
|
.row
|
||||||
.hidden-xs.col-sm-12.text-center
|
.hidden-xs.col-sm-12.text-center
|
||||||
.row
|
.row.text-primary
|
||||||
h3.col-sm-6.text-right Longest Streak: #{longestStreak}
|
h4.col-sm-6.text-right Longest Streak: #{longestStreak}
|
||||||
h3.col-sm-6.text-left Current Streak: #{currentStreak}
|
h4.col-sm-6.text-left Current Streak: #{currentStreak}
|
||||||
|
@ -23,7 +23,7 @@ block content
|
|||||||
a(href=websiteLink)= websiteLink
|
a(href=websiteLink)= websiteLink
|
||||||
h3 Project Description:
|
h3 Project Description:
|
||||||
.col-xs-12
|
.col-xs-12
|
||||||
h4 #{projectDescription} (About #{estimatedHours} hours per camper)
|
h4.negative-15 #{projectDescription} (About #{estimatedHours} hours per camper)
|
||||||
h3 This project involves building:
|
h3 This project involves building:
|
||||||
.col-xs-12
|
.col-xs-12
|
||||||
if (approvedWebsite)
|
if (approvedWebsite)
|
||||||
|
@ -33,3 +33,15 @@ script.
|
|||||||
webkitRequestAnimationFrame || msRequestAnimationFrame;
|
webkitRequestAnimationFrame || msRequestAnimationFrame;
|
||||||
if (raf) raf(cb);
|
if (raf) raf(cb);
|
||||||
else window.addEventListener('load', cb);
|
else window.addEventListener('load', cb);
|
||||||
|
|
||||||
|
var cb = function () {
|
||||||
|
var l = document.createElement('link');
|
||||||
|
l.rel = 'stylesheet';
|
||||||
|
l.href = '//cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.css';
|
||||||
|
var h = document.getElementsByTagName('head')[0];
|
||||||
|
h.parentNode.insertBefore(l, h);
|
||||||
|
};
|
||||||
|
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
|
||||||
|
webkitRequestAnimationFrame || msRequestAnimationFrame;
|
||||||
|
if (raf) raf(cb);
|
||||||
|
else window.addEventListener('load', cb);
|
||||||
|
@ -1,8 +1,6 @@
|
|||||||
script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js")
|
script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js")
|
||||||
script(src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js")
|
script(src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js")
|
||||||
script(src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js")
|
script(src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js")
|
||||||
script(src="//d3js.org/d3.v3.min.js")
|
|
||||||
script(src="//cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.min.js")
|
|
||||||
include meta
|
include meta
|
||||||
title #{title} | Free Code Camp
|
title #{title} | Free Code Camp
|
||||||
meta(charset='utf-8')
|
meta(charset='utf-8')
|
||||||
|
Reference in New Issue
Block a user