diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index 5008ddf..0000000 Binary files a/.DS_Store and /dev/null differ diff --git a/.gitignore b/.gitignore index 496ee2c..88b2b95 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,4 @@ -.DS_Store \ No newline at end of file +.DS_Store +.sass-cache +_site +node_modules diff --git a/.gitignore~ b/.gitignore~ new file mode 100644 index 0000000..e7bfdf2 --- /dev/null +++ b/.gitignore~ @@ -0,0 +1,3 @@ +.sass-cache +_site +node_modules \ No newline at end of file diff --git a/_data/members.yml b/_data/members.yml index 53c00f7..3fa7e07 100644 --- a/_data/members.yml +++ b/_data/members.yml @@ -32,7 +32,7 @@ twitter: schoenwaldnils url: schoenwald-media.de github: schoenwaldnils - codepen: nschoenwald + codepen: schoenwaldnils gravatar: http://www.gravatar.com/avatar/ddd025871fb3f8225031a011d5d7b08c?s=200 - name: Olly @@ -47,7 +47,7 @@ url: myxotod.de github: myxotod codepen: MyXoToD - gravatar: + gravatar: http://www.gravatar.com/avatar/a284083f6f4f9446723adf3b97b90151?s=200 - name: Luky twitter: LukyVj diff --git a/_includes/header.html b/_includes/header.html index ddc5796..6969dba 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -3,7 +3,9 @@ {% if page.title %} {{ page.title }} – {% endif %} bullgit - serving finest shit since 2013 - + + +
diff --git a/_layouts/blog.html b/_layouts/blog.html new file mode 100644 index 0000000..b2bdd9b --- /dev/null +++ b/_layouts/blog.html @@ -0,0 +1,12 @@ +{% include header.html %} + +
+ {% for post in site.posts %} + + {% endfor %} +
+ +{% include footer.html %} \ No newline at end of file diff --git a/_layouts/front-page.html b/_layouts/front-page.html index 09958e8..7290d18 100644 --- a/_layouts/front-page.html +++ b/_layouts/front-page.html @@ -1,14 +1,15 @@ {% include header.html %} -
+
-
-
-
-
+
+
+ +
+
{% include footer.html %} \ No newline at end of file diff --git a/_posts/2013-12-20-test-post.md b/_posts/2013-12-20-test-post.md new file mode 100644 index 0000000..1a47c3a --- /dev/null +++ b/_posts/2013-12-20-test-post.md @@ -0,0 +1,7 @@ +--- +layout: blog +title: test +author: Kevin +--- + +Some Content \ No newline at end of file diff --git a/_site/Gruntfile.js b/_site/Gruntfile.js new file mode 100644 index 0000000..1224ef7 --- /dev/null +++ b/_site/Gruntfile.js @@ -0,0 +1,30 @@ +module.exports = function(grunt) { + + grunt.initConfig({ + pkg: grunt.file.readJSON('package.json'), + + watch: { + css: { + files: 'assets/css/*.scss', + task: 'sass' + }, + }, + + sass: { + dist: { + options: { + watch: true, + style: 'expanded' + }, + files: { + 'assets/css/style.scss': 'assets/css/style.css' + } + } + } + }); + + grunt.loadNpmTasks('grunt-contrib-sass'); + grunt.loadNpmTasks('grunt-contrib-watch'); + + grunt.registerTask('default', ['sass','watch']); +}; \ No newline at end of file diff --git a/_site/assets/css/font/genericons/genericons-regular-webfont.eot b/_site/assets/css/font/genericons/genericons-regular-webfont.eot new file mode 100644 index 0000000..6e71567 Binary files /dev/null and b/_site/assets/css/font/genericons/genericons-regular-webfont.eot differ diff --git a/_site/assets/css/font/genericons/genericons-regular-webfont.svg b/_site/assets/css/font/genericons/genericons-regular-webfont.svg new file mode 100644 index 0000000..d9f0c82 --- /dev/null +++ b/_site/assets/css/font/genericons/genericons-regular-webfont.svg @@ -0,0 +1,133 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/_site/assets/css/font/genericons/genericons-regular-webfont.ttf b/_site/assets/css/font/genericons/genericons-regular-webfont.ttf new file mode 100644 index 0000000..7be71af Binary files /dev/null and b/_site/assets/css/font/genericons/genericons-regular-webfont.ttf differ diff --git a/_site/assets/css/font/genericons/genericons-regular-webfont.woff b/_site/assets/css/font/genericons/genericons-regular-webfont.woff new file mode 100644 index 0000000..4d72659 Binary files /dev/null and b/_site/assets/css/font/genericons/genericons-regular-webfont.woff differ diff --git a/_site/assets/css/font/genericons/genericons.css b/_site/assets/css/font/genericons/genericons.css new file mode 100644 index 0000000..8ff81df --- /dev/null +++ b/_site/assets/css/font/genericons/genericons.css @@ -0,0 +1,194 @@ +/** + + Genericons Helper CSS + +*/ + + +/** + * The font was graciously generated by Font Squirrel (http://www.fontsquirrel.com). We love those guys. + */ + +@font-face { + font-family: 'Genericons'; + src: url('font/genericons-regular-webfont.eot'); +} + +@font-face { + font-family: 'Genericons'; + src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'), + url('font/genericons-regular-webfont.ttf') format('truetype'), + url('font/genericons-regular-webfont.svg#genericonsregular') format('svg'); + font-weight: normal; + font-style: normal; +} + + +/** + * All Genericons + */ + +[class*="genericon-"] { + display: inline-block; + width: 16px; + height: 16px; + -webkit-font-smoothing: antialiased; + font-size: 16px; + line-height: 1; + font-family: 'Genericons'; + text-decoration: inherit; + font-weight: normal; + font-style: normal; + vertical-align: top; +} + +/** + * IE7 and IE6 hacks + */ + +[class*="genericon-"] { + *overflow: auto; + *zoom: 1; + *display: inline; +} + +/** + * Individual icons + */ + +/* Post formats */ +.genericon-standard:before { content: '\f100'; } +.genericon-aside:before { content: '\f101'; } +.genericon-image:before { content: '\f102'; } +.genericon-gallery:before { content: '\f103'; } +.genericon-video:before { content: '\f104'; } +.genericon-status:before { content: '\f105'; } +.genericon-quote:before { content: '\f106'; } +.genericon-link:before { content: '\f107'; } +.genericon-chat:before { content: '\f108'; } +.genericon-audio:before { content: '\f109'; } + +/* Social icons */ +.genericon-github:before { content: '\f200'; } +.genericon-dribbble:before { content: '\f201'; } +.genericon-twitter:before { content: '\f202'; } +.genericon-facebook:before { content: '\f203'; } +.genericon-facebook-alt:before { content: '\f204'; } +.genericon-wordpress:before { content: '\f205'; } +.genericon-googleplus:before { content: '\f206'; } +.genericon-linkedin:before { content: '\f207'; } +.genericon-linkedin-alt:before { content: '\f208'; } +.genericon-pinterest:before { content: '\f209'; } +.genericon-pinterest-alt:before { content: '\f210'; } +.genericon-flickr:before { content: '\f211'; } +.genericon-vimeo:before { content: '\f212'; } +.genericon-youtube:before { content: '\f213'; } +.genericon-tumblr:before { content: '\f214'; } +.genericon-instagram:before { content: '\f215'; } +.genericon-codepen:before { content: '\f216'; } +.genericon-polldaddy:before { content: '\f217'; } +.genericon-googleplus-alt:before { content: '\f218'; } +.genericon-path:before { content: '\f219'; } +.genericon-skype:before { content: '\f220'; } +.genericon-digg:before { content: '\f221'; } +.genericon-reddit:before { content: '\f222'; } +.genericon-stumbleupon:before { content: '\f223'; } +.genericon-pocket:before { content: '\f224'; } + +/* Meta icons */ +.genericon-comment:before { content: '\f300'; } +.genericon-category:before { content: '\f301'; } +.genericon-tag:before { content: '\f302'; } +.genericon-time:before { content: '\f303'; } +.genericon-user:before { content: '\f304'; } +.genericon-day:before { content: '\f305'; } +.genericon-week:before { content: '\f306'; } +.genericon-month:before { content: '\f307'; } +.genericon-pinned:before { content: '\f308'; } + +/* Other icons */ +.genericon-search:before { content: '\f400'; } +.genericon-unzoom:before { content: '\f401'; } +.genericon-zoom:before { content: '\f402'; } +.genericon-show:before { content: '\f403'; } +.genericon-hide:before { content: '\f404'; } +.genericon-close:before { content: '\f405'; } +.genericon-close-alt:before { content: '\f406'; } +.genericon-trash:before { content: '\f407'; } +.genericon-star:before { content: '\f408'; } +.genericon-home:before { content: '\f409'; } +.genericon-mail:before { content: '\f410'; } +.genericon-edit:before { content: '\f411'; } +.genericon-reply:before { content: '\f412'; } +.genericon-feed:before { content: '\f413'; } +.genericon-warning:before { content: '\f414'; } +.genericon-share:before { content: '\f415'; } +.genericon-attachment:before { content: '\f416'; } +.genericon-location:before { content: '\f417'; } +.genericon-checkmark:before { content: '\f418'; } +.genericon-menu:before { content: '\f419'; } +.genericon-refresh:before { content: '\f420'; } +.genericon-minimize:before { content: '\f421'; } +.genericon-maximize:before { content: '\f422'; } +.genericon-404:before { content: '\f423'; } +.genericon-spam:before { content: '\f424'; } +.genericon-summary:before { content: '\f425'; } +.genericon-cloud:before { content: '\f426'; } +.genericon-key:before { content: '\f427'; } +.genericon-dot:before { content: '\f428'; } +.genericon-next:before { content: '\f429'; } +.genericon-previous:before { content: '\f430'; } +.genericon-expand:before { content: '\f431'; } +.genericon-collapse:before { content: '\f432'; } +.genericon-dropdown:before { content: '\f433'; } +.genericon-dropdown-left:before { content: '\f434'; } +.genericon-top:before { content: '\f435'; } +.genericon-draggable:before { content: '\f436'; } +.genericon-phone:before { content: '\f437'; } +.genericon-send-to-phone:before { content: '\f438'; } +.genericon-plugin:before { content: '\f439'; } +.genericon-cloud-download:before { content: '\f440'; } +.genericon-cloud-upload:before { content: '\f441'; } +.genericon-external:before { content: '\f442'; } +.genericon-document:before { content: '\f443'; } +.genericon-book:before { content: '\f444'; } +.genericon-cog:before { content: '\f445'; } +.genericon-unapprove:before { content: '\f446'; } +.genericon-cart:before { content: '\f447'; } +.genericon-pause:before { content: '\f448'; } +.genericon-stop:before { content: '\f449'; } +.genericon-skip-back:before { content: '\f450'; } +.genericon-skip-ahead:before { content: '\f451'; } +.genericon-play:before { content: '\f452'; } +.genericon-tablet:before { content: '\f453'; } +.genericon-send-to-tablet:before { content: '\f454'; } +.genericon-info:before { content: '\f455'; } +.genericon-notice:before { content: '\f456'; } +.genericon-help:before { content: '\f457'; } +.genericon-fastforward:before { content: '\f458'; } +.genericon-rewind:before { content: '\f459'; } +.genericon-portfolio:before { content: '\f460'; } +.genericon-heart:before { content: '\f461'; } +.genericon-code:before { content: '\f462'; } +.genericon-subscribe:before { content: '\f463'; } +.genericon-unsubscribe:before { content: '\f464'; } +.genericon-subscribed:before { content: '\f465'; } +.genericon-reply-alt:before { content: '\f466'; } +.genericon-reply-single:before { content: '\f467'; } +.genericon-flag:before { content: '\f468'; } +.genericon-print:before { content: '\f469'; } +.genericon-lock:before { content: '\f470'; } +.genericon-bold:before { content: '\f471'; } +.genericon-italic:before { content: '\f472'; } +.genericon-picture:before { content: '\f473'; } + +/* Generic shapes */ +.genericon-uparrow:before { content: '\f500'; } +.genericon-rightarrow:before { content: '\f501'; } +.genericon-downarrow:before { content: '\f502'; } +.genericon-leftarrow:before { content: '\f503'; } + + + + + diff --git a/_site/assets/css/style.css b/_site/assets/css/style.css new file mode 100644 index 0000000..29abbd0 --- /dev/null +++ b/_site/assets/css/style.css @@ -0,0 +1,1030 @@ +@import url(font/genericons/genericons.css); +/** + * bullgrid + * + * A grid based on the ideas of inuit.css gridsystem. + * + * + * @TODO [TimPietrusky] - center vertically / center horizontally + * @TODO [TimPietrusky] - Should we add support for IE <= 7? + * + * + */ +/** + * Fluid and nestable grid system, e.g.: + * +
+ +
+

One third grid

+
+ +
+

Two thirds grid

+
+ +
+

One half grid

+
+ +
+

One quarter grid

+
+ +
+

One quarter grid

+
+ +
+ + */ +/** + * Default spacing + */ +/** + * Micro clearfix. + */ +/* line 68, components/_bullgrid.scss */ +.cf:after, .gw:after, .site--header:after, .projects--wrap:after { + content: ""; + display: table; + clear: both; +} + +/** + * Grid wrapper + */ +/* line 82, components/_bullgrid.scss */ +.gw { + /** + * Negative margin to negate the padding on the first grid child. + */ + margin-left: -1em; + /** + * The following declarations allow us to use the `.gw` class on lists. + */ + list-style: none; + margin-bottom: 0; +} +@media all and (max-width: 50em) { + /* line 82, components/_bullgrid.scss */ + .gw { + margin-left: -0.5em; + } +} + +/** + * Reverse grid order + * +
+ +
+

Appears on the right

+
+ +
+

Appears on the left

+
+ +
+ * + */ +/* line 121, components/_bullgrid.scss */ +.gw--rev > .g { + float: right; +} + +/** + * Very infrequently occuring grid wrappers as children of grid wrappers. + */ +/* line 132, components/_bullgrid.scss */ +.gw > .gw { + margin-left: 0; +} + +/** + * Grid + * + */ +/* line 144, components/_bullgrid.scss */ +.g { + float: left; + padding-left: 1em; +} +@media all and (max-width: 50em) { + /* line 144, components/_bullgrid.scss */ + .g { + padding-left: 0.5em; + } +} + +/** + * + * Sizes in human readable format. + * + */ +/** + * + * @TODO [TimPietruky] - Do we really need this? + * + */ +/* + * Hidden + */ +/* line 169, components/_bullgrid.scss */ +.hidden { + display: none; +} + +/** + * Whole + */ +/* line 180, components/_bullgrid.scss */ +.one-whole { + width: 100%; +} + +/** + * Halves + */ +/* line 191, components/_bullgrid.scss */ +.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths { + width: 50%; +} + +/** + * Thirds + */ +/* line 202, components/_bullgrid.scss */ +.one-third, .two-sixths, .four-twelfths { + width: 33.333%; +} + +/* line 205, components/_bullgrid.scss */ +.two-thirds, .four-sixths, .eight-twelfths { + width: 66.666%; +} + +/** + * Quarters + */ +/* line 216, components/_bullgrid.scss */ +.one-quarter, .two-eighths, .three-twelfths { + width: 25%; +} + +/* line 222, components/_bullgrid.scss */ +.three-quarters, .six-eighths, .nine-twelfths { + width: 75%; +} + +/** + * Fifths + */ +/* line 233, components/_bullgrid.scss */ +.one-fifth, .two-tenths { + width: 20%; +} + +/* line 236, components/_bullgrid.scss */ +.two-fifths, .four-tenths { + width: 40%; +} + +/* line 239, components/_bullgrid.scss */ +.three-fifths, .six-tenths { + width: 60%; +} + +/* line 242, components/_bullgrid.scss */ +.four-fifths, .eight-tenths { + width: 80%; +} + +/** + * Sixths + */ +/* line 253, components/_bullgrid.scss */ +.one-sixth, .two-twelfths { + width: 16.666%; +} + +/* line 265, components/_bullgrid.scss */ +.five-sixths, .ten-twelfths { + width: 83.333%; +} + +/** + * Eighths + */ +/* line 276, components/_bullgrid.scss */ +.one-eighth { + width: 12.5%; +} + +/* line 282, components/_bullgrid.scss */ +.three-eighths { + width: 37.5%; +} + +/* line 288, components/_bullgrid.scss */ +.five-eighths { + width: 62.5%; +} + +/* line 294, components/_bullgrid.scss */ +.seven-eighths { + width: 87.5%; +} + +/** + * Tenths + */ +/* line 305, components/_bullgrid.scss */ +.one-tenth { + width: 10%; +} + +/* line 311, components/_bullgrid.scss */ +.three-tenths { + width: 30%; +} + +/* line 323, components/_bullgrid.scss */ +.seven-tenths { + width: 70%; +} + +/* line 329, components/_bullgrid.scss */ +.nine-tenths { + width: 90%; +} + +/** + * Twelfths + */ +/* line 340, components/_bullgrid.scss */ +.one-twelfth { + width: 8.333%; +} + +/* line 352, components/_bullgrid.scss */ +.five-twelfths { + width: 41.666%; +} + +/* line 358, components/_bullgrid.scss */ +.seven-twelfths { + width: 58.333%; +} + +/* line 370, components/_bullgrid.scss */ +.eleven-twelfths { + width: 91.666%; +} + +/** + * Create the grids for different devices. + */ +@media all and (min-width: 80em) { + /* + * Hidden + */ + /* line 169, components/_bullgrid.scss */ + .large-hidden { + display: none; + } + + /** + * Whole + */ + /* line 180, components/_bullgrid.scss */ + .large-one-whole { + width: 100%; + } + + /** + * Halves + */ + /* line 191, components/_bullgrid.scss */ + .large-one-half, .large-two-quarters, .large-three-sixths, .large-four-eighths, .large-five-tenths, .large-six-twelfths { + width: 50%; + } + + /** + * Thirds + */ + /* line 202, components/_bullgrid.scss */ + .large-one-third, .large-two-sixths, .large-four-twelfths { + width: 33.333%; + } + + /* line 205, components/_bullgrid.scss */ + .large-two-thirds, .large-four-sixths, .large-eight-twelfths { + width: 66.666%; + } + + /** + * Quarters + */ + /* line 216, components/_bullgrid.scss */ + .large-one-quarter, .large-two-eighths, .large-three-twelfths { + width: 25%; + } + + /* line 222, components/_bullgrid.scss */ + .large-three-quarters, .large-six-eighths, .large-nine-twelfths { + width: 75%; + } + + /** + * Fifths + */ + /* line 233, components/_bullgrid.scss */ + .large-one-fifth, .large-two-tenths { + width: 20%; + } + + /* line 236, components/_bullgrid.scss */ + .large-two-fifths, .large-four-tenths { + width: 40%; + } + + /* line 239, components/_bullgrid.scss */ + .large-three-fifths, .large-six-tenths { + width: 60%; + } + + /* line 242, components/_bullgrid.scss */ + .large-four-fifths, .large-eight-tenths { + width: 80%; + } + + /** + * Sixths + */ + /* line 253, components/_bullgrid.scss */ + .large-one-sixth, .large-two-twelfths { + width: 16.666%; + } + + /* line 265, components/_bullgrid.scss */ + .large-five-sixths, .large-ten-twelfths { + width: 83.333%; + } + + /** + * Eighths + */ + /* line 276, components/_bullgrid.scss */ + .large-one-eighth { + width: 12.5%; + } + + /* line 282, components/_bullgrid.scss */ + .large-three-eighths { + width: 37.5%; + } + + /* line 288, components/_bullgrid.scss */ + .large-five-eighths { + width: 62.5%; + } + + /* line 294, components/_bullgrid.scss */ + .large-seven-eighths { + width: 87.5%; + } + + /** + * Tenths + */ + /* line 305, components/_bullgrid.scss */ + .large-one-tenth { + width: 10%; + } + + /* line 311, components/_bullgrid.scss */ + .large-three-tenths { + width: 30%; + } + + /* line 323, components/_bullgrid.scss */ + .large-seven-tenths { + width: 70%; + } + + /* line 329, components/_bullgrid.scss */ + .large-nine-tenths { + width: 90%; + } + + /** + * Twelfths + */ + /* line 340, components/_bullgrid.scss */ + .large-one-twelfth { + width: 8.333%; + } + + /* line 352, components/_bullgrid.scss */ + .large-five-twelfths { + width: 41.666%; + } + + /* line 358, components/_bullgrid.scss */ + .large-seven-twelfths { + width: 58.333%; + } + + /* line 370, components/_bullgrid.scss */ + .large-eleven-twelfths { + width: 91.666%; + } +} +@media all and (max-width: 50em) { + /* + * Hidden + */ + /* line 169, components/_bullgrid.scss */ + .medium-hidden { + display: none; + } + + /** + * Whole + */ + /* line 180, components/_bullgrid.scss */ + .medium-one-whole { + width: 100%; + } + + /** + * Halves + */ + /* line 191, components/_bullgrid.scss */ + .medium-one-half, .medium-two-quarters, .medium-three-sixths, .medium-four-eighths, .medium-five-tenths, .medium-six-twelfths { + width: 50%; + } + + /** + * Thirds + */ + /* line 202, components/_bullgrid.scss */ + .medium-one-third, .medium-two-sixths, .medium-four-twelfths { + width: 33.333%; + } + + /* line 205, components/_bullgrid.scss */ + .medium-two-thirds, .medium-four-sixths, .medium-eight-twelfths { + width: 66.666%; + } + + /** + * Quarters + */ + /* line 216, components/_bullgrid.scss */ + .medium-one-quarter, .medium-two-eighths, .medium-three-twelfths { + width: 25%; + } + + /* line 222, components/_bullgrid.scss */ + .medium-three-quarters, .medium-six-eighths, .medium-nine-twelfths { + width: 75%; + } + + /** + * Fifths + */ + /* line 233, components/_bullgrid.scss */ + .medium-one-fifth, .medium-two-tenths { + width: 20%; + } + + /* line 236, components/_bullgrid.scss */ + .medium-two-fifths, .medium-four-tenths { + width: 40%; + } + + /* line 239, components/_bullgrid.scss */ + .medium-three-fifths, .medium-six-tenths { + width: 60%; + } + + /* line 242, components/_bullgrid.scss */ + .medium-four-fifths, .medium-eight-tenths { + width: 80%; + } + + /** + * Sixths + */ + /* line 253, components/_bullgrid.scss */ + .medium-one-sixth, .medium-two-twelfths { + width: 16.666%; + } + + /* line 265, components/_bullgrid.scss */ + .medium-five-sixths, .medium-ten-twelfths { + width: 83.333%; + } + + /** + * Eighths + */ + /* line 276, components/_bullgrid.scss */ + .medium-one-eighth { + width: 12.5%; + } + + /* line 282, components/_bullgrid.scss */ + .medium-three-eighths { + width: 37.5%; + } + + /* line 288, components/_bullgrid.scss */ + .medium-five-eighths { + width: 62.5%; + } + + /* line 294, components/_bullgrid.scss */ + .medium-seven-eighths { + width: 87.5%; + } + + /** + * Tenths + */ + /* line 305, components/_bullgrid.scss */ + .medium-one-tenth { + width: 10%; + } + + /* line 311, components/_bullgrid.scss */ + .medium-three-tenths { + width: 30%; + } + + /* line 323, components/_bullgrid.scss */ + .medium-seven-tenths { + width: 70%; + } + + /* line 329, components/_bullgrid.scss */ + .medium-nine-tenths { + width: 90%; + } + + /** + * Twelfths + */ + /* line 340, components/_bullgrid.scss */ + .medium-one-twelfth { + width: 8.333%; + } + + /* line 352, components/_bullgrid.scss */ + .medium-five-twelfths { + width: 41.666%; + } + + /* line 358, components/_bullgrid.scss */ + .medium-seven-twelfths { + width: 58.333%; + } + + /* line 370, components/_bullgrid.scss */ + .medium-eleven-twelfths { + width: 91.666%; + } +} +@media all and (max-width: 30em) { + /* + * Hidden + */ + /* line 169, components/_bullgrid.scss */ + .small-hidden { + display: none; + } + + /** + * Whole + */ + /* line 180, components/_bullgrid.scss */ + .small-one-whole { + width: 100%; + } + + /** + * Halves + */ + /* line 191, components/_bullgrid.scss */ + .small-one-half, .small-two-quarters, .small-three-sixths, .small-four-eighths, .small-five-tenths, .small-six-twelfths { + width: 50%; + } + + /** + * Thirds + */ + /* line 202, components/_bullgrid.scss */ + .small-one-third, .small-two-sixths, .small-four-twelfths { + width: 33.333%; + } + + /* line 205, components/_bullgrid.scss */ + .small-two-thirds, .small-four-sixths, .small-eight-twelfths { + width: 66.666%; + } + + /** + * Quarters + */ + /* line 216, components/_bullgrid.scss */ + .small-one-quarter, .small-two-eighths, .small-three-twelfths { + width: 25%; + } + + /* line 222, components/_bullgrid.scss */ + .small-three-quarters, .small-six-eighths, .small-nine-twelfths { + width: 75%; + } + + /** + * Fifths + */ + /* line 233, components/_bullgrid.scss */ + .small-one-fifth, .small-two-tenths { + width: 20%; + } + + /* line 236, components/_bullgrid.scss */ + .small-two-fifths, .small-four-tenths { + width: 40%; + } + + /* line 239, components/_bullgrid.scss */ + .small-three-fifths, .small-six-tenths { + width: 60%; + } + + /* line 242, components/_bullgrid.scss */ + .small-four-fifths, .small-eight-tenths { + width: 80%; + } + + /** + * Sixths + */ + /* line 253, components/_bullgrid.scss */ + .small-one-sixth, .small-two-twelfths { + width: 16.666%; + } + + /* line 265, components/_bullgrid.scss */ + .small-five-sixths, .small-ten-twelfths { + width: 83.333%; + } + + /** + * Eighths + */ + /* line 276, components/_bullgrid.scss */ + .small-one-eighth { + width: 12.5%; + } + + /* line 282, components/_bullgrid.scss */ + .small-three-eighths { + width: 37.5%; + } + + /* line 288, components/_bullgrid.scss */ + .small-five-eighths { + width: 62.5%; + } + + /* line 294, components/_bullgrid.scss */ + .small-seven-eighths { + width: 87.5%; + } + + /** + * Tenths + */ + /* line 305, components/_bullgrid.scss */ + .small-one-tenth { + width: 10%; + } + + /* line 311, components/_bullgrid.scss */ + .small-three-tenths { + width: 30%; + } + + /* line 323, components/_bullgrid.scss */ + .small-seven-tenths { + width: 70%; + } + + /* line 329, components/_bullgrid.scss */ + .small-nine-tenths { + width: 90%; + } + + /** + * Twelfths + */ + /* line 340, components/_bullgrid.scss */ + .small-one-twelfth { + width: 8.333%; + } + + /* line 352, components/_bullgrid.scss */ + .small-five-twelfths { + width: 41.666%; + } + + /* line 358, components/_bullgrid.scss */ + .small-seven-twelfths { + width: 58.333%; + } + + /* line 370, components/_bullgrid.scss */ + .small-eleven-twelfths { + width: 91.666%; + } +} +/* line 8, style.scss */ +.cf:before, .gw:before, .site--header:before, .projects--wrap:before, .cf:after, .gw:after, .site--header:after, .projects--wrap:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +/* line 12, style.scss */ +.cf:after, .gw:after, .site--header:after, .projects--wrap:after { + clear: both; +} + +/* line 22, style.scss */ +* { + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/* line 28, style.scss */ +body { + font-size: 1rem; + line-height: 1.3; + font-family: Arial, Helvetica, sans-serif; + font-weight: 700; +} + +/* line 36, style.scss */ +a { + color: #1393d5; + text-decoration: none; +} +/* line 40, style.scss */ +a:hover { + color: #000; +} + +/* line 45, style.scss */ +.deco--blue { + color: #1393d5; +} + +/* ================================== + * + * HEADER + * + * + * + * ================================== +*/ +/* line 59, style.scss */ +.site--header { + width: 100%; + height: auto; + padding: 2.5em 0; +} +/* line 66, style.scss */ +.site--header .site--meta { + float: left; +} +/* line 70, style.scss */ +.site--header .site--headline { + position: relative; + padding-left: 2.5em; +} +@media all and (max-width: 30em) { + /* line 70, style.scss */ + .site--header .site--headline { + display: block; + padding: 0 0 0 .7em; + margin-top: 2em; + text-align: center; + } +} +/* line 81, style.scss */ +.site--header .site--headline:before { + content: ''; + width: 2em; + height: 2em; + background: url("../img/logo.svg"); + background-size: 100%; + background-repeat: no-repeat; + position: absolute; + top: 0; + left: 0; +} +@media all and (max-width: 30em) { + /* line 81, style.scss */ + .site--header .site--headline:before { + top: -2em; + left: 50%; + margin-left: -1em; + } +} +/* line 100, style.scss */ +.site--header h2 { + padding-left: 3em; +} +@media all and (max-width: 30em) { + /* line 100, style.scss */ + .site--header h2 { + display: block; + width: 100%; + padding: 0 0 0 1em; + text-align: center; + } +} + +/* line 112, style.scss */ +.site--navigation { + float: right; + margin-top: 2em; +} +@media all and (max-width: 30em) { + /* line 112, style.scss */ + .site--navigation { + float: none; + text-align: center; + } +} +/* line 121, style.scss */ +.site--navigation .nav--list-item { + display: inline-block; + margin-left: 2.5em; +} +@media all and (max-width: 30em) { + /* line 121, style.scss */ + .site--navigation .nav--list-item { + margin: 1.5em .5em; + } +} + +/* line 133, style.scss */ +.content--wrap { + width: 100%; + max-width: 50em; + height: auto; + margin: 0 auto; + padding-right: 1em; +} + +/* line 142, style.scss */ +.featured--wrap { + width: 100%; + height: auto; + padding: 5em; + background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #222222), color-stop(100%, #444444)); + background: -webkit-linear-gradient(#222222, #444444); + background: -moz-linear-gradient(#222222, #444444); + background: -o-linear-gradient(#222222, #444444); + background: linear-gradient(#222222, #444444); +} + +/* line 150, style.scss */ +.featured--article { + background: #fff; + padding: 1.5em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} +/* line 156, style.scss */ +.featured--article h2 { + color: #1393d5; + font-size: 2em; +} +/* line 161, style.scss */ +.featured--article p { + margin: 1em 0 0 0; + font-size: 1.3em; +} + +@media all and (max-width: 50em) { + /* line 168, style.scss */ + .featured--wrap { + padding: 1.5em .5em; + } +} +/* line 173, style.scss */ +.projects--wrap { + margin: 2.5em auto; +} + +/* line 179, style.scss */ +.project { + background: #eaeaea; +} +/* line 182, style.scss */ +.project h3 { + padding: 1em 1em 0 1em; + font-size: 1.6em; + -ms-word-break: break-all; + word-break: break-all; + word-break: break-word; +} +/* line 188, style.scss */ +.project p { + margin: 0 0 1em 0; + padding: 1em; +} + +/* line 194, style.scss */ +.site--footer { + color: #f1f1f1; + text-align: center; +} +/* line 198, style.scss */ +.site--footer p { + margin-bottom: 1.5em; +} + +/* line 203, style.scss */ +.group--member { + width: 10em; + height: auto; + margin: 1em; + display: inline-block; +} +/* line 209, style.scss */ +.group--member img { + width: 100%; + height: auto; + margin-bottom: .5em; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -ms-border-radius: 100%; + -o-border-radius: 100%; + border-radius: 100%; + -webkit-transition: all ease-in-out; + -webkit-transition-delay: 0.2s; + -moz-transition: all ease-in-out 0.2s; + -o-transition: all ease-in-out 0.2s; + transition: all ease-in-out 0.2s; +} +/* line 217, style.scss */ +.group--member img:hover { + border: 0.5em solid #1393d5; + -webkit-transition: all ease-in-out; + -webkit-transition-delay: 0.2s; + -moz-transition: all ease-in-out 0.2s; + -o-transition: all ease-in-out 0.2s; + transition: all ease-in-out 0.2s; +} +/* line 223, style.scss */ +.group--member h4 { + color: #f1f1f1; + text-align: center; + font-size: 1.4em; +} +/* line 229, style.scss */ +.group--member .social { + width: 6em; + margin: .5em auto; +} +/* line 232, style.scss */ +.group--member .social a { + color: #fff; + font-size: 1.5em; + margin: 0 .2em; +} +/* line 236, style.scss */ +.group--member .social a:hover { + color: #1393d5; +} + +/* line 243, style.scss */ +.copyright { + text-align: center; + margin: 2.5em 0; +} diff --git a/_site/assets/css/style.scss b/_site/assets/css/style.scss new file mode 100644 index 0000000..8b4b225 --- /dev/null +++ b/_site/assets/css/style.scss @@ -0,0 +1,246 @@ +@import "compass"; +// @import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,700); +@import "font/genericons/genericons.css"; + +@import "components/bullgrid"; + +.cf { + &:before, &:after { + content: " "; /* 1 */ + display: table; /* 2 */ + } + &:after { + clear: both; + } +} + + + +$color--main: #1393d5; +$color--light: #f1f1f1; + +* { + margin: 0; + padding: 0; + @include box-sizing(border-box); +} + +body { + font-size: 1rem; + line-height: 1.3; + // font-family: 'Josefin Sans', sans-serif; + font-family: Arial, Helvetica, sans-serif; + font-weight: 700; +} + +a { + color:$color--main; + text-decoration: none; + + &:hover { + color:#000; + } +} + +.deco--blue { + color:$color--main; +} + + +/* ================================== + * + * HEADER + * + * + * + * ================================== +*/ + +.site--header { + width:100%; + height: auto; + padding:2.5em 0; + + @extend .cf; + + .site--meta { + float: left; + } + + .site--headline { + position: relative; + padding-left:2.5em; + + @include breakpoint(small) { + display:block; + padding: 0 0 0 .7em; + margin-top: 2em; + text-align: center; + } + + &:before { + content:''; + width:2em; + height:2em; + background: url('../img/logo.svg'); + background-size: 100%; + background-repeat: no-repeat; + position: absolute; + top:0; + left:0; + + @include breakpoint(small) { + top:-2em; + left:50%; + margin-left:-1em; + } + } + } + + h2 { + padding-left:3em; + + @include breakpoint(small) { + display:block; + width:100%; + padding: 0 0 0 1em; + text-align: center; + } + } +} + +.site--navigation { + float: right; + margin-top: 2em; + + @include breakpoint(small) { + float:none; + text-align: center; + } + + .nav--list-item { + display: inline-block; + margin-left: 2.5em; + + @include breakpoint(small) { + margin: 1.5em .5em; + } + } +} + + + +.content--wrap { + width:100%; + max-width:50em; + height:auto; + margin:0 auto; + padding-right: 1em; +} + + +.featured--wrap { + width: 100%; + height: auto; + padding:5em; + @include background(linear-gradient(#222,#444)); +} + + +.featured--article { + background: #fff; + padding:1.5em; + + @include border-radius(3px); + + h2 { + color: $color--main; + font-size: 2em; + } + + p { + margin:1em 0 0 0; + font-size: 1.3em; + } +} + +@media all and (max-width: 50em) { + .featured--wrap { + padding:1.5em .5em; + } +} + +.projects--wrap { + margin:2.5em auto; + + @extend .cf; +} + +.project { + background: #eaeaea; + + h3 { + padding:1em 1em 0 1em; + font-size: 1.6em; + @include word-break(break-all); + } + + p { + margin:0 0 1em 0; + padding:1em; + } +} + +.site--footer { + color:$color--light; + text-align: center; + + p { + margin-bottom: 1.5em; + } +} + +.group--member { + width:10em; + height:auto; + margin: 1em; + display:inline-block; + + img { + width:100%; + height: auto; + margin-bottom: .5em; + + @include border-radius(100%); + @include transition(all ease-in-out .2s); + + &:hover { + border:.5em solid $color--main; + @include transition(all ease-in-out .2s); + } + } + + h4 { + color:$color--light; + text-align: center; + font-size:1.4em; + } + + .social { + width:6em; + margin:.5em auto; + a { + color:#fff; + font-size:1.5em; + margin:0 .2em; + &:hover { + color:$color--main; + } + } + } +} + +.copyright { + text-align: center; + margin:2.5em 0; +} \ No newline at end of file diff --git a/_site/assets/img/felix.png b/_site/assets/img/felix.png new file mode 100644 index 0000000..d7eb827 Binary files /dev/null and b/_site/assets/img/felix.png differ diff --git a/_site/assets/img/jan.jpeg b/_site/assets/img/jan.jpeg new file mode 100644 index 0000000..d15e880 Binary files /dev/null and b/_site/assets/img/jan.jpeg differ diff --git a/_site/assets/img/kevin.jpeg b/_site/assets/img/kevin.jpeg new file mode 100644 index 0000000..25f9ff9 Binary files /dev/null and b/_site/assets/img/kevin.jpeg differ diff --git a/_site/assets/img/kman.jpg b/_site/assets/img/kman.jpg new file mode 100644 index 0000000..0cfd512 Binary files /dev/null and b/_site/assets/img/kman.jpg differ diff --git a/_site/assets/img/logo_prototype.png b/_site/assets/img/logo_prototype.png new file mode 100644 index 0000000..81cebd3 Binary files /dev/null and b/_site/assets/img/logo_prototype.png differ diff --git a/_site/assets/img/logo_prototype_small.png b/_site/assets/img/logo_prototype_small.png new file mode 100644 index 0000000..0881538 Binary files /dev/null and b/_site/assets/img/logo_prototype_small.png differ diff --git a/_site/assets/img/luky.png b/_site/assets/img/luky.png new file mode 100644 index 0000000..d6baeb9 Binary files /dev/null and b/_site/assets/img/luky.png differ diff --git a/_site/assets/img/max.jpeg b/_site/assets/img/max.jpeg new file mode 100644 index 0000000..1083616 Binary files /dev/null and b/_site/assets/img/max.jpeg differ diff --git a/_site/assets/img/nils.png b/_site/assets/img/nils.png new file mode 100644 index 0000000..5a63565 Binary files /dev/null and b/_site/assets/img/nils.png differ diff --git a/_site/assets/img/oli.gif b/_site/assets/img/oli.gif new file mode 100644 index 0000000..e3b8dd6 Binary files /dev/null and b/_site/assets/img/oli.gif differ diff --git a/_site/assets/img/tim.jpg b/_site/assets/img/tim.jpg new file mode 100644 index 0000000..e5b3e16 Binary files /dev/null and b/_site/assets/img/tim.jpg differ diff --git a/_site/assets/js/main.js b/_site/assets/js/main.js new file mode 100644 index 0000000..3b05ff9 --- /dev/null +++ b/_site/assets/js/main.js @@ -0,0 +1,88 @@ +document.addEventListener("DOMContentLoaded", function() { + // '- waiting for the DOM to finish loading, equal to $(document).ready() in jQuery + +// replace function by Olly (@0x04) +function replace(result) { + for (var index = 1, length = arguments.length; index < length; index++) + { + result = result.replace('%s', arguments[index]); + } + + return result; +} + + // loading a new Ajax Request + var xml = new XMLHttpRequest(); + + // opening a connection + xml.open('GET','https://api.github.com/orgs/bullgit/repos', false); + + + + // when the state changed (data received ) + xml.onreadystatechange = function() { + // controller for the grid system + var j; + // we take the response + var res = xml.responseText; + // put it into a new var and parse it + var obj = JSON.parse(res); + + + // then run over ALL THE BULLGIT + // running reverse because github goes from oldest to newest + for(i = obj.length - 1; i >= 0; i-- ) { + + var url = (obj[i]['homepage'] === null || obj[i]['homepage'] === '' ) + ? 'https://github.com/' + obj[i]['full_name'] + : obj[i]['homepage']; + + // if it's the first item + if(i === obj.length - 1) { + // create a layout for the first featured project + var layout = "
" + + "

" + + replace('%s', url, obj[i]['name']) + + "

" + + replace('

%s

', obj[i]['description']) + + "
"; + + output = document.querySelector("[data-js=featured-project]"); + + var j = 1; + } else { + + // output = document.querySelector("[data-js=old-projects]"); + + // create a layout for all other projects + var layout = "
" + + "

" + + replace('%s', url, obj[i]['name']) + + "

" + + "

"+ obj[i]['description'] + "

" + + "
"; + + // select an output @TODO[Kevin]: Re-think logic... + switch(j) { + case 1: + var output = document.querySelector("[data-column='1']"); + console.log("case 1: " + j + " --- " + obj[i]['name']) + j++; + break; + case 2: + var output = document.querySelector("[data-column='2']"); + console.log("case 2: " + j + " --- " + obj[i]['name']) + j = 1; + break; + default: + j = 1; + } + } + // and adding our brand-new bullshit to it. + output.innerHTML += layout; + } + }; + + // sending data + xml.send(); +}); \ No newline at end of file diff --git a/_site/config.rb b/_site/config.rb new file mode 100644 index 0000000..a9b26fb --- /dev/null +++ b/_site/config.rb @@ -0,0 +1,24 @@ +# Require any additional compass plugins here. + +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "assets/css" +sass_dir = "assets/css" +images_dir = "assets/img" +javascripts_dir = "assets/js" + +# You can select your preferred output style here (can be overridden via the command line): +# output_style = :expanded or :nested or :compact or :compressed + +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true + +# To disable debugging comments that display the original location of your selectors. Uncomment: +# line_comments = false + + +# If you prefer the indented syntax, you might want to regenerate this +# project again passing --syntax sass, or you can uncomment this: +# preferred_syntax = :sass +# and then run: +# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass diff --git a/_site/index.html b/_site/index.html new file mode 100644 index 0000000..79574ec --- /dev/null +++ b/_site/index.html @@ -0,0 +1,162 @@ + + + bullgit - serving finest shit since 2013 + + + + + + + +
+
+
+

bullgit

+

welcome to awesomeness

+
+ + + +
+
+ + +
+ +
+ +
+
+ +
+ +
+ +
+
+ + +
+ + + +

Jan

+ +
+ +
+ + + +

Felix

+ +
+ +
+ + + +

Tim

+ +
+ +
+ + + +

Kanu

+ +
+ +
+ + + +

Nils

+ +
+ +
+ + + +

Olly

+ +
+ +
+ + + +

Max

+ +
+ +
+ + + +

Luky

+ +
+ +
+ + + +

Kevin

+ +
+ +
+
+ + \ No newline at end of file diff --git a/_site/package.json b/_site/package.json new file mode 100644 index 0000000..0240a28 --- /dev/null +++ b/_site/package.json @@ -0,0 +1,9 @@ +{ + "name": "bullgit", + "version": "0.1.0", + "devDependencies": { + "grunt": "~0.4.2", + "grunt-contrib-sass": "~0.6.0", + "grunt-contrib-watch": "~0.5.3" + } +} diff --git a/assets/css/components/_bullgrid.scss b/assets/css/components/_bullgrid.scss new file mode 100644 index 0000000..0843396 --- /dev/null +++ b/assets/css/components/_bullgrid.scss @@ -0,0 +1,406 @@ + +/** + * bullgrid + * + * A grid based on the ideas of inuit.css gridsystem. + * + * + * @TODO [TimPietrusky] - center vertically / center horizontally + * @TODO [TimPietrusky] - Should we add support for IE <= 7? + * + * + */ + +@mixin breakpoint($point) { + @if $point == large { + @media all and (min-width: 80em) { @content; } + } + @if $point == medium { + @media all and (max-width: 50em) { @content; } + } + @if $point == small { + @media all and (max-width: 30em) { @content; } + } +} + + +/** + * Fluid and nestable grid system, e.g.: + * +
+ +
+

One third grid

+
+ +
+

Two thirds grid

+
+ +
+

One half grid

+
+ +
+

One quarter grid

+
+ +
+

One quarter grid

+
+ +
+ + */ + + +/** + * Default spacing + */ +$bullgrid-default-spacing: 1em; + + + +/** + * Micro clearfix. + */ +.cf { + &:after { + content: ""; + display: table; + clear: both; + } +} + + + + + +/** + * Grid wrapper + */ +.gw { + @extend .cf; + + /** + * Negative margin to negate the padding on the first grid child. + */ + margin-left: -$bullgrid-default-spacing; + + @include breakpoint(medium) { + margin-left: -$bullgrid-default-spacing / 2; + } + + /** + * The following declarations allow us to use the `.gw` class on lists. + */ + list-style: none; + margin-bottom: 0; +} + + + + + +/** + * Reverse grid order + * +
+ +
+

Appears on the right

+
+ +
+

Appears on the left

+
+ +
+ * + */ +.gw--rev > .g { + float: right; +} + + + + + +/** + * Very infrequently occuring grid wrappers as children of grid wrappers. + */ +.gw > .gw { + margin-left: 0; +} + + + + + +/** + * Grid + * + */ +.g { + float: left; + padding-left: $bullgrid-default-spacing; + + @include breakpoint(medium) { + padding-left: $bullgrid-default-spacing / 2; + } +} + + + + + + + +/** + * + * Sizes in human readable format. + * + */ +@mixin grid-setup($namespace: "") { + + /* + * Hidden + */ + .#{$namespace}hidden { + display: none; + } + + + + + + /** + * Whole + */ + .#{$namespace}one-whole { + width: 100%; + } + + + + + + /** + * Halves + */ + .#{$namespace}one-half { + width: 50%; + } + + + + + + /** + * Thirds + */ + .#{$namespace}one-third { + width: 33.333%; + } + .#{$namespace}two-thirds { + width: 66.666%; + } + + + + + + /** + * Quarters + */ + .#{$namespace}one-quarter { + width: 25%; + } + .#{$namespace}two-quarters { + @extend .#{$namespace}one-half; + } + .#{$namespace}three-quarters { + width: 75%; + } + + + + + + /** + * Fifths + */ + .#{$namespace}one-fifth { + width: 20%; + } + .#{$namespace}two-fifths { + width: 40%; + } + .#{$namespace}three-fifths { + width: 60%; + } + .#{$namespace}four-fifths { + width: 80%; + } + + + + + + /** + * Sixths + */ + .#{$namespace}one-sixth { + width: 16.666%; + } + .#{$namespace}two-sixths { + @extend .#{$namespace}one-third; + } + .#{$namespace}three-sixths { + @extend .#{$namespace}one-half; + } + .#{$namespace}four-sixths { + @extend .#{$namespace}two-thirds; + } + .#{$namespace}five-sixths { + width: 83.333%; + } + + + + + + /** + * Eighths + */ + .#{$namespace}one-eighth { + width: 12.5%; + } + .#{$namespace}two-eighths { + @extend .#{$namespace}one-quarter; + } + .#{$namespace}three-eighths { + width: 37.5%; + } + .#{$namespace}four-eighths { + @extend .#{$namespace}one-half; + } + .#{$namespace}five-eighths { + width: 62.5%; + } + .#{$namespace}six-eighths { + @extend .#{$namespace}three-quarters; + } + .#{$namespace}seven-eighths { + width: 87.5%; + } + + + + + + /** + * Tenths + */ + .#{$namespace}one-tenth { + width: 10%; + } + .#{$namespace}two-tenths { + @extend .#{$namespace}one-fifth; + } + .#{$namespace}three-tenths { + width: 30%; + } + .#{$namespace}four-tenths { + @extend .#{$namespace}two-fifths; + } + .#{$namespace}five-tenths { + @extend .#{$namespace}one-half; + } + .#{$namespace}six-tenths { + @extend .#{$namespace}three-fifths; + } + .#{$namespace}seven-tenths { + width: 70%; + } + .#{$namespace}eight-tenths { + @extend .#{$namespace}four-fifths; + } + .#{$namespace}nine-tenths { + width: 90%; + } + + + + + + /** + * Twelfths + */ + .#{$namespace}one-twelfth { + width: 8.333%; + } + .#{$namespace}two-twelfths { + @extend .#{$namespace}one-sixth; + } + .#{$namespace}three-twelfths { + @extend .#{$namespace}one-quarter; + } + .#{$namespace}four-twelfths { + @extend .#{$namespace}one-third; + } + .#{$namespace}five-twelfths { + width: 41.666%; + } + .#{$namespace}six-twelfths { + @extend .#{$namespace}one-half; + } + .#{$namespace}seven-twelfths { + width: 58.333%; + } + .#{$namespace}eight-twelfths { + @extend .#{$namespace}two-thirds; + } + .#{$namespace}nine-twelfths { + @extend .#{$namespace}three-quarters; + } + .#{$namespace}ten-twelfths { + @extend .#{$namespace}five-sixths; + } + .#{$namespace}eleven-twelfths { + width: 91.666%; + } +} + + + + +/** + * + * @TODO [TimPietruky] - Do we really need this? + * + */ +@include grid-setup(); + + + + + +/** + * Create the grids for different devices. + */ +@include breakpoint(large){ + @include grid-setup("large-"); +} + +@include breakpoint(medium){ + @include grid-setup("medium-"); +} + +@include breakpoint(small){ + @include grid-setup("small-"); +} + +@include breakpoint(ultralarge) { + @include grid-setup("ultralarge-"); +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index b397a6f..29abbd0 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,17 +1,772 @@ @import url(font/genericons/genericons.css); -/* line 7, style.scss */ -.cf:before, .site--header:before, .projects--wrap:before, .cf:after, .site--header:after, .projects--wrap:after { +/** + * bullgrid + * + * A grid based on the ideas of inuit.css gridsystem. + * + * + * @TODO [TimPietrusky] - center vertically / center horizontally + * @TODO [TimPietrusky] - Should we add support for IE <= 7? + * + * + */ +/** + * Fluid and nestable grid system, e.g.: + * +
+ +
+

One third grid

+
+ +
+

Two thirds grid

+
+ +
+

One half grid

+
+ +
+

One quarter grid

+
+ +
+

One quarter grid

+
+ +
+ + */ +/** + * Default spacing + */ +/** + * Micro clearfix. + */ +/* line 68, components/_bullgrid.scss */ +.cf:after, .gw:after, .site--header:after, .projects--wrap:after { + content: ""; + display: table; + clear: both; +} + +/** + * Grid wrapper + */ +/* line 82, components/_bullgrid.scss */ +.gw { + /** + * Negative margin to negate the padding on the first grid child. + */ + margin-left: -1em; + /** + * The following declarations allow us to use the `.gw` class on lists. + */ + list-style: none; + margin-bottom: 0; +} +@media all and (max-width: 50em) { + /* line 82, components/_bullgrid.scss */ + .gw { + margin-left: -0.5em; + } +} + +/** + * Reverse grid order + * +
+ +
+

Appears on the right

+
+ +
+

Appears on the left

+
+ +
+ * + */ +/* line 121, components/_bullgrid.scss */ +.gw--rev > .g { + float: right; +} + +/** + * Very infrequently occuring grid wrappers as children of grid wrappers. + */ +/* line 132, components/_bullgrid.scss */ +.gw > .gw { + margin-left: 0; +} + +/** + * Grid + * + */ +/* line 144, components/_bullgrid.scss */ +.g { + float: left; + padding-left: 1em; +} +@media all and (max-width: 50em) { + /* line 144, components/_bullgrid.scss */ + .g { + padding-left: 0.5em; + } +} + +/** + * + * Sizes in human readable format. + * + */ +/** + * + * @TODO [TimPietruky] - Do we really need this? + * + */ +/* + * Hidden + */ +/* line 169, components/_bullgrid.scss */ +.hidden { + display: none; +} + +/** + * Whole + */ +/* line 180, components/_bullgrid.scss */ +.one-whole { + width: 100%; +} + +/** + * Halves + */ +/* line 191, components/_bullgrid.scss */ +.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths { + width: 50%; +} + +/** + * Thirds + */ +/* line 202, components/_bullgrid.scss */ +.one-third, .two-sixths, .four-twelfths { + width: 33.333%; +} + +/* line 205, components/_bullgrid.scss */ +.two-thirds, .four-sixths, .eight-twelfths { + width: 66.666%; +} + +/** + * Quarters + */ +/* line 216, components/_bullgrid.scss */ +.one-quarter, .two-eighths, .three-twelfths { + width: 25%; +} + +/* line 222, components/_bullgrid.scss */ +.three-quarters, .six-eighths, .nine-twelfths { + width: 75%; +} + +/** + * Fifths + */ +/* line 233, components/_bullgrid.scss */ +.one-fifth, .two-tenths { + width: 20%; +} + +/* line 236, components/_bullgrid.scss */ +.two-fifths, .four-tenths { + width: 40%; +} + +/* line 239, components/_bullgrid.scss */ +.three-fifths, .six-tenths { + width: 60%; +} + +/* line 242, components/_bullgrid.scss */ +.four-fifths, .eight-tenths { + width: 80%; +} + +/** + * Sixths + */ +/* line 253, components/_bullgrid.scss */ +.one-sixth, .two-twelfths { + width: 16.666%; +} + +/* line 265, components/_bullgrid.scss */ +.five-sixths, .ten-twelfths { + width: 83.333%; +} + +/** + * Eighths + */ +/* line 276, components/_bullgrid.scss */ +.one-eighth { + width: 12.5%; +} + +/* line 282, components/_bullgrid.scss */ +.three-eighths { + width: 37.5%; +} + +/* line 288, components/_bullgrid.scss */ +.five-eighths { + width: 62.5%; +} + +/* line 294, components/_bullgrid.scss */ +.seven-eighths { + width: 87.5%; +} + +/** + * Tenths + */ +/* line 305, components/_bullgrid.scss */ +.one-tenth { + width: 10%; +} + +/* line 311, components/_bullgrid.scss */ +.three-tenths { + width: 30%; +} + +/* line 323, components/_bullgrid.scss */ +.seven-tenths { + width: 70%; +} + +/* line 329, components/_bullgrid.scss */ +.nine-tenths { + width: 90%; +} + +/** + * Twelfths + */ +/* line 340, components/_bullgrid.scss */ +.one-twelfth { + width: 8.333%; +} + +/* line 352, components/_bullgrid.scss */ +.five-twelfths { + width: 41.666%; +} + +/* line 358, components/_bullgrid.scss */ +.seven-twelfths { + width: 58.333%; +} + +/* line 370, components/_bullgrid.scss */ +.eleven-twelfths { + width: 91.666%; +} + +/** + * Create the grids for different devices. + */ +@media all and (min-width: 80em) { + /* + * Hidden + */ + /* line 169, components/_bullgrid.scss */ + .large-hidden { + display: none; + } + + /** + * Whole + */ + /* line 180, components/_bullgrid.scss */ + .large-one-whole { + width: 100%; + } + + /** + * Halves + */ + /* line 191, components/_bullgrid.scss */ + .large-one-half, .large-two-quarters, .large-three-sixths, .large-four-eighths, .large-five-tenths, .large-six-twelfths { + width: 50%; + } + + /** + * Thirds + */ + /* line 202, components/_bullgrid.scss */ + .large-one-third, .large-two-sixths, .large-four-twelfths { + width: 33.333%; + } + + /* line 205, components/_bullgrid.scss */ + .large-two-thirds, .large-four-sixths, .large-eight-twelfths { + width: 66.666%; + } + + /** + * Quarters + */ + /* line 216, components/_bullgrid.scss */ + .large-one-quarter, .large-two-eighths, .large-three-twelfths { + width: 25%; + } + + /* line 222, components/_bullgrid.scss */ + .large-three-quarters, .large-six-eighths, .large-nine-twelfths { + width: 75%; + } + + /** + * Fifths + */ + /* line 233, components/_bullgrid.scss */ + .large-one-fifth, .large-two-tenths { + width: 20%; + } + + /* line 236, components/_bullgrid.scss */ + .large-two-fifths, .large-four-tenths { + width: 40%; + } + + /* line 239, components/_bullgrid.scss */ + .large-three-fifths, .large-six-tenths { + width: 60%; + } + + /* line 242, components/_bullgrid.scss */ + .large-four-fifths, .large-eight-tenths { + width: 80%; + } + + /** + * Sixths + */ + /* line 253, components/_bullgrid.scss */ + .large-one-sixth, .large-two-twelfths { + width: 16.666%; + } + + /* line 265, components/_bullgrid.scss */ + .large-five-sixths, .large-ten-twelfths { + width: 83.333%; + } + + /** + * Eighths + */ + /* line 276, components/_bullgrid.scss */ + .large-one-eighth { + width: 12.5%; + } + + /* line 282, components/_bullgrid.scss */ + .large-three-eighths { + width: 37.5%; + } + + /* line 288, components/_bullgrid.scss */ + .large-five-eighths { + width: 62.5%; + } + + /* line 294, components/_bullgrid.scss */ + .large-seven-eighths { + width: 87.5%; + } + + /** + * Tenths + */ + /* line 305, components/_bullgrid.scss */ + .large-one-tenth { + width: 10%; + } + + /* line 311, components/_bullgrid.scss */ + .large-three-tenths { + width: 30%; + } + + /* line 323, components/_bullgrid.scss */ + .large-seven-tenths { + width: 70%; + } + + /* line 329, components/_bullgrid.scss */ + .large-nine-tenths { + width: 90%; + } + + /** + * Twelfths + */ + /* line 340, components/_bullgrid.scss */ + .large-one-twelfth { + width: 8.333%; + } + + /* line 352, components/_bullgrid.scss */ + .large-five-twelfths { + width: 41.666%; + } + + /* line 358, components/_bullgrid.scss */ + .large-seven-twelfths { + width: 58.333%; + } + + /* line 370, components/_bullgrid.scss */ + .large-eleven-twelfths { + width: 91.666%; + } +} +@media all and (max-width: 50em) { + /* + * Hidden + */ + /* line 169, components/_bullgrid.scss */ + .medium-hidden { + display: none; + } + + /** + * Whole + */ + /* line 180, components/_bullgrid.scss */ + .medium-one-whole { + width: 100%; + } + + /** + * Halves + */ + /* line 191, components/_bullgrid.scss */ + .medium-one-half, .medium-two-quarters, .medium-three-sixths, .medium-four-eighths, .medium-five-tenths, .medium-six-twelfths { + width: 50%; + } + + /** + * Thirds + */ + /* line 202, components/_bullgrid.scss */ + .medium-one-third, .medium-two-sixths, .medium-four-twelfths { + width: 33.333%; + } + + /* line 205, components/_bullgrid.scss */ + .medium-two-thirds, .medium-four-sixths, .medium-eight-twelfths { + width: 66.666%; + } + + /** + * Quarters + */ + /* line 216, components/_bullgrid.scss */ + .medium-one-quarter, .medium-two-eighths, .medium-three-twelfths { + width: 25%; + } + + /* line 222, components/_bullgrid.scss */ + .medium-three-quarters, .medium-six-eighths, .medium-nine-twelfths { + width: 75%; + } + + /** + * Fifths + */ + /* line 233, components/_bullgrid.scss */ + .medium-one-fifth, .medium-two-tenths { + width: 20%; + } + + /* line 236, components/_bullgrid.scss */ + .medium-two-fifths, .medium-four-tenths { + width: 40%; + } + + /* line 239, components/_bullgrid.scss */ + .medium-three-fifths, .medium-six-tenths { + width: 60%; + } + + /* line 242, components/_bullgrid.scss */ + .medium-four-fifths, .medium-eight-tenths { + width: 80%; + } + + /** + * Sixths + */ + /* line 253, components/_bullgrid.scss */ + .medium-one-sixth, .medium-two-twelfths { + width: 16.666%; + } + + /* line 265, components/_bullgrid.scss */ + .medium-five-sixths, .medium-ten-twelfths { + width: 83.333%; + } + + /** + * Eighths + */ + /* line 276, components/_bullgrid.scss */ + .medium-one-eighth { + width: 12.5%; + } + + /* line 282, components/_bullgrid.scss */ + .medium-three-eighths { + width: 37.5%; + } + + /* line 288, components/_bullgrid.scss */ + .medium-five-eighths { + width: 62.5%; + } + + /* line 294, components/_bullgrid.scss */ + .medium-seven-eighths { + width: 87.5%; + } + + /** + * Tenths + */ + /* line 305, components/_bullgrid.scss */ + .medium-one-tenth { + width: 10%; + } + + /* line 311, components/_bullgrid.scss */ + .medium-three-tenths { + width: 30%; + } + + /* line 323, components/_bullgrid.scss */ + .medium-seven-tenths { + width: 70%; + } + + /* line 329, components/_bullgrid.scss */ + .medium-nine-tenths { + width: 90%; + } + + /** + * Twelfths + */ + /* line 340, components/_bullgrid.scss */ + .medium-one-twelfth { + width: 8.333%; + } + + /* line 352, components/_bullgrid.scss */ + .medium-five-twelfths { + width: 41.666%; + } + + /* line 358, components/_bullgrid.scss */ + .medium-seven-twelfths { + width: 58.333%; + } + + /* line 370, components/_bullgrid.scss */ + .medium-eleven-twelfths { + width: 91.666%; + } +} +@media all and (max-width: 30em) { + /* + * Hidden + */ + /* line 169, components/_bullgrid.scss */ + .small-hidden { + display: none; + } + + /** + * Whole + */ + /* line 180, components/_bullgrid.scss */ + .small-one-whole { + width: 100%; + } + + /** + * Halves + */ + /* line 191, components/_bullgrid.scss */ + .small-one-half, .small-two-quarters, .small-three-sixths, .small-four-eighths, .small-five-tenths, .small-six-twelfths { + width: 50%; + } + + /** + * Thirds + */ + /* line 202, components/_bullgrid.scss */ + .small-one-third, .small-two-sixths, .small-four-twelfths { + width: 33.333%; + } + + /* line 205, components/_bullgrid.scss */ + .small-two-thirds, .small-four-sixths, .small-eight-twelfths { + width: 66.666%; + } + + /** + * Quarters + */ + /* line 216, components/_bullgrid.scss */ + .small-one-quarter, .small-two-eighths, .small-three-twelfths { + width: 25%; + } + + /* line 222, components/_bullgrid.scss */ + .small-three-quarters, .small-six-eighths, .small-nine-twelfths { + width: 75%; + } + + /** + * Fifths + */ + /* line 233, components/_bullgrid.scss */ + .small-one-fifth, .small-two-tenths { + width: 20%; + } + + /* line 236, components/_bullgrid.scss */ + .small-two-fifths, .small-four-tenths { + width: 40%; + } + + /* line 239, components/_bullgrid.scss */ + .small-three-fifths, .small-six-tenths { + width: 60%; + } + + /* line 242, components/_bullgrid.scss */ + .small-four-fifths, .small-eight-tenths { + width: 80%; + } + + /** + * Sixths + */ + /* line 253, components/_bullgrid.scss */ + .small-one-sixth, .small-two-twelfths { + width: 16.666%; + } + + /* line 265, components/_bullgrid.scss */ + .small-five-sixths, .small-ten-twelfths { + width: 83.333%; + } + + /** + * Eighths + */ + /* line 276, components/_bullgrid.scss */ + .small-one-eighth { + width: 12.5%; + } + + /* line 282, components/_bullgrid.scss */ + .small-three-eighths { + width: 37.5%; + } + + /* line 288, components/_bullgrid.scss */ + .small-five-eighths { + width: 62.5%; + } + + /* line 294, components/_bullgrid.scss */ + .small-seven-eighths { + width: 87.5%; + } + + /** + * Tenths + */ + /* line 305, components/_bullgrid.scss */ + .small-one-tenth { + width: 10%; + } + + /* line 311, components/_bullgrid.scss */ + .small-three-tenths { + width: 30%; + } + + /* line 323, components/_bullgrid.scss */ + .small-seven-tenths { + width: 70%; + } + + /* line 329, components/_bullgrid.scss */ + .small-nine-tenths { + width: 90%; + } + + /** + * Twelfths + */ + /* line 340, components/_bullgrid.scss */ + .small-one-twelfth { + width: 8.333%; + } + + /* line 352, components/_bullgrid.scss */ + .small-five-twelfths { + width: 41.666%; + } + + /* line 358, components/_bullgrid.scss */ + .small-seven-twelfths { + width: 58.333%; + } + + /* line 370, components/_bullgrid.scss */ + .small-eleven-twelfths { + width: 91.666%; + } +} +/* line 8, style.scss */ +.cf:before, .gw:before, .site--header:before, .projects--wrap:before, .cf:after, .gw:after, .site--header:after, .projects--wrap:after { content: " "; /* 1 */ display: table; /* 2 */ } -/* line 11, style.scss */ -.cf:after, .site--header:after, .projects--wrap:after { +/* line 12, style.scss */ +.cf:after, .gw:after, .site--header:after, .projects--wrap:after { clear: both; } -/* line 21, style.scss */ +/* line 22, style.scss */ * { margin: 0; padding: 0; @@ -20,7 +775,7 @@ box-sizing: border-box; } -/* line 27, style.scss */ +/* line 28, style.scss */ body { font-size: 1rem; line-height: 1.3; @@ -28,17 +783,17 @@ body { font-weight: 700; } -/* line 35, style.scss */ +/* line 36, style.scss */ a { color: #1393d5; text-decoration: none; } -/* line 39, style.scss */ +/* line 40, style.scss */ a:hover { color: #000; } -/* line 44, style.scss */ +/* line 45, style.scss */ .deco--blue { color: #1393d5; } @@ -51,62 +806,98 @@ a:hover { * * ================================== */ -/* line 58, style.scss */ +/* line 59, style.scss */ .site--header { width: 100%; height: auto; padding: 2.5em 0; } -/* line 65, style.scss */ +/* line 66, style.scss */ .site--header .site--meta { float: left; } -/* line 69, style.scss */ +/* line 70, style.scss */ .site--header .site--headline { position: relative; padding-left: 2.5em; } -/* line 73, style.scss */ +@media all and (max-width: 30em) { + /* line 70, style.scss */ + .site--header .site--headline { + display: block; + padding: 0 0 0 .7em; + margin-top: 2em; + text-align: center; + } +} +/* line 81, style.scss */ .site--header .site--headline:before { content: ''; width: 2em; height: 2em; - background: url("/assets/img/logo_prototype.png"); - background-size: 200%; + background: url("../img/logo.svg"); + background-size: 100%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } -/* line 86, style.scss */ +@media all and (max-width: 30em) { + /* line 81, style.scss */ + .site--header .site--headline:before { + top: -2em; + left: 50%; + margin-left: -1em; + } +} +/* line 100, style.scss */ .site--header h2 { padding-left: 3em; } +@media all and (max-width: 30em) { + /* line 100, style.scss */ + .site--header h2 { + display: block; + width: 100%; + padding: 0 0 0 1em; + text-align: center; + } +} -/* line 91, style.scss */ +/* line 112, style.scss */ .site--navigation { float: right; margin-top: 2em; } -/* line 94, style.scss */ +@media all and (max-width: 30em) { + /* line 112, style.scss */ + .site--navigation { + float: none; + text-align: center; + } +} +/* line 121, style.scss */ .site--navigation .nav--list-item { display: inline-block; margin-left: 2.5em; } -/* line 98, style.scss */ -.site--navigation .nav--list-item [class*="genericon-"] { - font-size: 3em; +@media all and (max-width: 30em) { + /* line 121, style.scss */ + .site--navigation .nav--list-item { + margin: 1.5em .5em; + } } -/* line 106, style.scss */ +/* line 133, style.scss */ .content--wrap { width: 100%; max-width: 50em; height: auto; margin: 0 auto; + padding-right: 1em; } -/* line 114, style.scss */ +/* line 142, style.scss */ .featured--wrap { width: 100%; height: auto; @@ -118,7 +909,7 @@ a:hover { background: linear-gradient(#222222, #444444); } -/* line 122, style.scss */ +/* line 150, style.scss */ .featured--article { background: #fff; padding: 1.5em; @@ -128,34 +919,33 @@ a:hover { -o-border-radius: 3px; border-radius: 3px; } -/* line 128, style.scss */ +/* line 156, style.scss */ .featured--article h2 { color: #1393d5; font-size: 2em; } -/* line 133, style.scss */ +/* line 161, style.scss */ .featured--article p { margin: 1em 0 0 0; font-size: 1.3em; } @media all and (max-width: 50em) { - /* line 140, style.scss */ + /* line 168, style.scss */ .featured--wrap { padding: 1.5em .5em; } } -/* line 145, style.scss */ +/* line 173, style.scss */ .projects--wrap { margin: 2.5em auto; } -/* line 151, style.scss */ +/* line 179, style.scss */ .project { - float: left; background: #eaeaea; } -/* line 155, style.scss */ +/* line 182, style.scss */ .project h3 { padding: 1em 1em 0 1em; font-size: 1.6em; @@ -163,52 +953,30 @@ a:hover { word-break: break-all; word-break: break-word; } -/* line 161, style.scss */ +/* line 188, style.scss */ .project p { margin: 0 0 1em 0; padding: 1em; } -/* line 170, style.scss */ -.g-one--third { - width: 31.33333%; - height: auto; - margin: 1%; - float: left; -} - -@media all and (max-width: 50em) { - /* line 178, style.scss */ - .g-small--half { - width: 48%; - height: auto; - } -} -@media all and (max-width: 40em) { - /* line 185, style.scss */ - .g-small--half { - width: 100%; - margin: 1em 0; - height: auto; - } -} -/* line 192, style.scss */ +/* line 194, style.scss */ .site--footer { color: #f1f1f1; + text-align: center; } -/* line 195, style.scss */ +/* line 198, style.scss */ .site--footer p { margin-bottom: 1.5em; } -/* line 200, style.scss */ +/* line 203, style.scss */ .group--member { width: 10em; height: auto; margin: 1em; display: inline-block; } -/* line 206, style.scss */ +/* line 209, style.scss */ .group--member img { width: 100%; height: auto; @@ -218,13 +986,13 @@ a:hover { -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; - -webkit-transition: all ease-out-out; + -webkit-transition: all ease-in-out; -webkit-transition-delay: 0.2s; - -moz-transition: all ease-out-out 0.2s; - -o-transition: all ease-out-out 0.2s; - transition: all ease-out-out 0.2s; + -moz-transition: all ease-in-out 0.2s; + -o-transition: all ease-in-out 0.2s; + transition: all ease-in-out 0.2s; } -/* line 214, style.scss */ +/* line 217, style.scss */ .group--member img:hover { border: 0.5em solid #1393d5; -webkit-transition: all ease-in-out; @@ -233,29 +1001,29 @@ a:hover { -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } -/* line 220, style.scss */ +/* line 223, style.scss */ .group--member h4 { color: #f1f1f1; text-align: center; font-size: 1.4em; } -/* line 226, style.scss */ +/* line 229, style.scss */ .group--member .social { width: 6em; margin: .5em auto; } -/* line 229, style.scss */ +/* line 232, style.scss */ .group--member .social a { color: #fff; font-size: 1.5em; margin: 0 .2em; } -/* line 233, style.scss */ +/* line 236, style.scss */ .group--member .social a:hover { color: #1393d5; } -/* line 240, style.scss */ +/* line 243, style.scss */ .copyright { text-align: center; margin: 2.5em 0; diff --git a/assets/css/style.scss b/assets/css/style.scss index 0e1f2fd..8b4b225 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -2,6 +2,7 @@ // @import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,700); @import "font/genericons/genericons.css"; +@import "components/bullgrid"; .cf { &:before, &:after { @@ -69,35 +70,61 @@ a { .site--headline { position: relative; padding-left:2.5em; + + @include breakpoint(small) { + display:block; + padding: 0 0 0 .7em; + margin-top: 2em; + text-align: center; + } &:before { content:''; width:2em; height:2em; - background: url('/assets/img/logo_prototype.png'); - background-size: 200%; + background: url('../img/logo.svg'); + background-size: 100%; background-repeat: no-repeat; position: absolute; top:0; left:0; + + @include breakpoint(small) { + top:-2em; + left:50%; + margin-left:-1em; + } } } h2 { padding-left:3em; + + @include breakpoint(small) { + display:block; + width:100%; + padding: 0 0 0 1em; + text-align: center; + } } } .site--navigation { float: right; margin-top: 2em; + + @include breakpoint(small) { + float:none; + text-align: center; + } + .nav--list-item { display: inline-block; margin-left: 2.5em; - [class*="genericon-"] { - font-size: 3em; - } + @include breakpoint(small) { + margin: 1.5em .5em; + } } } @@ -108,6 +135,7 @@ a { max-width:50em; height:auto; margin:0 auto; + padding-right: 1em; } @@ -149,7 +177,6 @@ a { } .project { - float: left; background: #eaeaea; h3 { @@ -164,33 +191,9 @@ a { } } - - - -.g-one--third { - width:31.33333%; - height: auto; - margin:1%; - float: left; -} - -@media all and (max-width: 50em) { - .g-small--half { - width:48%; - height: auto; - } -} - -@media all and (max-width: 40em) { - .g-small--half { - width:100%; - margin:1em 0; - height: auto; - } -} - .site--footer { color:$color--light; + text-align: center; p { margin-bottom: 1.5em; @@ -209,7 +212,7 @@ a { margin-bottom: .5em; @include border-radius(100%); - @include transition(all ease-out-out .2s); + @include transition(all ease-in-out .2s); &:hover { border:.5em solid $color--main; diff --git a/assets/img/favicon.png b/assets/img/favicon.png new file mode 100644 index 0000000..b45045e Binary files /dev/null and b/assets/img/favicon.png differ diff --git a/assets/img/logo.svg b/assets/img/logo.svg new file mode 100644 index 0000000..3629753 --- /dev/null +++ b/assets/img/logo.svg @@ -0,0 +1,24 @@ + + + + + + + diff --git a/assets/js/main.js b/assets/js/main.js index 10881a3..3b05ff9 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1,6 +1,7 @@ document.addEventListener("DOMContentLoaded", function() { // '- waiting for the DOM to finish loading, equal to $(document).ready() in jQuery +// replace function by Olly (@0x04) function replace(result) { for (var index = 1, length = arguments.length; index < length; index++) { @@ -20,6 +21,8 @@ function replace(result) { // when the state changed (data received ) xml.onreadystatechange = function() { + // controller for the grid system + var j; // we take the response var res = xml.responseText; // put it into a new var and parse it @@ -44,21 +47,37 @@ function replace(result) { replace('

%s

', obj[i]['description']) + ""; - output = document.querySelector("#featured"); + output = document.querySelector("[data-js=featured-project]"); + + var j = 1; } else { + // output = document.querySelector("[data-js=old-projects]"); + // create a layout for all other projects var layout = "
" + "

" + replace('%s', url, obj[i]['name']) + "

" + - "

"+ obj[i]['description'].substr(0,100) +"

" + + "

"+ obj[i]['description'] + "

" + "
"; - - // select an output - - } + // select an output @TODO[Kevin]: Re-think logic... + switch(j) { + case 1: + var output = document.querySelector("[data-column='1']"); + console.log("case 1: " + j + " --- " + obj[i]['name']) + j++; + break; + case 2: + var output = document.querySelector("[data-column='2']"); + console.log("case 2: " + j + " --- " + obj[i]['name']) + j = 1; + break; + default: + j = 1; + } + } // and adding our brand-new bullshit to it. output.innerHTML += layout; } diff --git a/font/.DS_Store b/font/.DS_Store deleted file mode 100644 index d1cd2b1..0000000 Binary files a/font/.DS_Store and /dev/null differ diff --git a/index.htm b/index.htm deleted file mode 100644 index cce590c..0000000 --- a/index.htm +++ /dev/null @@ -1,72 +0,0 @@ - - - - bullgit - - - - - -
-

bullgit

-

welcome to awesomeness

-

-
-
-

what is bullgit?

-

bullsh...

-

we created

- -

we are bullgit

- -
- - - - - diff --git a/style.css b/style.css deleted file mode 100644 index 5e7de70..0000000 --- a/style.css +++ /dev/null @@ -1,119 +0,0 @@ -@import url('http://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css'); - -@font-face { - font-family: 'Collegiate'; - src: url('font/collegia-webfont.eot'); - src: url('font/collegia-webfont.eot?#iefix') format('embedded-opentype'), - url('font/collegia-webfont.woff') format('woff'), - url('font/collegia-webfont.ttf') format('truetype'), - url('font/collegia-webfont.svg#collegiateregular') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'bullgit'; - src:url('font/bullgit.eot'); - src:url('font/bullgit.eot?#iefix') format('embedded-opentype'), - url('font/bullgit.woff') format('woff'), - url('font/bullgit.ttf') format('truetype'), - url('font/bullgit.svg#bullgit') format('svg'); - font-weight: normal; - font-style: normal; -} -.icon-github, .icon-twitter, .icon-confused, .icon-lab, .icon-arrow-down, .icon-bubbles { - font-family: 'bullgit'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; -} -.icon-github:before { - content: "\e000"; -} -.icon-twitter:before { - content: "\e001"; -} -.icon-confused:before { - content: "\e002"; -} -.icon-lab:before { - content: "\e003"; -} -.icon-arrow-down:before { - content: "\e004"; -} - -.icon-bubbles:before { - content: "\e005"; -} - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -html { - font-size: 16px; -} -body { - padding: 3.5em 1em; - color: #000; - font-family: 'Collegiate', sans-serif; -} -body:after { - content: ""; - position: fixed; - bottom: -50px; - left: 0; - width: 100%; - height: 50px; - box-shadow: 0px 0px 25px 50px #fff; - z-index: 999; -} -header, .content { - max-width: 800px; - margin: auto; -} -h1 { - font-size: 10.625em ; - text-align: center; - margin-bottom: 0.25em; -} -h2 { - font-size: 5em; - text-align: center; - margin-bottom: 2.5em; -} -h3 { - font-size: 5em; - border-bottom: 5px solid #000; - margin: 1.5em 0 0.25em 0; -} -h3 i { - font-size: 0.8em; -} -mark { - color: #1393d5; - background: none; -} -p, li { - font-size: 3em; - line-height: 1.2em; -} -.text-center { - text-align: center; -} -a:link, a:visited { - color: #000; - text-decoration: none; -} -a:hover, a:active { - color: #1393d5; -} -footer { - margin-top: 10em; - text-align: center; -} \ No newline at end of file