diff --git a/Gruntfile.coffee b/Gruntfile.coffee index 8278ddc..18c751a 100644 --- a/Gruntfile.coffee +++ b/Gruntfile.coffee @@ -11,10 +11,12 @@ module.exports = (grunt) -> stylus: compile: - options: - paths: [ 'src/app.styl' ] - files: - 'build/app.css': 'src/app.styl' + src: [ + 'src/styles/fonts.styl' + 'src/styles/icons.styl' + 'src/styles/app.styl' + ] + dest: 'build/app.css' concat: scripts: diff --git a/README.md b/README.md index 4ebf147..f9319d3 100644 --- a/README.md +++ b/README.md @@ -1,13 +1 @@ -#deadmonton [![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/) - -Aggregate crime stats from [Edmonton Police Service](http://crimemapping.edmontonpolice.ca/) and visualize on an [OpenStreet](http://www.openstreetmap.org) map. - -![image](https://raw.github.com/radekstepan/deadmonton/master/example.png) - -Run the following to fetch data for the past 2 months or updates existing with the latest data. - -```bash -$ make fetch -``` - -Then statically serve the `public/` folder and visit it in the browser. Happy house hunting! +# burnchart \ No newline at end of file diff --git a/bower.json b/bower.json index fdc1b39..7f7cb05 100644 --- a/bower.json +++ b/bower.json @@ -8,4 +8,4 @@ "normalize-css": "2.1.3", "ractive": "~0.5.5" } -} \ No newline at end of file +} diff --git a/build/app.bundle.css b/build/app.bundle.css index c9646a0..0dca37d 100644 --- a/build/app.bundle.css +++ b/build/app.bundle.css @@ -405,3 +405,60 @@ table { border-spacing: 0; } +@font-face{font-family:'MuseoSlab500Regular';src:url("fonts/museo-slab-500.eot");src:url("fonts/museo-slab-500.eot?#iefix") format('embedded-opentype'),url("fonts/museo-slab-500.woff") format('woff'),url("fonts/museo-slab-500.ttf") format('truetype'),url("fonts/museo-slab-500.svg#MuseoSlab500Regular") format('svg');font-weight:normal;font-style:normal} +@font-face{font-family:'MuseoSans500Regular';src:url("fonts/museo-sans-500.eot");src:url("fonts/museo-sans-500.eot?#iefix") format('embedded-opentype'),url("fonts/museo-sans-500.woff") format('woff'),url("fonts/museo-sans-500.ttf") format('truetype'),url("fonts/museo-sans-500.svg#MuseoSans500Regular") format('svg');font-weight:normal;font-style:normal} +@font-face{font-family:'Fontello';src:url("fonts/fontello.eot?74672344");src:url("fonts/fontello.eot?74672344#iefix") format('embedded-opentype'),url("fonts/fontello.woff?74672344") format('woff'),url("fonts/fontello.ttf?74672344") format('truetype'),url("fonts/fontello.svg?74672344#fontello") format('svg');font-weight:normal;font-style:normal} + +.icon:before{font-family:"Fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1em} +.icon.cog:before{content:'\e800'} +.icon.search:before{content:'\e801'} +.icon.github:before{content:'\e802'} +.icon.address:before{content:'\e803'} +.icon.plus-circled:before{content:'\e804'} +.icon.fire-station:before{content:'\e805'} +.icon.sort-alphabet:before{content:'\e806'} +.icon.down-open:before{content:'\e807'} + +body{color:#3e4457;font-family:'MuseoSans500Regular',sans-serif} +a{color:#aaa;text-decoration:none} +h1,h2,h3,p{margin:0} +ul{list-style-type:none;margin:0;padding:0;} +ul li{display:inline-block} +.icon{margin-right:4px} +.wrap{width:800px;margin:0 auto} +#head{background:#252f39;color:#86939c;height:64px;} +#head h1{font-size:26px;margin:0;padding:10px 24px;line-height:44px;height:44px;background:#1c262f;display:inline-block;} +#head h1 .icon{margin:0} +#head div.search{position:relative;display:inline-block;margin:13px 0 0 20px;vertical-align:top;} +#head div.search .icon{position:absolute;color:#303d4a;top:8px;left:12px} +#head div.search input{background:#1c262f;border:0;padding:10px 12px 10px 36px;font-family:'MuseoSlab500Regular',serif;font-size:14px;-webkit-border-radius:2px;border-radius:2px;color:rgba(255,255,255,0.5);width:220px} +#head ul{display:inline-block;} +#head ul li{margin-left:30px} +#head a{font-weight:bold;} +#head a.active,#head a:hover{color:#dde1ed} +#head .right{float:right;margin-right:20px;line-height:64px} +#title{border-bottom:3px solid #f3f4f8;} +#title h2{border-bottom:3px solid #aaafbf;margin:30px 0 -3px 0;display:inline-block;padding-bottom:20px} +#title .milestone{font-size:16px;font-weight:bold;margin:0 20px} +#title .description{display:inline-block;font-family:'MuseoSlab500Regular',serif;color:#aaa} +#content{padding:20px;margin-top:20px;} +#content #hero{background:url("img/tweed.png") top left;-webkit-border-radius:2px;border-radius:2px;border:1px solid #dde1ed;margin-bottom:30px;} +#content #hero .content{-webkit-border-radius:2px;border-radius:2px;color:#fff;padding:30px;background:rgba(124,252,0,0.4);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);} +#content #hero .content h2{margin-bottom:20px;margin-left:140px} +#content #hero .content p{font-family:'MuseoSlab500Regular',serif;font-size:18px;line-height:24px;margin-left:140px} +#content #hero .content .address{font-size:120px;float:left} +#content #hero .content .cta{text-align:center;margin-top:10px;} +#content #hero .content .cta a{font-weight:bold;font-family:'MuseoSlab500Regular',serif;background:#3a591d;color:#fff;padding:10px 20px;-webkit-border-radius:2px;border-radius:2px;display:inline-block} +#content #repos{border:1px solid #cdcecf;-webkit-border-radius:2px;border-radius:2px;} +#content #repos h2{color:#3e4457;display:inline-block} +#content #repos .sort{float:right;line-height:30px} +#content #repos table{width:100%;} +#content #repos table tr td{background:#fdfdfd;padding:20px 30px;border-bottom:1px solid #eaecf2;} +#content #repos table tr td:first-child a{color:#3e4457;font-weight:bold} +#content #repos table tr:last-child td{border:0} +#content #repos .header,#content #repos .footer{padding:20px 30px} +#content #repos .header{-webkit-box-shadow:0 1px 2px rgba(221,225,237,0.5);box-shadow:0 1px 2px rgba(221,225,237,0.5);margin-bottom:2px;border-bottom:1px solid #dde1ed;} +#content #repos .header a{font-family:'MuseoSlab500Regular',serif} +#content #repos .footer{background:#f9fafb;color:#aaafbf;-webkit-box-shadow:inset 0 1px 2px rgba(221,225,237,0.2);box-shadow:inset 0 1px 2px rgba(221,225,237,0.2);border-top:1px solid #dde1ed;text-align:right;font-family:'MuseoSlab500Regular',serif;} +#content #repos .footer .icon{color:#aaafbf} +#footer{border-top:1px solid #f3f4f8;text-align:center;padding:30px;margin-top:30px;font-family:'MuseoSlab500Regular',serif} diff --git a/build/app.bundle.js b/build/app.bundle.js index aa7f750..3112861 100644 --- a/build/app.bundle.js +++ b/build/app.bundle.js @@ -29746,8 +29746,21 @@ if ( typeof window === "object" && typeof window.document === "object" ) { // app.coffee root.require.register('burnchart/src/app.js', function(exports, require, module) { - module.exports = 5; + var App; + App = Ractive.extend({ + template: require('./templates/layout'), + init: function() {} + }); + + module.exports = new App(); + + }); + + // layout.mustache + root.require.register('burnchart/src/templates/layout.js', function(exports, require, module) { + + module.exports = ["
","
"," Sign In","
","","

