diff --git a/index.jade b/index.jade
new file mode 100644
index 0000000..fe3f2e5
--- /dev/null
+++ b/index.jade
@@ -0,0 +1,75 @@
+include includes/person
+include includes/icon
+include includes/person-group
+include includes/episode
+
+doctype html
+html
+ head(lang="en")
+ meta(charset="UTF-8")
+ meta(name="viewport", content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no")
+ link(rel="shortcut icon", type="image/png", href="http://github.com/favicon.png")
+ title Angular Air
+ style.
+ .hide-without-styles {display:none}
+ body
+ a(style="display:none",aria-hidden,href="https://plus.google.com/104335210120652090229",rel="publisher") Google+
+ .show-without-styles(style="margin-top:80px;margin-bottom:80px;text-align:center;")
+ h1 Loading Angular Air...
+ #content.hide-without-styles.show
+ .center(id="logo")
+ img(src="http://github.com/logo.png")
+ section#title.center
+ h1 Angular Air
+ h2
+ | Angular video podcast hosted by
+ |
#{host.name}
+
+ .big-gap
+
+ section.clearfix#host
+ div.host
+ mixin person(host)
+ section#description.center
+ p.center
+ | Angular Air is a
live video podcast all about
Angular
+ br
+ | hosted by
egghead.io instructor
Kent C. Dodds
+
+ hr
+
+ section.center(id="podcast-links")
+ each i in subscriptionIcons
+ mixin icon(i)
+
+ hr
+ section#panelists
+ h2 Panelists
+ mixin person-group(panelists)
+ hr
+
+ section#episodes
+ h2 Episodes
+ .episode
+ each e in episodes
+ mixin episode(e)
+
+ section#past-episodes.episode
+ h2 Past Episodes
+ ul
+ each e, eIndex in pastEpisodes
+ li
+ a(href="#{e.hangoutUrl}") Episode #{eIndex}: #{e.title}
+ if (e.sponsors)
+ small
+ | Sponsored by:
+ each sponsor, sIndex in e.sponsors
+ span
+ a(href="#{sponsor.website}") #{sponsor.name}
+
+ link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css")
+ link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css")
+ style
+ include styles.css
+ script
+ include scripts/google-analytics.js
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..4401c56
--- /dev/null
+++ b/package.json
@@ -0,0 +1,30 @@
+{
+ "name": "angular-air-website",
+ "version": "1.0.0",
+ "description": "angular-air.com",
+ "main": "scripts/start.js",
+ "scripts": {
+ "start": "nodemon -w episodes -w includes -w index.jade -w styles.css -w panel -w scripts scripts/build.js",
+ "build:jade": "jade -P -O options.json -o dist index.jade",
+ "build": "rm -rf dist && mkdir dist && node scripts/build && cp -a {favicon.png,CNAME,panel,logo.png,kentcdodds.png,episodes} dist/",
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/ng-air/ng-air.github.io.git"
+ },
+ "author": "Kent C. Dodds
",
+ "license": "MIT",
+ "bugs": {
+ "url": "https://github.com/ng-air/ng-air.github.io/issues"
+ },
+ "homepage": "https://github.com/ng-air/ng-air.github.io",
+ "devDependencies": {
+ "hanson": "^1.1.1",
+ "jade": "^1.9.2",
+ "lodash": "^3.9.1",
+ "moment": "^2.10.3",
+ "moment-timezone": "^0.3.1",
+ "nodemon": "^1.3.7"
+ }
+}
diff --git a/scripts/build.js b/scripts/build.js
new file mode 100644
index 0000000..dec33f5
--- /dev/null
+++ b/scripts/build.js
@@ -0,0 +1,113 @@
+var fs = require('fs');
+var path = require('path');
+
+var _ = require('lodash');
+var moment = require('moment-timezone');
+var hson = require('hanson');
+var jade = require('jade');
+
+compileIndex();
+
+
+function compileIndex() {
+ var indexFilename = here('../index.jade');
+ var index = fs.readFileSync(indexFilename, 'utf-8');
+ var locals = getDataFromHson('./locals.hson');
+ alterLocals(locals);
+ locals = _.merge(locals, getEpisodeLocals());
+ var fn = jade.compile(index, {pretty: true, filename: indexFilename});
+ var result = fn(locals);
+ fs.writeFileSync(here('../dist/index.html'), result);
+}
+
+
+function alterLocals(locals) {
+ _.each(locals.panelists, function(panelist) {
+ panelist.avatar = panelist.avatar || 'panel/' + panelist.twitter + '.png';
+ });
+ locals.panelists = smartChunk(locals.panelists);
+ return locals;
+}
+
+function getEpisodeLocals() {
+ var episodeRelative = '../episodes';
+ var episodeDirectories = getDirectories(here(episodeRelative));
+ var episodes = [];
+ var pastEpisodes = [];
+
+ _.each(episodeDirectories, function(date) {
+ var episodeData = getDataFromHson(here(episodeRelative + '/' + date + '/data.hson'));
+ if (!_.isEmpty(episodeData)) {
+ episodeData = modifyEpisodeData(episodeData, date);
+ if (isPast(episodeData.dateTime)) {
+ pastEpisodes.push(episodeData);
+ } else {
+ episodes.push(episodeData);
+ }
+ }
+ });
+
+ return {
+ episodes: episodes,
+ pastEpisodes: pastEpisodes
+ };
+
+
+ function modifyEpisodeData(episode, date) {
+ episode.dateTime = _.isUndefined(episode.dateTime) ? date + ' 11:00' : episode.dateTime;
+ if (episode.dateTime) {
+ episode.dateTime = moment.tz(episode.dateTime, episode.timezone || 'America/Los_Angeles');
+ if (!episode.displayDate) {
+ episode.displayDate = episode.dateTime.format('dddd, MMM Do, YYYY [at] h:mm A [(]z[)]');
+ }
+ } else {
+ episode.displayDate = '(Date and Time TBA)';
+ }
+
+ episode.guests = smartChunk(episode.guests);
+
+ return episode;
+ }
+}
+
+function getDirectories(srcpath) {
+ return fs.readdirSync(srcpath).filter(function(file) {
+ return fs.statSync(path.join(srcpath, file)).isDirectory();
+ });
+}
+
+function getDataFromHson(path) {
+ var absolutePath = here(path);
+ var exists = fs.existsSync(absolutePath);
+ if (exists) {
+ var hsonString = fs.readFileSync(absolutePath, 'utf-8');
+ if (hsonString) {
+ return hson.parse(hsonString);
+ }
+ }
+ return {};
+}
+
+
+function isFuture(date) {
+ return moment().diff(date) < 0;
+}
+
+function isPast(date) {
+ return !isFuture(date);
+}
+
+function smartChunk(array) {
+ if (_.isEmpty(array)) {
+ return [];
+ }
+ var chunk = 4;
+ if (array.length === 5 || array.length === 6) {
+ chunk = 3;
+ }
+ return _.chunk(array, chunk);
+}
+
+function here(dest) {
+ return path.resolve(__dirname, dest);
+}
diff --git a/scripts/google-analytics.js b/scripts/google-analytics.js
new file mode 100644
index 0000000..fb6beb3
--- /dev/null
+++ b/scripts/google-analytics.js
@@ -0,0 +1,15 @@
+(function (i, s, o, g, r, a, m) {
+ i['GoogleAnalyticsObject'] = r;
+ i[r] = i[r] || function () {
+ (i[r].q = i[r].q || []).push(arguments)
+ }, i[r].l = 1 * new Date();
+ a = s.createElement(o),
+ m = s.getElementsByTagName(o)[0];
+ a.async = 1;
+ a.src = g;
+ m.parentNode.insertBefore(a, m)
+})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+
+ga('create', 'UA-56527541-1', 'auto');
+ga('require', 'displayfeatures');
+ga('send', 'pageview');
diff --git a/scripts/locals.hson b/scripts/locals.hson
new file mode 100644
index 0000000..ae33a8f
--- /dev/null
+++ b/scripts/locals.hson
@@ -0,0 +1,22 @@
+{
+ host: {
+ name: 'Kent C. Dodds',
+ twitter: 'kentcdodds',
+ avatar: 'kentcdodds.png'
+ },
+ panelists: [
+ {name: 'Olivier Combe', twitter: 'ocombe'},
+ {name: 'Kara Erickson', twitter: 'karaforthewin'},
+ {name: 'Aimee Knight', twitter: 'Aimee_Knight'},
+ {name: 'Scott Moss', twitter: 'scotups'},
+ {name: 'Todd Motto', twitter: 'toddmotto'},
+ {name: 'Pascal Precht', twitter: 'PascalPrecht'},
+ {name: 'Carmen Popoviciu', twitter: 'CarmenPopoviciu'},
+ {name: 'Patrick Stapleton', twitter: 'gdi2290'}
+ ],
+ subscriptionIcons: [
+ {icon: 'apple', title: 'Subscribe on iTunes', link: 'https://itunes.apple.com/us/podcast/angular-air/id940806858?mt=2'},
+ {icon: 'youtube', title: 'Subscribe on YouTube', link: 'https://www.youtube.com/c/AngularAirPodcast'},
+ {icon: 'rss', title: 'Subscribe on RSS', link: 'http://angularair.podbean.com/feed/'}
+ ]
+}
diff --git a/styles.css b/styles.css
index 682b433..4d40e2d 100644
--- a/styles.css
+++ b/styles.css
@@ -1,4 +1,10 @@
-
+/*now that styles are loading, switch these*/
+.hide-without-styles.show {
+ display: block;
+}
+.show-without-styles {
+ display: none;
+}
/* phone */
@media only screen and (max-width: 767px) {
@@ -146,6 +152,7 @@
margin-top: 40px;
max-width: 400px;
margin-bottom: 40px;
+ text-align: center;
}
.group-4 {
@@ -315,3 +322,40 @@ h2 {
.no-decorate:hover {
text-decoration: none;
}
+
+/*Flex stuff*/
+
+.display-flex {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.flex-1 {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.flex-2 {
+ -webkit-box-flex: 2;
+ -webkit-flex: 2;
+ -ms-flex: 2;
+ flex: 2;
+}
+
+.flex-3 {
+ -webkit-box-flex: 3;
+ -webkit-flex: 3;
+ -ms-flex: 3;
+ flex: 3;
+}
+
+.flex-4 {
+ -webkit-box-flex: 4;
+ -webkit-flex: 4;
+ -ms-flex: 4;
+ flex: 4;
+}