","","
"," "," ","
",""," ","
","","
","
","

Disposable Project

"," Milestone 1.0","

The one where we deliver all that we promised.

","
","
","","
","
","
"," ","

See your project progress

","

Not sure where to start? Just add a demo repo to see a chart. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

","
"," Add your project","
","
","
","","
","
"," Sorted by priority","

Projects

","
",""," "," "," "," "," "," "," "," "," "," "," ","
radekstepan/disposable1.0due in 5 days on track
radekstepan/burnchartMVPdue today
","","
"," Edit","
","
","
","","
","
"," © 2012-2014 Radek Stepan","
","
"].join("\n"); }); })(); diff --git a/build/app.css b/build/app.css index e69de29..a786a6b 100644 --- a/build/app.css +++ b/build/app.css @@ -0,0 +1,57 @@ +@font-face{font-family:'MuseoSlab500Regular';src:url("fonts/museo-slab-500.eot");src:url("fonts/museo-slab-500.eot?#iefix") format('embedded-opentype'),url("fonts/museo-slab-500.woff") format('woff'),url("fonts/museo-slab-500.ttf") format('truetype'),url("fonts/museo-slab-500.svg#MuseoSlab500Regular") format('svg');font-weight:normal;font-style:normal} +@font-face{font-family:'MuseoSans500Regular';src:url("fonts/museo-sans-500.eot");src:url("fonts/museo-sans-500.eot?#iefix") format('embedded-opentype'),url("fonts/museo-sans-500.woff") format('woff'),url("fonts/museo-sans-500.ttf") format('truetype'),url("fonts/museo-sans-500.svg#MuseoSans500Regular") format('svg');font-weight:normal;font-style:normal} +@font-face{font-family:'Fontello';src:url("fonts/fontello.eot?74672344");src:url("fonts/fontello.eot?74672344#iefix") format('embedded-opentype'),url("fonts/fontello.woff?74672344") format('woff'),url("fonts/fontello.ttf?74672344") format('truetype'),url("fonts/fontello.svg?74672344#fontello") format('svg');font-weight:normal;font-style:normal} + +.icon:before{font-family:"Fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1em} +.icon.cog:before{content:'\e800'} +.icon.search:before{content:'\e801'} +.icon.github:before{content:'\e802'} +.icon.address:before{content:'\e803'} +.icon.plus-circled:before{content:'\e804'} +.icon.fire-station:before{content:'\e805'} +.icon.sort-alphabet:before{content:'\e806'} +.icon.down-open:before{content:'\e807'} + +body{color:#3e4457;font-family:'MuseoSans500Regular',sans-serif} +a{color:#aaa;text-decoration:none} +h1,h2,h3,p{margin:0} +ul{list-style-type:none;margin:0;padding:0;} +ul li{display:inline-block} +.icon{margin-right:4px} +.wrap{width:800px;margin:0 auto} +#head{background:#252f39;color:#86939c;height:64px;} +#head h1{font-size:26px;margin:0;padding:10px 24px;line-height:44px;height:44px;background:#1c262f;display:inline-block;} +#head h1 .icon{margin:0} +#head div.search{position:relative;display:inline-block;margin:13px 0 0 20px;vertical-align:top;} +#head div.search .icon{position:absolute;color:#303d4a;top:8px;left:12px} +#head div.search input{background:#1c262f;border:0;padding:10px 12px 10px 36px;font-family:'MuseoSlab500Regular',serif;font-size:14px;-webkit-border-radius:2px;border-radius:2px;color:rgba(255,255,255,0.5);width:220px} +#head ul{display:inline-block;} +#head ul li{margin-left:30px} +#head a{font-weight:bold;} +#head a.active,#head a:hover{color:#dde1ed} +#head .right{float:right;margin-right:20px;line-height:64px} +#title{border-bottom:3px solid #f3f4f8;} +#title h2{border-bottom:3px solid #aaafbf;margin:30px 0 -3px 0;display:inline-block;padding-bottom:20px} +#title .milestone{font-size:16px;font-weight:bold;margin:0 20px} +#title .description{display:inline-block;font-family:'MuseoSlab500Regular',serif;color:#aaa} +#content{padding:20px;margin-top:20px;} +#content #hero{background:url("img/tweed.png") top left;-webkit-border-radius:2px;border-radius:2px;border:1px solid #dde1ed;margin-bottom:30px;} +#content #hero .content{-webkit-border-radius:2px;border-radius:2px;color:#fff;padding:30px;background:rgba(124,252,0,0.4);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);} +#content #hero .content h2{margin-bottom:20px;margin-left:140px} +#content #hero .content p{font-family:'MuseoSlab500Regular',serif;font-size:18px;line-height:24px;margin-left:140px} +#content #hero .content .address{font-size:120px;float:left} +#content #hero .content .cta{text-align:center;margin-top:10px;} +#content #hero .content .cta a{font-weight:bold;font-family:'MuseoSlab500Regular',serif;background:#3a591d;color:#fff;padding:10px 20px;-webkit-border-radius:2px;border-radius:2px;display:inline-block} +#content #repos{border:1px solid #cdcecf;-webkit-border-radius:2px;border-radius:2px;} +#content #repos h2{color:#3e4457;display:inline-block} +#content #repos .sort{float:right;line-height:30px} +#content #repos table{width:100%;} +#content #repos table tr td{background:#fdfdfd;padding:20px 30px;border-bottom:1px solid #eaecf2;} +#content #repos table tr td:first-child a{color:#3e4457;font-weight:bold} +#content #repos table tr:last-child td{border:0} +#content #repos .header,#content #repos .footer{padding:20px 30px} +#content #repos .header{-webkit-box-shadow:0 1px 2px rgba(221,225,237,0.5);box-shadow:0 1px 2px rgba(221,225,237,0.5);margin-bottom:2px;border-bottom:1px solid #dde1ed;} +#content #repos .header a{font-family:'MuseoSlab500Regular',serif} +#content #repos .footer{background:#f9fafb;color:#aaafbf;-webkit-box-shadow:inset 0 1px 2px rgba(221,225,237,0.2);box-shadow:inset 0 1px 2px rgba(221,225,237,0.2);border-top:1px solid #dde1ed;text-align:right;font-family:'MuseoSlab500Regular',serif;} +#content #repos .footer .icon{color:#aaafbf} +#footer{border-top:1px solid #f3f4f8;text-align:center;padding:30px;margin-top:30px;font-family:'MuseoSlab500Regular',serif} diff --git a/build/app.js b/build/app.js index 5d3724c..08582fc 100644 --- a/build/app.js +++ b/build/app.js @@ -212,8 +212,21 @@ // app.coffee root.require.register('burnchart/src/app.js', function(exports, require, module) { - module.exports = 5; + var App; + App = Ractive.extend({ + template: require('./templates/layout'), + init: function() {} + }); + + module.exports = new App(); + + }); + + // layout.mustache + root.require.register('burnchart/src/templates/layout.js', function(exports, require, module) { + + module.exports = ["
","
"," Sign In","
","","

","","
"," "," ","
",""," ","
","","
","
","

Disposable Project

"," Milestone 1.0","

The one where we deliver all that we promised.

","
","
","","
","
","
"," ","

See your project progress

","

Not sure where to start? Just add a demo repo to see a chart. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

","
"," Add your project","
","
","
","","
","
"," Sorted by priority","

Projects

","
",""," "," "," "," "," "," "," "," "," "," "," ","
radekstepan/disposable1.0due in 5 days on track
radekstepan/burnchartMVPdue today
","","
"," Edit","
","
","
","","
","
"," © 2012-2014 Radek Stepan","
","
"].join("\n"); }); })(); diff --git a/public/fonts/fontello.eot b/public/fonts/fontello.eot new file mode 100644 index 0000000..a31aeb7 Binary files /dev/null and b/public/fonts/fontello.eot differ diff --git a/public/fonts/fontello.svg b/public/fonts/fontello.svg new file mode 100644 index 0000000..7cb5d7f --- /dev/null +++ b/public/fonts/fontello.svg @@ -0,0 +1,17 @@ + + + +Copyright (C) 2014 by original authors @ fontello.com + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/fonts/fontello.ttf b/public/fonts/fontello.ttf new file mode 100644 index 0000000..2067789 Binary files /dev/null and b/public/fonts/fontello.ttf differ diff --git a/public/fonts/fontello.woff b/public/fonts/fontello.woff new file mode 100644 index 0000000..6a337b5 Binary files /dev/null and b/public/fonts/fontello.woff differ diff --git a/public/fonts/museo-sans-500.eot b/public/fonts/museo-sans-500.eot new file mode 100644 index 0000000..fdadd5e Binary files /dev/null and b/public/fonts/museo-sans-500.eot differ diff --git a/public/fonts/museo-sans-500.otf b/public/fonts/museo-sans-500.otf new file mode 100644 index 0000000..e5e860a Binary files /dev/null and b/public/fonts/museo-sans-500.otf differ diff --git a/public/fonts/museo-sans-500.svg b/public/fonts/museo-sans-500.svg new file mode 100644 index 0000000..46a5b77 --- /dev/null +++ b/public/fonts/museo-sans-500.svg @@ -0,0 +1,225 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/fonts/museo-sans-500.ttf b/public/fonts/museo-sans-500.ttf new file mode 100644 index 0000000..620089a Binary files /dev/null and b/public/fonts/museo-sans-500.ttf differ diff --git a/public/fonts/museo-sans-500.woff b/public/fonts/museo-sans-500.woff new file mode 100644 index 0000000..5805735 Binary files /dev/null and b/public/fonts/museo-sans-500.woff differ diff --git a/public/fonts/museo-slab-500.eot b/public/fonts/museo-slab-500.eot new file mode 100644 index 0000000..a173bf5 Binary files /dev/null and b/public/fonts/museo-slab-500.eot differ diff --git a/public/fonts/museo-slab-500.otf b/public/fonts/museo-slab-500.otf new file mode 100644 index 0000000..84ceaca Binary files /dev/null and b/public/fonts/museo-slab-500.otf differ diff --git a/public/fonts/museo-slab-500.svg b/public/fonts/museo-slab-500.svg new file mode 100644 index 0000000..72e5df7 --- /dev/null +++ b/public/fonts/museo-slab-500.svg @@ -0,0 +1,225 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/fonts/museo-slab-500.ttf b/public/fonts/museo-slab-500.ttf new file mode 100644 index 0000000..bf31919 Binary files /dev/null and b/public/fonts/museo-slab-500.ttf differ diff --git a/public/fonts/museo-slab-500.woff b/public/fonts/museo-slab-500.woff new file mode 100644 index 0000000..c8a9457 Binary files /dev/null and b/public/fonts/museo-slab-500.woff differ diff --git a/public/img/noisy.png b/public/img/noisy.png new file mode 100644 index 0000000..8aa2f7a Binary files /dev/null and b/public/img/noisy.png differ diff --git a/public/img/tweed.png b/public/img/tweed.png new file mode 100644 index 0000000..fc03711 Binary files /dev/null and b/public/img/tweed.png differ diff --git a/public/index.html b/public/index.html index 9e115cd..d4456c4 100644 --- a/public/index.html +++ b/public/index.html @@ -9,7 +9,7 @@ diff --git a/src/app.coffee b/src/app.coffee index fdfb81a..6db2208 100644 --- a/src/app.coffee +++ b/src/app.coffee @@ -1 +1,7 @@ -module.exports = 5 \ No newline at end of file +App = Ractive.extend + + template: require './templates/layout' + + init: -> + +module.exports = new App() \ No newline at end of file diff --git a/src/app.styl b/src/app.styl deleted file mode 100644 index e69de29..0000000 diff --git a/src/styles/app.styl b/src/styles/app.styl new file mode 100644 index 0000000..704f686 --- /dev/null +++ b/src/styles/app.styl @@ -0,0 +1,208 @@ +@import 'nib' + +$serif_font = 'MuseoSlab500Regular', serif // 'SinaNova-RegularRegular', serif +$sans_serif_font = 'MuseoSans500Regular', sans-serif + +body + color: #3E4457 + font-family: $sans_serif_font + +a + color: #AAAAAA + text-decoration: none + +h1, h2, h3, p + margin: 0 + +ul + list-style-type: none + margin: 0 + padding: 0 + + li + display: inline-block + +.icon + margin-right: 4px + +.wrap + width: 800px + margin: 0 auto + +#head + background: #252F39 + color: #86939C + height: 64px + + h1 + font-size: 26px + margin: 0 + padding: 10px 24px + line-height: 44px + height: 44px + background: #1C262F + display: inline-block + + .icon + margin: 0 + + div.search + position: relative + display: inline-block + margin: 13px 0 0 20px + vertical-align: top + + .icon + position: absolute + color: #303D4A + top: 8px + left: 12px + + input + background: #1C262F + border: 0 + padding: 10px 12px 10px 36px + font-family: $serif_font + font-size: 14px + border-radius: 2px + color: rgba(#FFF, 50%) + width: 220px + + ul + display: inline-block + + li + margin-left: 30px + + a + font-weight: bold + + &.active, &:hover + color: #DDE1ED + + .right + float: right + margin-right: 20px + line-height: 64px + +#title + border-bottom: 3px solid #F3F4F8 + + h2 + border-bottom: 3px solid #AAAFBF + margin: 30px 0 -3px 0 + display: inline-block + padding-bottom: 20px + + .milestone + font-size: 16px + font-weight: bold + margin: 0 20px + + .description + display: inline-block + font-family: $serif_font + color: #AAAAAA + +#content + padding: 20px + margin-top: 20px + + #hero + background: url('img/tweed.png') top left + border-radius: 2px + border: 1px solid #DDE1ED + margin-bottom: 30px + + .content + border-radius: 2px + color: #FFF + padding: 30px + background: rgba(lawngreen, 40%) + box-shadow: inset 0 1px 2px rgba(#000, 20%) + + h2 + margin-bottom: 20px + margin-left: 140px + + p + font-family: $serif_font + font-size: 18px + line-height: 24px + margin-left: 140px + + .address + font-size: 120px + float: left + + .cta + text-align: center + margin-top: 10px + + a + font-weight: bold + font-family: $serif_font + background: darken(#619530, 40%) + color: #FFF + padding: 10px 20px + border-radius: 2px + display: inline-block + + #repos + border: 1px solid #CDCECF + border-radius: 2px + + h2 + color: #3E4457 + display: inline-block + + .sort + float: right + line-height: 30px + + table + width: 100% + + tr + td + background: lighten(#FCFCFC, 30%) + padding: 20px 30px + border-bottom: 1px solid #EAECF2 + + &:first-child + a + color: #3E4457 + font-weight: bold + + &:last-child + td + border: 0 + + .header, .footer + padding: 20px 30px + + .header + box-shadow: 0 1px 2px rgba(#DDE1ED, 50%) + margin-bottom: 2px + border-bottom: 1px solid #DDE1ED + + a + font-family: $serif_font + + .footer + background: #F9FAFB + color: #AAAFBF + box-shadow: inset 0 1px 2px rgba(#DDE1ED, 20%) + border-top: 1px solid #DDE1ED + text-align: right + font-family: $serif_font + + .icon + color: #AAAFBF + +#footer + border-top: 1px solid #F3F4F8 + text-align: center + padding: 30px + margin-top: 30px + font-family: $serif_font \ No newline at end of file diff --git a/src/styles/fonts.styl b/src/styles/fonts.styl new file mode 100644 index 0000000..10db769 --- /dev/null +++ b/src/styles/fonts.styl @@ -0,0 +1,32 @@ +@font-face { + font-family: 'MuseoSlab500Regular'; + src: url('fonts/museo-slab-500.eot'); + src: url('fonts/museo-slab-500.eot?#iefix') format('embedded-opentype'), + url('fonts/museo-slab-500.woff') format('woff'), + url('fonts/museo-slab-500.ttf') format('truetype'), + url('fonts/museo-slab-500.svg#MuseoSlab500Regular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'MuseoSans500Regular'; + src: url('fonts/museo-sans-500.eot'); + src: url('fonts/museo-sans-500.eot?#iefix') format('embedded-opentype'), + url('fonts/museo-sans-500.woff') format('woff'), + url('fonts/museo-sans-500.ttf') format('truetype'), + url('fonts/museo-sans-500.svg#MuseoSans500Regular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Fontello'; + src: url('fonts/fontello.eot?74672344'); + src: url('fonts/fontello.eot?74672344#iefix') format('embedded-opentype'), + url('fonts/fontello.woff?74672344') format('woff'), + url('fonts/fontello.ttf?74672344') format('truetype'), + url('fonts/fontello.svg?74672344#fontello') format('svg'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/src/styles/icons.styl b/src/styles/icons.styl new file mode 100644 index 0000000..7be1ddf --- /dev/null +++ b/src/styles/icons.styl @@ -0,0 +1,49 @@ +.icon + &:before + font-family: "Fontello" + font-style: normal + font-weight: normal + speak: none + + display: inline-block + text-decoration: inherit + text-align: center + + /* For safety - reset parent styles, that can break glyph codes */ + font-variant: normal + text-transform: none + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em + + &.cog + &:before + content: '\e800' + + &.search + &:before + content: '\e801' + + &.github + &:before + content: '\e802' + + &.address + &:before + content: '\e803' + + &.plus-circled + &:before + content: '\e804' + + &.fire-station + &:before + content: '\e805' + + &.sort-alphabet + &:before + content: '\e806' + + &.down-open + &:before + content: '\e807' \ No newline at end of file diff --git a/src/templates/layout.mustache b/src/templates/layout.mustache new file mode 100644 index 0000000..fc9d277 --- /dev/null +++ b/src/templates/layout.mustache @@ -0,0 +1,68 @@ + + +
+
+

Disposable Project

+ Milestone 1.0 +

The one where we deliver all that we promised.

+
+
+ +
+
+
+ +

See your project progress

+

Not sure where to start? Just add a demo repo to see a chart. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

+
+ Add your project +
+
+
+ +
+
+ Sorted by priority +

Projects

+
+ + + + + + + + + + + + +
radekstepan/disposable1.0due in 5 days on track
radekstepan/burnchartMVPdue today
+ +
+ Edit +
+
+
+ + \ No newline at end of file