diff --git a/README.md b/README.md index 7cef60e..d77fc29 100644 --- a/README.md +++ b/README.md @@ -13,9 +13,7 @@ The Grunt Edition comes with the following components: ## Prerequisites -Pattern Lab Node uses [Node](https://nodejs.org) and [npm](https://www.npmjs.com/) to manage project dependencies, and [grunt](http://gruntjs.com/) to run tasks and interface with core. - -Please follow the directions for [installing Node](https://nodejs.org/en/download/) on the Node website. This should include `npm`. +The Pattern Lab Node - Grunt Edition uses [Node](https://nodejs.org) for core processing, [npm](https://www.npmjs.com/) to manage project dependencies, and [grunt.js](http://gruntjs.com/) to run tasks and interface with the core library. Node version 4 or higher suffices. You can follow the directions for [installing Node](https://nodejs.org/en/download/) on the Node website if you haven't done so already. Installation of Node will include npm. It's also highly recommended that you [install grunt](http://gruntjs.com/getting-started) globally. @@ -28,7 +26,7 @@ There are two methods for downloading and installing the Grunt Edition: ### Download a pre-built package -The fastest way to get started with the Grunt Edition is to [download the pre-built version](https://github.com/pattern-lab/edition-node-gulp/releases) from the [releases page](https://github.com/pattern-lab/edition-node-gulp/releases). The pre-built project comes with the [Default Starterkit for Mustache](https://github.com/pattern-lab/starterkit-mustache-default/tree/dev) installed by default. +The fastest way to get started with the Grunt Edition is to [download the pre-built version](https://github.com/pattern-lab/edition-node-gulp/releases) from the [releases page](https://github.com/pattern-lab/edition-node-gulp/releases). The pre-built project comes with the [Base Starterkit for Mustache](https://github.com/pattern-lab/starterkit-mustache-base) installed by default. **Please note:** Pattern Lab Node uses [npm](https://www.npmjs.com/) to manage project dependencies. To upgrade the Grunt Edition or to install plug-ins you'll need to be familiar with npm. @@ -36,11 +34,14 @@ The fastest way to get started with the Grunt Edition is to [download the pre-bu `npm` is a dependency management and package system which can pull in all of the Grunt Edition's dependencies for you. To accomplish this: -* download or clone this repository to an install location. +* download or `git clone` this repository to an install location. * run the following + + ``` cd install/location npm install + ``` Running `npm install` from a directory containing a `package.json` file will download all dependencies defined within. @@ -67,19 +68,19 @@ These are some helpful commands you can use on the command line for working with To list all available commands type: - grunt pl-help + grunt patternlab:help ### Generate Pattern Lab To generate the front-end for Pattern Lab type: - grunt pl-build + grunt patternlab:build ### Watch for changes and re-generate Pattern Lab To watch for changes, re-generate the front-end, and server it via a BrowserSync server, type: - grunt pl-serve + grunt patternlab:serve BrowserSync should open [http://localhost:3000](http://localhost:3000) in your browser. @@ -89,4 +90,4 @@ To install a specific StarterKit from GitHub type: npm install [starterkit-vendor/starterkit-name] - grunt patternlab:starterkit-load --kit=[starterkit-name] + grunt patternlab:loadstarterkit --kit=[starterkit-name] diff --git a/package.json b/package.json index a883e5c..fc47fb6 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "edition-node-grunt", "description": "The grunt wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets.", - "version": "1.0.0", + "version": "1.0.1", "main": "./core/lib/patternlab.js", "dependencies": { "bs-html-injector": "^3.0.0", diff --git a/source/_annotations/annotations.js b/source/_annotations/annotations.js index 83a73ce..d817dfa 100644 --- a/source/_annotations/annotations.js +++ b/source/_annotations/annotations.js @@ -1,9 +1,9 @@ -var comments = { - "comments" : [ - { - "el": "#colors", - "title" : "Special Markup and Styling", - "comment": "This code uses pattern-scaffolding.css in the `source/css/` directory." - } - ] -}; +{ + "comments" : [ + { + "el": "#annotation-css-selector", + "title" : "Annotation title", + "comment": "Annotation description" + } + ] +} diff --git a/source/_data/data.json b/source/_data/data.json index 3be1f4a..91d98d7 100644 --- a/source/_data/data.json +++ b/source/_data/data.json @@ -1,93 +1,75 @@ { - "title" : "Pattern Lab", - "htmlClass": "pl", - "bodyClass": "body", - "img": { - "landscape-4x3": { - "src": "../../images/fpo_4x3.png", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "../../images/fpo_16x9.png", - "alt": "16x9 Image" - }, - "square": { - "src": "../../images/fpo_square.png", - "alt": "Square Thumbnail" - }, - "avatar" : { - "src" : "../../images/fpo_avatar.png", - "alt" : "Person Name" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/tech", - "alt": "Rectangle" - } - }, - "headline" : { - "short" : "Lorem ipsum dolor sit (37 characters)", - "medium" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)" - }, - "excerpt" : { - "short" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam", - "medium" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", - "long" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." - }, - "description" : "So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.", - "url" : "#", - "name" : { - "first": "Lacy", - "firsti": "L", - "middle": "Tommie", - "middlei": "T", - "last": "Way", - "lasti": "W" - }, - "year" : { - "long": "2013", - "short": "13" - }, - "month" : { - "long": "February", - "short": "Feb", - "digit": "02" - }, - "dayofweek" : { - "long": "Monday", - "short": "Mon" - }, - "day" : { - "long": "10", - "short": "10", - "ordinal": "th" - }, - "hour" : { - "long": "01", - "short": "1", - "military": "13", - "ampm": "pm" - }, - "minute" : { - "long": "20", - "short": "20" - }, - "seconds" : "31", - "author" : { - "first-name": "Author", - "last-name": "Name" - }, - "hero": true, - "emergency" : false, - "touts" : [ - { }, - { }, - { } - ], - "latest-posts" : [ - { }, - { }, - { }, - { }, - { } - ] -} \ No newline at end of file + "key": "value", + "key2": "use this for variables you want to load globally", + "title": "Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/people", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/nature", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/tech", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/tech", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/tech", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Lorizzle pimpin' dolizzle sit amet I", + "medium": "Rizzle adipiscing elizzle. Nullam sapien velizzle, shit volutpizzle, my" + }, + "excerpt": { + "short": "Shizz fo shizzle mah nizzle fo rizzle, mah home g-dizzle, gravida vizzle, arcu. Pellentesque crunk tortizzle. Sed erizzle. Black izzle sheezy telliv.", + "medium": "Izzle crazy tempizzle sizzle. We gonna chung gangsta get down get down fo shizzle turpizzle. Away break it down black. Pellentesque bling bling rhoncus fo shizzle. In hac the bizzle platea dictumst. Black dapibizzle. Crackalackin.", + "long": "Curabitizzle fo shizzle diam quizzle nisi nizzle mollizzle. Suspendisse boofron. Morbi odio. Sure pizzle. Crazy orci. Shut the shizzle up maurizzle get down get down, check out this a, go to hizzle sit amizzle, malesuada izzle, pede. Pellentesque gravida. Vestibulizzle check it out mi, volutpat izzle, shiz sed, shiznit sempizzle, da bomb. Funky fresh in ipsum. Da bomb volutpat felis vizzle daahng dawg. Crizzle quis dope izzle fo shizzle my ni." + }, + "description": "Fizzle crazy tortor. Sed rizzle. Ass pimpin' dolor dapibizzle turpis tempizzle fo shizzle my nizzle. Maurizzle pellentesque its fo rizzle izzle turpis. Get down get down we gonna chung nizzle. Shizzlin dizzle eleifend rhoncizzle break it down. In yo ghetto platea dictumst. Bling bling dapibizzle. Curabitur break yo neck, yall fo, pretizzle eu, go to hizzle dope, own yo' vitae, nunc. Bizzle suscipizzle. Ass semper velit sizzle fo.", + "url": "http://lorizzle.nl/", + "name": { + "first": "Junius", + "firsti": "J", + "middle": "Marius", + "middlei": "M", + "last": "Koolen", + "lasti": "K" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "January", + "short": "Jan", + "digit": "01" + }, + "dayofweek": { + "long": "Sunday", + "short": "Sun" + }, + "day": { + "long": "01", + "short": "1", + "ordinal": "st" + }, + "hour": { + "long": "06", + "short": "6", + "military": "06", + "ampm": "am" + }, + "minute": { + "long": "20", + "short": "20" + }, + "seconds": "31" +} diff --git a/source/_data/listitems.json b/source/_data/listitems.json index 114ed1f..42c29f0 100644 --- a/source/_data/listitems.json +++ b/source/_data/listitems.json @@ -1,878 +1,878 @@ { - "1": { - "title": "Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/people", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/nature", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/tech", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/tech", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/tech", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Lorizzle pimpin' dolizzle sit amet I", - "medium": "Rizzle adipiscing elizzle. Nullam sapien velizzle, shit volutpizzle, my" - }, - "excerpt": { - "short": "Shizz fo shizzle mah nizzle fo rizzle, mah home g-dizzle, gravida vizzle, arcu. Pellentesque crunk tortizzle. Sed erizzle. Black izzle sheezy telliv.", - "medium": "Izzle crazy tempizzle sizzle. We gonna chung gangsta get down get down fo shizzle turpizzle. Away break it down black. Pellentesque bling bling rhoncus fo shizzle. In hac the bizzle platea dictumst. Black dapibizzle. Crackalackin.", - "long": "Curabitizzle fo shizzle diam quizzle nisi nizzle mollizzle. Suspendisse boofron. Morbi odio. Sure pizzle. Crazy orci. Shut the shizzle up maurizzle get down get down, check out this a, go to hizzle sit amizzle, malesuada izzle, pede. Pellentesque gravida. Vestibulizzle check it out mi, volutpat izzle, shiz sed, shiznit sempizzle, da bomb. Funky fresh in ipsum. Da bomb volutpat felis vizzle daahng dawg. Crizzle quis dope izzle fo shizzle my ni." - }, - "description": "Fizzle crazy tortor. Sed rizzle. Ass pimpin' dolor dapibizzle turpis tempizzle fo shizzle my nizzle. Maurizzle pellentesque its fo rizzle izzle turpis. Get down get down we gonna chung nizzle. Shizzlin dizzle eleifend rhoncizzle break it down. In yo ghetto platea dictumst. Bling bling dapibizzle. Curabitur break yo neck, yall fo, pretizzle eu, go to hizzle dope, own yo' vitae, nunc. Bizzle suscipizzle. Ass semper velit sizzle fo.", - "url": "http://lorizzle.nl/", - "name": { - "first": "Junius", - "firsti": "J", - "middle": "Marius", - "middlei": "M", - "last": "Koolen", - "lasti": "K" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "January", - "short": "Jan", - "digit": "01" - }, - "dayofweek": { - "long": "Sunday", - "short": "Sun" - }, - "day": { - "long": "01", - "short": "1", - "ordinal": "st" - }, - "hour": { - "long": "06", - "short": "6", - "military": "06", - "ampm": "am" - }, - "minute": { - "long": "20", - "short": "20" - }, - "seconds": "31" - }, - "2": { - "title": "Veggies sunt bona vobis, proinde vos postulo", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/nature", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/tech", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/people", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/people", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/people", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Veggies sunt bona vobis, proinde vos", - "medium": "Postulo esse magis azuki bean burdock brussels sprout quandong komatsun" - }, - "excerpt": { - "short": "A fava bean collard greens endive tomatillo lotus root okra winter purslane zucchini parsley spinach artichoke. Brussels sprout pea turnip catsear.", - "medium": "Bush tomato gumbo potato garbanzo ricebean burdock daikon coriander kale quandong. Bok choy celery leek avocado shallot horseradish aubergine parsley. Bok choy bell pepper kale celery desert raisin kakadu plum bok choy bunya nuts.", - "long": "Spinach tigernut. Corn cucumber grape black-eyed pea asparagus spinach avocado dulse bunya nuts epazote celery desert raisin celtuce burdock plantain yarrow napa cabbage. Plantain okra seakale endive tigernut pea sprouts asparagus corn chard peanut beet greens groundnut radicchio carrot coriander gumbo gram celtuce. Jícama nori bamboo shoot collard greens okra radicchio tomato. Catsear mustard corn tigernut celery kale water spinach bok choy." - }, - "description": "Mung bean squash sorrel taro coriander collard greens gumbo bitterleaf tomato. Taro water chestnut celtuce turnip yarrow celery endive scallion black-eyed pea onion. Aubergine dulse turnip greens mustard salsify garlic soybean parsley bitterleaf desert raisin courgette.", - "url": "http://veggieipsum.com", - "name": { - "first": "Siguror", - "firsti": "S", - "middle": "Aron", - "middlei": "A", - "last": "Hanigan", - "lasti": "H" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "February", - "short": "Feb", - "digit": "02" - }, - "dayofweek": { - "long": "Monday", - "short": "Mon" - }, - "day": { - "long": "10", - "short": "10", - "ordinal": "th" - }, - "hour": { - "long": "01", - "short": "1", - "military": "13", - "ampm": "pm" - }, - "minute": { - "long": "20", - "short": "20" - }, - "seconds": "31" - }, - "3": { - "title": "Bacon ipsum dolor sit amet turducken strip steak beef ribs shank", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/tech", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/people", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/nature", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/nature", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/nature", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Bacon ipsum dolor sit amet spare rib", - "medium": "Tongue pancetta short ribs bacon. Kielbasa ball tip cow bresaola, capic" - }, - "excerpt": { - "short": "Tail jerky rump shoulder t-bone meatball meatloaf salami. Filet mignon shank t-bone venison, ham hock ribeye drumstick bresaola kielbasa. Frankfurter.", - "medium": "Doner biltong turducken leberkas. Rump swine pork loin ribeye ball tip meatloaf, pork chop ground round pig pancetta cow biltong brisket. Beef corned beef beef ribs, bacon pork belly sausage meatball boudin doner ham hock. Swine gro.", - "long": "Und round meatball, bacon pig leberkas corned beef tongue shoulder. Drumstick pork loin prosciutto ball tip shank pancetta spare ribs jowl pastrami. Frankfurter boudin filet mignon ribeye. Pig hamburger strip steak ham turducken prosciutto bresaola ground round pancetta frankfurter jowl. Frankfurter tongue brisket tenderloin, beef ribs pastrami biltong tail bresaola flank. Biltong pork chop beef boudin hamburger bacon. Capicola bresaola sausage." - }, - "description": "Boudin sausage jerky pastrami ground round salami biltong. Sausage fatback strip steak doner pork loin, pork belly drumstick ham short loin hamburger shankle. Short ribs sirloin rump tri-tip beef biltong. Meatball pig salami, jowl pork loin fatback short loin drumstick andouille.", - "url": "http://baconipsum.com/", - "name": { - "first": "Teun", - "firsti": "T", - "middle": "Jodocus", - "middlei": "J", - "last": "Richard", - "lasti": "R" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "March", - "short": "Mar", - "digit": "03" - }, - "dayofweek": { - "long": "Tuesday", - "short": "Tue" - }, - "day": { - "long": "22", - "short": "22", - "ordinal": "nd" - }, - "hour": { - "long": "04", - "short": "4", - "military": "16", - "ampm": "pm" - }, - "minute": { - "long": "45", - "short": "45" - }, - "seconds": "11" - }, - "4": { - "title": "Whatever swag accusamus occupy, gentrify butcher tote bag", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/animals", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/arch", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/people/grayscale", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/people/greyscale", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/people/greyscale", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Nesciunt sunt cillum keytar Pitchfork", - "medium": "Tote bag mixtape PBR Helvetica scenester forage four loko. Irure Tonx" - }, - "excerpt": { - "short": "Golf quis +1, Wes Anderson church-key lo-fi keffiyeh selvage culpa authentic Brooklyn fap chambray. Id synth yr, 3 wolf moon locavore +1 mixtape do.", - "medium": "Sed single-origin coffee anim eu. Bicycle rights Neutra Truffaut pop-up. Paleo hella irure meh Banksy, Wes Anderson typewriter VHS jean shorts yr. Eiusmod officia banjo Thundercats, odio laborum magna deep v cornhole nostrud kitsch.", - "long": "Tattooed Williamsburg. Jean shorts proident kogi laboris. Non tote bag pariatur elit slow-carb, Vice irure eu Echo Park ea aliqua chillwave. Cornhole Etsy quinoa Pinterest cardigan. Excepteur quis forage, Blue Bottle keffiyeh velit hoodie direct trade typewriter Etsy. Fingerstache squid non, sriracha drinking vinegar Shoreditch pork belly. Paleo sartorial mollit 3 wolf moon chambray whatever, sed tote bag small batch freegan. Master cleanse." - }, - "description": "Fanny pack ullamco et veniam semiotics. Shoreditch PBR reprehenderit cliche, magna Tonx aesthetic. Narwhal photo booth DIY aute post-ironic anim. Vice cliche brunch est before they sold out fap, street art Odd Future fashion axe messenger bag nihil Tonx tattooed. Nihil hashtag incididunt, do eu art party Banksy jean shorts four loko typewriter.", - "url": "http://hipsteripsum.me/", - "name": { - "first": "Duane", - "firsti": "D", - "middle": "Edvin", - "middlei": "E", - "last": "Wilms", - "lasti": "W" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "April", - "short": "Apr", - "digit": "04" - }, - "dayofweek": { - "long": "Wednesday", - "short": "Wed" - }, - "day": { - "long": "13", - "short": "13", - "ordinal": "th" - }, - "hour": { - "long": "10", - "short": "10", - "military": "10", - "ampm": "am" - }, - "minute": { - "long": "14", - "short": "14" - }, - "seconds": "52" - }, - "5": { - "title": "Marshall McLuhan Colbert bump backpack journalist vast wasteland Romenesko CPM", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/people/grayscale", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/animals", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/arch", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/arch", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/arch", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Blog meme masthead DocumentCloud Fou", - "medium": "Square tabloid Andy Carvin stupid commenters, Nick Denton mathewi semip" - }, - "excerpt": { - "short": "I love the Weather & Opera section Groupon copyright in the slot, Journal Register open newsroom analytics future totally blowing up on Twitter AOL.", - "medium": "CTR mthomps Flipboard do what you do best and link to the rest Buttry media bias Journal Register RT, newspaper strike do what you do best and link to the rest semipermeable learnings cognitive surplus mathewi, Encyclo Google News.", - "long": "Pulse mathewi Project Thunderdome digital first. HuffPo social media optimization try PR dying the notion of the public monetization data visualization audience atomization overcome community, libel lawyer twitterati should isn't a business model fair use innovation Facebook AOL, Walter Cronkite died for your sins horse-race coverage crowdfunding Patch but what's the business model rubber cement horse-race coverage. Lucius Nieman content farm." - }, - "description": "Like button audience atomization overcome Colbert bump Free Darko inverted pyramid we will make them pay, digital circulation strategy Like button totally blowing up on Twitter church of the savvy. Pictures of Goats section open source discuss Frontline analog thinking filters paidContent.", - "url": "http://www.niemanlab.org/journo-ipsum/", - "name": { - "first": "Frans", - "firsti": "F", - "middle": "Fabius", - "middlei": "F", - "last": "Keegan", - "lasti": "K" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "May", - "short": "May", - "digit": "05" - }, - "dayofweek": { - "long": "Thursday", - "short": "Thu" - }, - "day": { - "long": "26", - "short": "26", - "ordinal": "th" - }, - "hour": { - "long": "06", - "short": "6", - "military": "18", - "ampm": "pm" - }, - "minute": { - "long": "37", - "short": "37" - }, - "seconds": "24" - }, - "6": { - "title": "Thunder, thunder, thundercats, Ho!", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/arch", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/animals", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/people/grayscale", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/people/grayscale", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/people/grayscale", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Hong Kong Phooey, number one super g", - "medium": "Hong Kong Phooey, quicker than the human eye. He's got style, a groovy" - }, - "excerpt": { - "short": "Style, and a car that just won't stop. When the going gets tough, he's really rough, with a Hong Kong Phooey chop (Hi-Ya!). Hong Kong Phooey, number.", - "medium": "One super guy. Hong Kong Phooey, quicker than the human eye. Hong Kong Phooey, he's fan-riffic! One for all and all for one, Muskehounds are always ready. One for all and all for one, helping everybody. One for all and all for one.", - "long": "It's a pretty story. Sharing everything with fun, that's the way to be. One for all and all for one, Muskehounds are always ready. One for all and all for one, helping everybody. One for all and all for one, can sound pretty corny. If you've got a problem chum, think how it could be. This is my boss, Jonathan Hart, a self-made millionaire, he's quite a guy. This is Mrs H., she's gorgeous, she's one lady who knows how to take care of herself." - }, - "description": "Beats all you've ever saw, been in trouble with the law since the day they was born. Straight'nin' the curve, flat'nin' the hills. Someday the mountain might get 'em, but the law never will. Makin' their way, the only way they know how, that's just a little bit more than the law will allow. Just good ol' boys, wouldn't change if they could, fightin' the system like a true modern day Robin Hood.", - "url": "http://www.malevole.com/mv/misc/text/", - "name": { - "first": "Fergus", - "firsti": "F", - "middle": "Jon", - "middlei": "J", - "last": "Althuis", - "lasti": "A" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "June", - "short": "Jun", - "digit": "06" - }, - "dayofweek": { - "long": "Friday", - "short": "Fri" - }, - "day": { - "long": "08", - "short": "8", - "ordinal": "th" - }, - "hour": { - "long": "11", - "short": "11", - "military": "23", - "ampm": "pm" - }, - "minute": { - "long": "37", - "short": "37" - }, - "seconds": "33" - }, - "7": { - "title": "Yeah, I like animals better than people sometimes", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/any", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/any", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/any", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/any", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/any", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Now that we know who you are, I know", - "medium": "Who I am. I'm not a mistake! It all makes sense! In a comic, you know" - }, - "excerpt": { - "short": "How you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me.", - "medium": "The lysine contingency - it's intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism. The animals can't manufacture the amin.", - "long": "Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that's what you see at a toy store. And you must think you're in a toy store, because you're here shopping for an infant named Jeb. Acid lysine. Unless they're." - }, - "description": "Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people. Like pit bulls. The dog of dogs. Pit bull can be the right man's best friend... or the wrong man's worst enemy. You going to give me a dog for a pet, give me a pit bull.", - "url": "http://slipsum.com/lite/", - "name": { - "first": "Bertil", - "firsti": "B", - "middle": "Pier", - "middlei": "P", - "last": "Aaij", - "lasti": "A" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "July", - "short": "Jul", - "digit": "07" - }, - "dayofweek": { - "long": "Saturday", - "short": "Sat" - }, - "day": { - "long": "22", - "short": "22", - "ordinal": "nd" - }, - "hour": { - "long": "11", - "short": "11", - "military": "11", - "ampm": "am" - }, - "minute": { - "long": "12", - "short": "12" - }, - "seconds": "47" - }, - "8": { - "title": "Webtwo ipsum dolor sit amet, eskobo chumby doostang bebo", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/any/grayscale", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/any/grayscale", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/any/grayscale", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/any/grayscale", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/any/grayscale", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Webtwo ipsum dolor sit amet, eskobo", - "medium": "Chumby doostang bebo. Wakoopa oooj geni zoho loopt eskobo sifteo chart" - }, - "excerpt": { - "short": "Dropio, chumby waze dopplr plugg oooj yammer jibjab imvu yuntaa knewton, mobly trulia airbnb bitly chegg tivo empressr knewton. Plickers spock voxy.", - "medium": "Zooomr kippt voxy zinch appjet napster trulia, zappos wufoo zapier spotify mzinga jaiku fleck, disqus lijit voxy voki yoono. Dogster elgg jibjab xobni kazaa bebo udemy sifteo kiko, elgg knewton skype mog octopart zoodles kazaa udem.", - "long": "Appjet spock handango empressr lijit palantir weebly dropio jibjab revver kaboodle spotify orkut mobly chegg akismet, handango ebay woopra revver joukuu kosmix unigo oooooc wufoo zanga kno zinch spock knewton. Balihoo greplin bebo squidoo skype kaboodle meebo disqus joost gooru, zlio tumblr edmodo palantir eskobo shopify kiko gsnap. Greplin balihoo chartly plugg imeem diigo trulia plickers qeyno wikia akismet, palantir grockit prezi jabber zo." - }, - "description": "Wufoo diigo grockit sifteo divvyshot, unigo zooomr revver. Edmodo appjet joyent skype bubbli jajah zoodles joukuu xobni hojoki edmodo appjet, mozy mzinga akismet yuntaa joost yuntaa geni tivo insala yoono chumby, grockit sococo loopt zanga etsy cloudera koofers empressr jiglu blippy. Omgpop lanyrd joukuu sococo zimbra airbnb movity jibjab, foodzie.", - "url": "http://web20ipsum.com", - "name": { - "first": "Freyr", - "firsti": "F", - "middle": "Ninian", - "middlei": "N", - "last": "Hines", - "lasti": "H" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "August", - "short": "Aug", - "digit": "08" - }, - "dayofweek": { - "long": "Sunday", - "short": "Sun" - }, - "day": { - "long": "31", - "short": "31", - "ordinal": "st" - }, - "hour": { - "long": "03", - "short": "3", - "military": "15", - "ampm": "pm" - }, - "minute": { - "long": "42", - "short": "42" - }, - "seconds": "21" - }, - "9": { - "title": "Rebel Mission to Ord Mantell", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/any/sepia", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/any/sepia", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/any/sepia", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/any/sepia", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/any/sepia", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "All right. Well, take care of yourself, Han", - "medium": "You don't believe in the Force, do you? The Force is strong with this one" - }, - "excerpt": { - "short": "I'm trying not to, kid. I find your lack of faith disturbing. You are a part of the Rebel Alliance and a traitor! Take her away! I want to come with.", - "medium": "I'm surprised you had the courage to take the responsibility yourself. Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. You don't be.", - "long": "A tremor in the Force. The last time I felt it was in the presence of my old master. You don't believe in the Force, do you? I have traced the Rebel spies to her. Now she is my only link to finding their secret base. A tremor in the Force. The last time I felt it was in the presence of my old master. I'm trying not to, kid. The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. There's nothing for me here." - }, - "description": "I find your lack of faith disturbing. A tremor in the Force. The last time I felt it was in the presence of my old master. Don't act so surprised, Your Highness. You weren't on any mercy mission this time. Several transmissions were beamed to this ship by Rebel spies. I want to know what happened to the plans they sent you. The plans you refer to will soon be back in our hands.", - "url": "http://chrisvalleskey.com/fillerama/", - "name": { - "first": "Jacobus", - "firsti": "J", - "middle": "Domitianus", - "middlei": "D", - "last": "Sneiders", - "lasti": "S" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "September", - "short": "Sep", - "digit": "09" - }, - "dayofweek": { - "long": "Monday", - "short": "Mon" - }, - "day": { - "long": "04", - "short": "4", - "ordinal": "th" - }, - "hour": { - "long": "09", - "short": "9", - "military": "09", - "ampm": "am" - }, - "minute": { - "long": "04", - "short": "4" - }, - "seconds": "37" - }, - "10": { - "title": "Help, help, I'm being repressed!", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/tech/grayscale", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/nature/grayscale", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/arch/grayscale", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/arch/grayscale", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/arch/grayscale", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "The swallow may fly south with the sun", - "medium": "On second thoughts, let's not go there. It is a silly place. You don't" - }, - "excerpt": { - "short": "The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land.", - "medium": "The Knights Who Say Ni demand a sacrifice! Found them? In Mercia?! The coconut's tropical! Where'd you get the coconuts? Why do you think that she is a witch? I am your king. You don't vote for kings. But you are dressed as one. Oh, ow!", - "long": "Well, I didn't vote for you. Burn her! Be quiet! He hasn't got shit all over him. Where'd you get the coconuts? The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land. No! Yes, yes. A bit. But she's got a wart. Shut up! Will you shut up?! I have to push the pram a lot. Now, look here, my good man. Frighten us, English pig-dogs! Go and boil your bottoms." - }, - "description": "The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migrate? Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods. You don't frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!", - "url": "http://chrisvalleskey.com/fillerama/", - "name": { - "first": "Plinius", - "firsti": "P", - "middle": "Varinius", - "middlei": "V", - "last": "Sloane", - "lasti": "S" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "October", - "short": "Oct", - "digit": "10" - }, - "dayofweek": { - "long": "Tuesday", - "short": "Tue" - }, - "day": { - "long": "25", - "short": "25", - "ordinal": "th" - }, - "hour": { - "long": "03", - "short": "3", - "military": "03", - "ampm": "am" - }, - "minute": { - "long": "51", - "short": "51" - }, - "second": "19" - }, - "11": { - "title": "Danish danish candy canes bonbon cheesecake danish marzipan", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/tech/sepia", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/animals/sepia", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/arch/sepia", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/arch/sepia", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/arch/sepia", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Carrot cake fruitcake dessert apple", - "medium": "Pie powder lemon drops sesame snaps cake brownie. Biscuit ice cream gin" - }, - "excerpt": { - "short": "Bread cotton candy marzipan. Baker too go gingerbread topping cupcake donut. Fruitcake marzipan bear claw tart toffee candy cheesecake. Lemon drops.", - "medium": "Cupcake chupa chups pudding gummies. Unerdwear.com cupcake candy soufflé sesame snaps macaroon sesame snaps. Tart dragée muffin. Sweet roll gummi bears caramels fruitcake candy cake. Cotton candy carrot cake tart cotton candy. Jelly.", - "long": "Gingerbread candy icing pastry cake bonbon fruitcake donut. Powder liquorice dessert tart croissant cake. Dessert chocolate cake sweet roll candy candy sesame snaps tiramisu ice cream. Candy candy canes marzipan biscuit cupcake pie pudding. Donut cotton candy muffin. Pastry bear claw icing halvah. Gingerbread cotton candy sweet roll toffee chocolate jujubes. Wafer jujubes danish ice cream lemon drops wafer. Sesame snaps cupcake gummies browni." - }, - "description": "Sugar plum wafer soufflé ice cream. Wafer topping biscuit pie gummi bears topping. Gummies toffee powder applicake oat cake cookie. Bear claw candy tootsie roll fruitcake danish applicake candy canes macaroon. Liquorice tiramisu danish cotton candy gummies. Tiramisu dessert gummi bears macaroon sweet roll jelly-o gummi bears marzipan.", - "url": "http://cupcakeipsum.com/", - "name": { - "first": "Matthias", - "firsti": "M", - "middle": "Brady", - "middlei": "B", - "last": "Macguinness", - "lasti": "M" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "November", - "short": "Nov", - "digit": "11" - }, - "dayofweek": { - "long": "Wednesday", - "short": "Wed" - }, - "day": { - "long": "19", - "short": "19", - "ordinal": "th" - }, - "hour": { - "long": "11", - "short": "11", - "military": "23", - "ampm": "pm" - }, - "minute": { - "long": "55", - "short": "55" - }, - "seconds": "12" - }, - "12": { - "title": "Cottage cheese brie lancashire. Boursin when the cheese comes out.", - "img": { - "avatar": { - "src": "http://placeimg.com/100/100/people/sepia", - "alt": "Avatar" - }, - "square": { - "src": "http://placeimg.com/300/300/people/sepia", - "alt": "Square" - }, - "rectangle": { - "src": "http://placeimg.com/400/300/people/sepia", - "alt": "Rectangle" - }, - "landscape-4x3": { - "src": "http://placeimg.com/400/300/people/sepia", - "alt": "4x3 Image" - }, - "landscape-16x9": { - "src": "http://placeimg.com/640/360/people/sepia", - "alt": "16x9 Image" - } - }, - "headline": { - "short": "Cauliflower cheese cream cheese baby", - "medium": "Lancashire cheesy feet rubber cheese cheese and wine gouda the big chee" - }, - "excerpt": { - "short": "Queso fromage. Taleggio boursin bavarian bergkase cream cheese when the cheese comes out everybody's happy port-salut halloumi pecorino. Caerphilly cut the cheese manchego camembert de normandie goat melted cheese cheese and biscuit.", - "medium": "Pecorino queso lancashire. Manchego lancashire cheesy feet emmental babybel cheese strings dolcelatte bavarian bergkase. Ricotta cheese slices cheesy grin cow cheesecake smelly cheese mascarpone lancashire. Cow say cheese babybel do.", - "long": "Cheesy grin macaroni cheese airedale. Fromage frais airedale cheese and wine brie cow swiss swiss mozzarella. Emmental cheese triangles edam rubber cheese pepper jack ricotta airedale airedale. Brie parmesan smelly cheese cheese strings stinking bishop cheese strings taleggio. Bocconcini blue castello gouda. Everyone loves caerphilly rubber cheese halloumi smelly cheese melted cheese melted cheese bavarian bergkase. Rubber cheese ricotta emm." - }, - "description": "Queso caerphilly cheesecake. Parmesan chalk and cheese port-salut port-salut babybel cottage cheese cheesy grin pepper jack. Croque monsieur paneer st. agur blue cheese emmental airedale monterey jack bavarian bergkase cheese triangles. Halloumi parmesan.", - "url": "http://www.cheeseipsum.co.uk/", - "name": { - "first": "Aquila", - "firsti": "A", - "middle": "Gaius", - "middlei": "G", - "last": "Achterkamp", - "lasti": "A" - }, - "year": { - "long": "2013", - "short": "13" - }, - "month": { - "long": "December", - "short": "Dec", - "digit": "12" - }, - "dayofweek": { - "long": "Thursday", - "short": "Thu" - }, - "day": { - "long": "28", - "short": "28", - "ordinal": "th" - }, - "hour": { - "long": "08", - "short": "8", - "military": "08", - "ampm": "am" - }, - "minute": { - "long": "34", - "short": "34" - }, - "seconds": "56" - } -} \ No newline at end of file + "1": { + "title": "Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/people", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/nature", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/tech", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/tech", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/tech", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Lorizzle pimpin' dolizzle sit amet I", + "medium": "Rizzle adipiscing elizzle. Nullam sapien velizzle, shit volutpizzle, my" + }, + "excerpt": { + "short": "Shizz fo shizzle mah nizzle fo rizzle, mah home g-dizzle, gravida vizzle, arcu. Pellentesque crunk tortizzle. Sed erizzle. Black izzle sheezy telliv.", + "medium": "Izzle crazy tempizzle sizzle. We gonna chung gangsta get down get down fo shizzle turpizzle. Away break it down black. Pellentesque bling bling rhoncus fo shizzle. In hac the bizzle platea dictumst. Black dapibizzle. Crackalackin.", + "long": "Curabitizzle fo shizzle diam quizzle nisi nizzle mollizzle. Suspendisse boofron. Morbi odio. Sure pizzle. Crazy orci. Shut the shizzle up maurizzle get down get down, check out this a, go to hizzle sit amizzle, malesuada izzle, pede. Pellentesque gravida. Vestibulizzle check it out mi, volutpat izzle, shiz sed, shiznit sempizzle, da bomb. Funky fresh in ipsum. Da bomb volutpat felis vizzle daahng dawg. Crizzle quis dope izzle fo shizzle my ni." + }, + "description": "Fizzle crazy tortor. Sed rizzle. Ass pimpin' dolor dapibizzle turpis tempizzle fo shizzle my nizzle. Maurizzle pellentesque its fo rizzle izzle turpis. Get down get down we gonna chung nizzle. Shizzlin dizzle eleifend rhoncizzle break it down. In yo ghetto platea dictumst. Bling bling dapibizzle. Curabitur break yo neck, yall fo, pretizzle eu, go to hizzle dope, own yo' vitae, nunc. Bizzle suscipizzle. Ass semper velit sizzle fo.", + "url": "http://lorizzle.nl/", + "name": { + "first": "Junius", + "firsti": "J", + "middle": "Marius", + "middlei": "M", + "last": "Koolen", + "lasti": "K" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "January", + "short": "Jan", + "digit": "01" + }, + "dayofweek": { + "long": "Sunday", + "short": "Sun" + }, + "day": { + "long": "01", + "short": "1", + "ordinal": "st" + }, + "hour": { + "long": "06", + "short": "6", + "military": "06", + "ampm": "am" + }, + "minute": { + "long": "20", + "short": "20" + }, + "seconds": "31" + }, + "2": { + "title": "Veggies sunt bona vobis, proinde vos postulo", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/nature", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/tech", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/people", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/people", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/people", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Veggies sunt bona vobis, proinde vos", + "medium": "Postulo esse magis azuki bean burdock brussels sprout quandong komatsun" + }, + "excerpt": { + "short": "A fava bean collard greens endive tomatillo lotus root okra winter purslane zucchini parsley spinach artichoke. Brussels sprout pea turnip catsear.", + "medium": "Bush tomato gumbo potato garbanzo ricebean burdock daikon coriander kale quandong. Bok choy celery leek avocado shallot horseradish aubergine parsley. Bok choy bell pepper kale celery desert raisin kakadu plum bok choy bunya nuts.", + "long": "Spinach tigernut. Corn cucumber grape black-eyed pea asparagus spinach avocado dulse bunya nuts epazote celery desert raisin celtuce burdock plantain yarrow napa cabbage. Plantain okra seakale endive tigernut pea sprouts asparagus corn chard peanut beet greens groundnut radicchio carrot coriander gumbo gram celtuce. Jícama nori bamboo shoot collard greens okra radicchio tomato. Catsear mustard corn tigernut celery kale water spinach bok choy." + }, + "description": "Mung bean squash sorrel taro coriander collard greens gumbo bitterleaf tomato. Taro water chestnut celtuce turnip yarrow celery endive scallion black-eyed pea onion. Aubergine dulse turnip greens mustard salsify garlic soybean parsley bitterleaf desert raisin courgette.", + "url": "http://veggieipsum.com", + "name": { + "first": "Siguror", + "firsti": "S", + "middle": "Aron", + "middlei": "A", + "last": "Hanigan", + "lasti": "H" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "February", + "short": "Feb", + "digit": "02" + }, + "dayofweek": { + "long": "Monday", + "short": "Mon" + }, + "day": { + "long": "10", + "short": "10", + "ordinal": "th" + }, + "hour": { + "long": "01", + "short": "1", + "military": "13", + "ampm": "pm" + }, + "minute": { + "long": "20", + "short": "20" + }, + "seconds": "31" + }, + "3": { + "title": "Bacon ipsum dolor sit amet turducken strip steak beef ribs shank", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/tech", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/people", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/nature", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/nature", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/nature", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Bacon ipsum dolor sit amet spare rib", + "medium": "Tongue pancetta short ribs bacon. Kielbasa ball tip cow bresaola, capic" + }, + "excerpt": { + "short": "Tail jerky rump shoulder t-bone meatball meatloaf salami. Filet mignon shank t-bone venison, ham hock ribeye drumstick bresaola kielbasa. Frankfurter.", + "medium": "Doner biltong turducken leberkas. Rump swine pork loin ribeye ball tip meatloaf, pork chop ground round pig pancetta cow biltong brisket. Beef corned beef beef ribs, bacon pork belly sausage meatball boudin doner ham hock. Swine gro.", + "long": "Und round meatball, bacon pig leberkas corned beef tongue shoulder. Drumstick pork loin prosciutto ball tip shank pancetta spare ribs jowl pastrami. Frankfurter boudin filet mignon ribeye. Pig hamburger strip steak ham turducken prosciutto bresaola ground round pancetta frankfurter jowl. Frankfurter tongue brisket tenderloin, beef ribs pastrami biltong tail bresaola flank. Biltong pork chop beef boudin hamburger bacon. Capicola bresaola sausage." + }, + "description": "Boudin sausage jerky pastrami ground round salami biltong. Sausage fatback strip steak doner pork loin, pork belly drumstick ham short loin hamburger shankle. Short ribs sirloin rump tri-tip beef biltong. Meatball pig salami, jowl pork loin fatback short loin drumstick andouille.", + "url": "http://baconipsum.com/", + "name": { + "first": "Teun", + "firsti": "T", + "middle": "Jodocus", + "middlei": "J", + "last": "Richard", + "lasti": "R" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "March", + "short": "Mar", + "digit": "03" + }, + "dayofweek": { + "long": "Tuesday", + "short": "Tue" + }, + "day": { + "long": "22", + "short": "22", + "ordinal": "nd" + }, + "hour": { + "long": "04", + "short": "4", + "military": "16", + "ampm": "pm" + }, + "minute": { + "long": "45", + "short": "45" + }, + "seconds": "11" + }, + "4": { + "title": "Whatever swag accusamus occupy, gentrify butcher tote bag", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/animals", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/arch", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/people/grayscale", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/people/greyscale", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/people/greyscale", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Nesciunt sunt cillum keytar Pitchfork", + "medium": "Tote bag mixtape PBR Helvetica scenester forage four loko. Irure Tonx" + }, + "excerpt": { + "short": "Golf quis +1, Wes Anderson church-key lo-fi keffiyeh selvage culpa authentic Brooklyn fap chambray. Id synth yr, 3 wolf moon locavore +1 mixtape do.", + "medium": "Sed single-origin coffee anim eu. Bicycle rights Neutra Truffaut pop-up. Paleo hella irure meh Banksy, Wes Anderson typewriter VHS jean shorts yr. Eiusmod officia banjo Thundercats, odio laborum magna deep v cornhole nostrud kitsch.", + "long": "Tattooed Williamsburg. Jean shorts proident kogi laboris. Non tote bag pariatur elit slow-carb, Vice irure eu Echo Park ea aliqua chillwave. Cornhole Etsy quinoa Pinterest cardigan. Excepteur quis forage, Blue Bottle keffiyeh velit hoodie direct trade typewriter Etsy. Fingerstache squid non, sriracha drinking vinegar Shoreditch pork belly. Paleo sartorial mollit 3 wolf moon chambray whatever, sed tote bag small batch freegan. Master cleanse." + }, + "description": "Fanny pack ullamco et veniam semiotics. Shoreditch PBR reprehenderit cliche, magna Tonx aesthetic. Narwhal photo booth DIY aute post-ironic anim. Vice cliche brunch est before they sold out fap, street art Odd Future fashion axe messenger bag nihil Tonx tattooed. Nihil hashtag incididunt, do eu art party Banksy jean shorts four loko typewriter.", + "url": "http://hipsteripsum.me/", + "name": { + "first": "Duane", + "firsti": "D", + "middle": "Edvin", + "middlei": "E", + "last": "Wilms", + "lasti": "W" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "April", + "short": "Apr", + "digit": "04" + }, + "dayofweek": { + "long": "Wednesday", + "short": "Wed" + }, + "day": { + "long": "13", + "short": "13", + "ordinal": "th" + }, + "hour": { + "long": "10", + "short": "10", + "military": "10", + "ampm": "am" + }, + "minute": { + "long": "14", + "short": "14" + }, + "seconds": "52" + }, + "5": { + "title": "Marshall McLuhan Colbert bump backpack journalist vast wasteland Romenesko CPM", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/people/grayscale", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/animals", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/arch", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/arch", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/arch", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Blog meme masthead DocumentCloud Fou", + "medium": "Square tabloid Andy Carvin stupid commenters, Nick Denton mathewi semip" + }, + "excerpt": { + "short": "I love the Weather & Opera section Groupon copyright in the slot, Journal Register open newsroom analytics future totally blowing up on Twitter AOL.", + "medium": "CTR mthomps Flipboard do what you do best and link to the rest Buttry media bias Journal Register RT, newspaper strike do what you do best and link to the rest semipermeable learnings cognitive surplus mathewi, Encyclo Google News.", + "long": "Pulse mathewi Project Thunderdome digital first. HuffPo social media optimization try PR dying the notion of the public monetization data visualization audience atomization overcome community, libel lawyer twitterati should isn't a business model fair use innovation Facebook AOL, Walter Cronkite died for your sins horse-race coverage crowdfunding Patch but what's the business model rubber cement horse-race coverage. Lucius Nieman content farm." + }, + "description": "Like button audience atomization overcome Colbert bump Free Darko inverted pyramid we will make them pay, digital circulation strategy Like button totally blowing up on Twitter church of the savvy. Pictures of Goats section open source discuss Frontline analog thinking filters paidContent.", + "url": "http://www.niemanlab.org/journo-ipsum/", + "name": { + "first": "Frans", + "firsti": "F", + "middle": "Fabius", + "middlei": "F", + "last": "Keegan", + "lasti": "K" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "May", + "short": "May", + "digit": "05" + }, + "dayofweek": { + "long": "Thursday", + "short": "Thu" + }, + "day": { + "long": "26", + "short": "26", + "ordinal": "th" + }, + "hour": { + "long": "06", + "short": "6", + "military": "18", + "ampm": "pm" + }, + "minute": { + "long": "37", + "short": "37" + }, + "seconds": "24" + }, + "6": { + "title": "Thunder, thunder, thundercats, Ho!", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/arch", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/animals", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/people/grayscale", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/people/grayscale", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/people/grayscale", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Hong Kong Phooey, number one super g", + "medium": "Hong Kong Phooey, quicker than the human eye. He's got style, a groovy" + }, + "excerpt": { + "short": "Style, and a car that just won't stop. When the going gets tough, he's really rough, with a Hong Kong Phooey chop (Hi-Ya!). Hong Kong Phooey, number.", + "medium": "One super guy. Hong Kong Phooey, quicker than the human eye. Hong Kong Phooey, he's fan-riffic! One for all and all for one, Muskehounds are always ready. One for all and all for one, helping everybody. One for all and all for one.", + "long": "It's a pretty story. Sharing everything with fun, that's the way to be. One for all and all for one, Muskehounds are always ready. One for all and all for one, helping everybody. One for all and all for one, can sound pretty corny. If you've got a problem chum, think how it could be. This is my boss, Jonathan Hart, a self-made millionaire, he's quite a guy. This is Mrs H., she's gorgeous, she's one lady who knows how to take care of herself." + }, + "description": "Beats all you've ever saw, been in trouble with the law since the day they was born. Straight'nin' the curve, flat'nin' the hills. Someday the mountain might get 'em, but the law never will. Makin' their way, the only way they know how, that's just a little bit more than the law will allow. Just good ol' boys, wouldn't change if they could, fightin' the system like a true modern day Robin Hood.", + "url": "http://www.malevole.com/mv/misc/text/", + "name": { + "first": "Fergus", + "firsti": "F", + "middle": "Jon", + "middlei": "J", + "last": "Althuis", + "lasti": "A" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "June", + "short": "Jun", + "digit": "06" + }, + "dayofweek": { + "long": "Friday", + "short": "Fri" + }, + "day": { + "long": "08", + "short": "8", + "ordinal": "th" + }, + "hour": { + "long": "11", + "short": "11", + "military": "23", + "ampm": "pm" + }, + "minute": { + "long": "37", + "short": "37" + }, + "seconds": "33" + }, + "7": { + "title": "Yeah, I like animals better than people sometimes", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/any", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/any", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/any", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/any", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/any", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Now that we know who you are, I know", + "medium": "Who I am. I'm not a mistake! It all makes sense! In a comic, you know" + }, + "excerpt": { + "short": "How you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me.", + "medium": "The lysine contingency - it's intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism. The animals can't manufacture the amin.", + "long": "Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that's what you see at a toy store. And you must think you're in a toy store, because you're here shopping for an infant named Jeb. Acid lysine. Unless they're." + }, + "description": "Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people. Like pit bulls. The dog of dogs. Pit bull can be the right man's best friend... or the wrong man's worst enemy. You going to give me a dog for a pet, give me a pit bull.", + "url": "http://slipsum.com/lite/", + "name": { + "first": "Bertil", + "firsti": "B", + "middle": "Pier", + "middlei": "P", + "last": "Aaij", + "lasti": "A" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "July", + "short": "Jul", + "digit": "07" + }, + "dayofweek": { + "long": "Saturday", + "short": "Sat" + }, + "day": { + "long": "22", + "short": "22", + "ordinal": "nd" + }, + "hour": { + "long": "11", + "short": "11", + "military": "11", + "ampm": "am" + }, + "minute": { + "long": "12", + "short": "12" + }, + "seconds": "47" + }, + "8": { + "title": "Webtwo ipsum dolor sit amet, eskobo chumby doostang bebo", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/any/grayscale", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/any/grayscale", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/any/grayscale", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/any/grayscale", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/any/grayscale", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Webtwo ipsum dolor sit amet, eskobo", + "medium": "Chumby doostang bebo. Wakoopa oooj geni zoho loopt eskobo sifteo chart" + }, + "excerpt": { + "short": "Dropio, chumby waze dopplr plugg oooj yammer jibjab imvu yuntaa knewton, mobly trulia airbnb bitly chegg tivo empressr knewton. Plickers spock voxy.", + "medium": "Zooomr kippt voxy zinch appjet napster trulia, zappos wufoo zapier spotify mzinga jaiku fleck, disqus lijit voxy voki yoono. Dogster elgg jibjab xobni kazaa bebo udemy sifteo kiko, elgg knewton skype mog octopart zoodles kazaa udem.", + "long": "Appjet spock handango empressr lijit palantir weebly dropio jibjab revver kaboodle spotify orkut mobly chegg akismet, handango ebay woopra revver joukuu kosmix unigo oooooc wufoo zanga kno zinch spock knewton. Balihoo greplin bebo squidoo skype kaboodle meebo disqus joost gooru, zlio tumblr edmodo palantir eskobo shopify kiko gsnap. Greplin balihoo chartly plugg imeem diigo trulia plickers qeyno wikia akismet, palantir grockit prezi jabber zo." + }, + "description": "Wufoo diigo grockit sifteo divvyshot, unigo zooomr revver. Edmodo appjet joyent skype bubbli jajah zoodles joukuu xobni hojoki edmodo appjet, mozy mzinga akismet yuntaa joost yuntaa geni tivo insala yoono chumby, grockit sococo loopt zanga etsy cloudera koofers empressr jiglu blippy. Omgpop lanyrd joukuu sococo zimbra airbnb movity jibjab, foodzie.", + "url": "http://web20ipsum.com", + "name": { + "first": "Freyr", + "firsti": "F", + "middle": "Ninian", + "middlei": "N", + "last": "Hines", + "lasti": "H" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "August", + "short": "Aug", + "digit": "08" + }, + "dayofweek": { + "long": "Sunday", + "short": "Sun" + }, + "day": { + "long": "31", + "short": "31", + "ordinal": "st" + }, + "hour": { + "long": "03", + "short": "3", + "military": "15", + "ampm": "pm" + }, + "minute": { + "long": "42", + "short": "42" + }, + "seconds": "21" + }, + "9": { + "title": "Rebel Mission to Ord Mantell", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/any/sepia", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/any/sepia", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/any/sepia", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/any/sepia", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/any/sepia", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "All right. Well, take care of yourself, Han", + "medium": "You don't believe in the Force, do you? The Force is strong with this one" + }, + "excerpt": { + "short": "I'm trying not to, kid. I find your lack of faith disturbing. You are a part of the Rebel Alliance and a traitor! Take her away! I want to come with.", + "medium": "I'm surprised you had the courage to take the responsibility yourself. Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. You don't be.", + "long": "A tremor in the Force. The last time I felt it was in the presence of my old master. You don't believe in the Force, do you? I have traced the Rebel spies to her. Now she is my only link to finding their secret base. A tremor in the Force. The last time I felt it was in the presence of my old master. I'm trying not to, kid. The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. There's nothing for me here." + }, + "description": "I find your lack of faith disturbing. A tremor in the Force. The last time I felt it was in the presence of my old master. Don't act so surprised, Your Highness. You weren't on any mercy mission this time. Several transmissions were beamed to this ship by Rebel spies. I want to know what happened to the plans they sent you. The plans you refer to will soon be back in our hands.", + "url": "http://chrisvalleskey.com/fillerama/", + "name": { + "first": "Jacobus", + "firsti": "J", + "middle": "Domitianus", + "middlei": "D", + "last": "Sneiders", + "lasti": "S" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "September", + "short": "Sep", + "digit": "09" + }, + "dayofweek": { + "long": "Monday", + "short": "Mon" + }, + "day": { + "long": "04", + "short": "4", + "ordinal": "th" + }, + "hour": { + "long": "09", + "short": "9", + "military": "09", + "ampm": "am" + }, + "minute": { + "long": "04", + "short": "4" + }, + "seconds": "37" + }, + "10": { + "title": "Help, help, I'm being repressed!", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/tech/grayscale", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/nature/grayscale", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/arch/grayscale", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/arch/grayscale", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/arch/grayscale", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "The swallow may fly south with the sun", + "medium": "On second thoughts, let's not go there. It is a silly place. You don't" + }, + "excerpt": { + "short": "The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land.", + "medium": "The Knights Who Say Ni demand a sacrifice! Found them? In Mercia?! The coconut's tropical! Where'd you get the coconuts? Why do you think that she is a witch? I am your king. You don't vote for kings. But you are dressed as one. Oh, ow!", + "long": "Well, I didn't vote for you. Burn her! Be quiet! He hasn't got shit all over him. Where'd you get the coconuts? The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land. No! Yes, yes. A bit. But she's got a wart. Shut up! Will you shut up?! I have to push the pram a lot. Now, look here, my good man. Frighten us, English pig-dogs! Go and boil your bottoms." + }, + "description": "The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migrate? Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods. You don't frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!", + "url": "http://chrisvalleskey.com/fillerama/", + "name": { + "first": "Plinius", + "firsti": "P", + "middle": "Varinius", + "middlei": "V", + "last": "Sloane", + "lasti": "S" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "October", + "short": "Oct", + "digit": "10" + }, + "dayofweek": { + "long": "Tuesday", + "short": "Tue" + }, + "day": { + "long": "25", + "short": "25", + "ordinal": "th" + }, + "hour": { + "long": "03", + "short": "3", + "military": "03", + "ampm": "am" + }, + "minute": { + "long": "51", + "short": "51" + }, + "second": "19" + }, + "11": { + "title": "Danish danish candy canes bonbon cheesecake danish marzipan", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/tech/sepia", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/animals/sepia", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/arch/sepia", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/arch/sepia", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/arch/sepia", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Carrot cake fruitcake dessert apple", + "medium": "Pie powder lemon drops sesame snaps cake brownie. Biscuit ice cream gin" + }, + "excerpt": { + "short": "Bread cotton candy marzipan. Baker too go gingerbread topping cupcake donut. Fruitcake marzipan bear claw tart toffee candy cheesecake. Lemon drops.", + "medium": "Cupcake chupa chups pudding gummies. Unerdwear.com cupcake candy soufflé sesame snaps macaroon sesame snaps. Tart dragée muffin. Sweet roll gummi bears caramels fruitcake candy cake. Cotton candy carrot cake tart cotton candy. Jelly.", + "long": "Gingerbread candy icing pastry cake bonbon fruitcake donut. Powder liquorice dessert tart croissant cake. Dessert chocolate cake sweet roll candy candy sesame snaps tiramisu ice cream. Candy candy canes marzipan biscuit cupcake pie pudding. Donut cotton candy muffin. Pastry bear claw icing halvah. Gingerbread cotton candy sweet roll toffee chocolate jujubes. Wafer jujubes danish ice cream lemon drops wafer. Sesame snaps cupcake gummies browni." + }, + "description": "Sugar plum wafer soufflé ice cream. Wafer topping biscuit pie gummi bears topping. Gummies toffee powder applicake oat cake cookie. Bear claw candy tootsie roll fruitcake danish applicake candy canes macaroon. Liquorice tiramisu danish cotton candy gummies. Tiramisu dessert gummi bears macaroon sweet roll jelly-o gummi bears marzipan.", + "url": "http://cupcakeipsum.com/", + "name": { + "first": "Matthias", + "firsti": "M", + "middle": "Brady", + "middlei": "B", + "last": "Macguinness", + "lasti": "M" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "November", + "short": "Nov", + "digit": "11" + }, + "dayofweek": { + "long": "Wednesday", + "short": "Wed" + }, + "day": { + "long": "19", + "short": "19", + "ordinal": "th" + }, + "hour": { + "long": "11", + "short": "11", + "military": "23", + "ampm": "pm" + }, + "minute": { + "long": "55", + "short": "55" + }, + "seconds": "12" + }, + "12": { + "title": "Cottage cheese brie lancashire. Boursin when the cheese comes out.", + "img": { + "avatar": { + "src": "http://placeimg.com/100/100/people/sepia", + "alt": "Avatar" + }, + "square": { + "src": "http://placeimg.com/300/300/people/sepia", + "alt": "Square" + }, + "rectangle": { + "src": "http://placeimg.com/400/300/people/sepia", + "alt": "Rectangle" + }, + "landscape-4x3": { + "src": "http://placeimg.com/400/300/people/sepia", + "alt": "4x3 Image" + }, + "landscape-16x9": { + "src": "http://placeimg.com/640/360/people/sepia", + "alt": "16x9 Image" + } + }, + "headline": { + "short": "Cauliflower cheese cream cheese baby", + "medium": "Lancashire cheesy feet rubber cheese cheese and wine gouda the big chee" + }, + "excerpt": { + "short": "Queso fromage. Taleggio boursin bavarian bergkase cream cheese when the cheese comes out everybody's happy port-salut halloumi pecorino. Caerphilly cut the cheese manchego camembert de normandie goat melted cheese cheese and biscuit.", + "medium": "Pecorino queso lancashire. Manchego lancashire cheesy feet emmental babybel cheese strings dolcelatte bavarian bergkase. Ricotta cheese slices cheesy grin cow cheesecake smelly cheese mascarpone lancashire. Cow say cheese babybel do.", + "long": "Cheesy grin macaroni cheese airedale. Fromage frais airedale cheese and wine brie cow swiss swiss mozzarella. Emmental cheese triangles edam rubber cheese pepper jack ricotta airedale airedale. Brie parmesan smelly cheese cheese strings stinking bishop cheese strings taleggio. Bocconcini blue castello gouda. Everyone loves caerphilly rubber cheese halloumi smelly cheese melted cheese melted cheese bavarian bergkase. Rubber cheese ricotta emm." + }, + "description": "Queso caerphilly cheesecake. Parmesan chalk and cheese port-salut port-salut babybel cottage cheese cheesy grin pepper jack. Croque monsieur paneer st. agur blue cheese emmental airedale monterey jack bavarian bergkase cheese triangles. Halloumi parmesan.", + "url": "http://www.cheeseipsum.co.uk/", + "name": { + "first": "Aquila", + "firsti": "A", + "middle": "Gaius", + "middlei": "G", + "last": "Achterkamp", + "lasti": "A" + }, + "year": { + "long": "2013", + "short": "13" + }, + "month": { + "long": "December", + "short": "Dec", + "digit": "12" + }, + "dayofweek": { + "long": "Thursday", + "short": "Thu" + }, + "day": { + "long": "28", + "short": "28", + "ordinal": "th" + }, + "hour": { + "long": "08", + "short": "8", + "military": "08", + "ampm": "am" + }, + "minute": { + "long": "34", + "short": "34" + }, + "seconds": "56" + } +} diff --git a/source/_meta/_00-head.mustache b/source/_meta/_00-head.mustache index 4b59b5d..0697272 100644 --- a/source/_meta/_00-head.mustache +++ b/source/_meta/_00-head.mustache @@ -1,16 +1,17 @@ - - {{ title }} - - - - - - - - {{{ patternLabHead }}} - - - - + + {{ title }} + + + + + + + + {{{ patternLabHead }}} + + + + + diff --git a/source/_meta/_01-foot.mustache b/source/_meta/_01-foot.mustache index 323ee84..7c15d6a 100644 --- a/source/_meta/_01-foot.mustache +++ b/source/_meta/_01-foot.mustache @@ -1,6 +1,6 @@ - - - {{{ patternLabFoot }}} - - - \ No newline at end of file + + + {{{ patternLabFoot }}} + + + diff --git a/source/_patterns/.gitkeep b/source/_patterns/.gitkeep new file mode 100644 index 0000000..c7c2a5f --- /dev/null +++ b/source/_patterns/.gitkeep @@ -0,0 +1 @@ +keeping this dir around diff --git a/source/_patterns/00-atoms/01-global/00-colors.md b/source/_patterns/00-atoms/01-global/00-colors.md deleted file mode 100644 index 69993b2..0000000 --- a/source/_patterns/00-atoms/01-global/00-colors.md +++ /dev/null @@ -1,3 +0,0 @@ -## Humble Beginnings - -Don't you love a good grayscale? diff --git a/source/_patterns/00-atoms/01-global/00-colors.mustache b/source/_patterns/00-atoms/01-global/00-colors.mustache deleted file mode 100644 index 5205b22..0000000 --- a/source/_patterns/00-atoms/01-global/00-colors.mustache +++ /dev/null @@ -1,26 +0,0 @@ - diff --git a/source/_patterns/00-atoms/01-global/01-fonts.mustache b/source/_patterns/00-atoms/01-global/01-fonts.mustache deleted file mode 100644 index 11d612c..0000000 --- a/source/_patterns/00-atoms/01-global/01-fonts.mustache +++ /dev/null @@ -1,6 +0,0 @@ -
Primary font: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
-
Primary font italic: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
-
Primary font bold: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
-
Secondary font: Georgia, Times, "Times New Roman", serif;
-
Secondary font italic: Georgia, Times, "Times New Roman", serif;
-
Secondary font bold; Georgia, Times, "Times New Roman", serif;
\ No newline at end of file diff --git a/source/_patterns/00-atoms/01-global/02-animations.mustache b/source/_patterns/00-atoms/01-global/02-animations.mustache deleted file mode 100644 index 7d30745..0000000 --- a/source/_patterns/00-atoms/01-global/02-animations.mustache +++ /dev/null @@ -1,3 +0,0 @@ -
Fade: Duration: 0.3s Easing: ease-out (Hover to see effect)
- -
Movement: Duration: 0.8s Easing: ease-in-out; (Hover to see effect)
\ No newline at end of file diff --git a/source/_patterns/00-atoms/02-text/00-headings.mustache b/source/_patterns/00-atoms/02-text/00-headings.mustache deleted file mode 100644 index 43f648c..0000000 --- a/source/_patterns/00-atoms/02-text/00-headings.mustache +++ /dev/null @@ -1,6 +0,0 @@ -

Heading Level 1

-

Heading Level 2

-

Heading Level 3

-

Heading Level 4

-
Heading Level 5
-
Heading Level 6
\ No newline at end of file diff --git a/source/_patterns/00-atoms/02-text/01-paragraph.mustache b/source/_patterns/00-atoms/02-text/01-paragraph.mustache deleted file mode 100644 index 4ed3f6c..0000000 --- a/source/_patterns/00-atoms/02-text/01-paragraph.mustache +++ /dev/null @@ -1 +0,0 @@ -

A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

\ No newline at end of file diff --git a/source/_patterns/00-atoms/02-text/02-blockquote.mustache b/source/_patterns/00-atoms/02-text/02-blockquote.mustache deleted file mode 100644 index 2f11319..0000000 --- a/source/_patterns/00-atoms/02-text/02-blockquote.mustache +++ /dev/null @@ -1,3 +0,0 @@ -
-

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/02-text/03-inline-elements.mustache b/source/_patterns/00-atoms/02-text/03-inline-elements.mustache deleted file mode 100644 index dd4ff1f..0000000 --- a/source/_patterns/00-atoms/02-text/03-inline-elements.mustache +++ /dev/null @@ -1,41 +0,0 @@ -
-

This is a text link

- -

Strong is used to indicate strong importance

- -

This text has added emphasis

- -

The b element is stylistically different text from normal text, without any special importance

- -

The i element is text that is set off from the normal text

- -

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

- -

This text is deleted and This text is inserted

- -

This text has a strikethrough

- -

Superscript®

- -

Subscript for things like H2O

- -

This small text is small for for fine print, etc.

- -

Abbreviation: HTML

- -

Keybord input: Cmd

- -

This text is a short inline quotation

- -

This is a citation - -

The dfn element indicates a definition.

- -

The mark element indicates a highlight

- -

This is what inline code looks like.

- -

This is sample output from a computer program

- -

The variarble element, such as x = y

-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/02-text/04-time.mustache b/source/_patterns/00-atoms/02-text/04-time.mustache deleted file mode 100644 index 26cecc1..0000000 --- a/source/_patterns/00-atoms/02-text/04-time.mustache +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/00-atoms/02-text/05-preformatted-text.mustache b/source/_patterns/00-atoms/02-text/05-preformatted-text.mustache deleted file mode 100644 index 70de25e..0000000 --- a/source/_patterns/00-atoms/02-text/05-preformatted-text.mustache +++ /dev/null @@ -1,9 +0,0 @@ -
  	
-P R E F O R M A T T E D T E X T
-! " # $ % & ' ( ) * + , - . /
-0 1 2 3 4 5 6 7 8 9 : ; < = > ?
-@ A B C D E F G H I J K L M N O
-P Q R S T U V W X Y Z [ \ ] ^ _
-` a b c d e f g h i j k l m n o
-p q r s t u v w x y z { | } ~ 
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/02-text/06-hr.mustache b/source/_patterns/00-atoms/02-text/06-hr.mustache deleted file mode 100644 index 1d6667d..0000000 --- a/source/_patterns/00-atoms/02-text/06-hr.mustache +++ /dev/null @@ -1 +0,0 @@ -
\ No newline at end of file diff --git a/source/_patterns/00-atoms/03-lists/00-unordered.mustache b/source/_patterns/00-atoms/03-lists/00-unordered.mustache deleted file mode 100644 index 3f9de34..0000000 --- a/source/_patterns/00-atoms/03-lists/00-unordered.mustache +++ /dev/null @@ -1,14 +0,0 @@ -
- -
\ No newline at end of file diff --git a/source/_patterns/00-atoms/03-lists/01-ordered.mustache b/source/_patterns/00-atoms/03-lists/01-ordered.mustache deleted file mode 100644 index e206c7b..0000000 --- a/source/_patterns/00-atoms/03-lists/01-ordered.mustache +++ /dev/null @@ -1,14 +0,0 @@ -
-
    -
  1. This is a list item in an ordered list
  2. -
  3. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
  4. -
  5. - Lists can be nested inside of each other -
      -
    1. This is a nested list item
    2. -
    3. This is another nested list item in an ordered list
    4. -
    -
  6. -
  7. This is the last list item
  8. -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/04-images/favicon.mustache b/source/_patterns/00-atoms/04-images/favicon.mustache deleted file mode 100644 index 58ac2d9..0000000 --- a/source/_patterns/00-atoms/04-images/favicon.mustache +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/00-atoms/04-images/loading-icon.mustache b/source/_patterns/00-atoms/04-images/loading-icon.mustache deleted file mode 100644 index 9a10165..0000000 --- a/source/_patterns/00-atoms/04-images/loading-icon.mustache +++ /dev/null @@ -1 +0,0 @@ -Loading \ No newline at end of file diff --git a/source/_patterns/00-atoms/05-forms/00-text-fields.mustache b/source/_patterns/00-atoms/05-forms/00-text-fields.mustache deleted file mode 100644 index 90cbb77..0000000 --- a/source/_patterns/00-atoms/05-forms/00-text-fields.mustache +++ /dev/null @@ -1,38 +0,0 @@ -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/05-forms/00-text-inputs.mustache b/source/_patterns/00-atoms/05-forms/00-text-inputs.mustache deleted file mode 100644 index 012c8eb..0000000 --- a/source/_patterns/00-atoms/05-forms/00-text-inputs.mustache +++ /dev/null @@ -1,30 +0,0 @@ -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/05-forms/01-select-menu.mustache b/source/_patterns/00-atoms/05-forms/01-select-menu.mustache deleted file mode 100644 index 760c919..0000000 --- a/source/_patterns/00-atoms/05-forms/01-select-menu.mustache +++ /dev/null @@ -1,12 +0,0 @@ -
-
- - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/05-forms/01-textarea.mustache b/source/_patterns/00-atoms/05-forms/01-textarea.mustache deleted file mode 100644 index a797680..0000000 --- a/source/_patterns/00-atoms/05-forms/01-textarea.mustache +++ /dev/null @@ -1,4 +0,0 @@ -
- - -
\ No newline at end of file diff --git a/source/_patterns/00-atoms/05-forms/02-checkbox.mustache b/source/_patterns/00-atoms/05-forms/02-checkbox.mustache deleted file mode 100644 index 017a8dc..0000000 --- a/source/_patterns/00-atoms/05-forms/02-checkbox.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
-
- Checkbox * - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/05-forms/02-select-menu.mustache b/source/_patterns/00-atoms/05-forms/02-select-menu.mustache deleted file mode 100644 index 760c919..0000000 --- a/source/_patterns/00-atoms/05-forms/02-select-menu.mustache +++ /dev/null @@ -1,12 +0,0 @@ -
-
- - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/05-forms/03-checkbox.mustache b/source/_patterns/00-atoms/05-forms/03-checkbox.mustache deleted file mode 100644 index 017a8dc..0000000 --- a/source/_patterns/00-atoms/05-forms/03-checkbox.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
-
- Checkbox * - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/05-forms/03-radio-buttons.mustache b/source/_patterns/00-atoms/05-forms/03-radio-buttons.mustache deleted file mode 100644 index 68c83ea..0000000 --- a/source/_patterns/00-atoms/05-forms/03-radio-buttons.mustache +++ /dev/null @@ -1,10 +0,0 @@ -
-
- Radio - -
-
\ No newline at end of file diff --git a/source/_patterns/00-atoms/06-buttons/00-button.mustache b/source/_patterns/00-atoms/06-buttons/00-button.mustache deleted file mode 100644 index 26dfc16..0000000 --- a/source/_patterns/00-atoms/06-buttons/00-button.mustache +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/source/_patterns/00-atoms/07-tables/00-table.mustache b/source/_patterns/00-atoms/07-tables/00-table.mustache deleted file mode 100644 index 53153d5..0000000 --- a/source/_patterns/00-atoms/07-tables/00-table.mustache +++ /dev/null @@ -1,50 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Table Heading 1Table Heading 2Table Heading 3Table Heading 4Table Heading 5
Table Footer 1Table Footer 2Table Footer 3Table Footer 4Table Footer 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
Table Cell 1Table Cell 2Table Cell 3Table Cell 4Table Cell 5
\ No newline at end of file diff --git a/source/css/scss/base/_animation.scss b/source/css/scss/base/_animation.scss deleted file mode 100644 index d28bc91..0000000 --- a/source/css/scss/base/_animation.scss +++ /dev/null @@ -1,13 +0,0 @@ -.animate-fade { - @include transition(opacity, 0.3s, ease-out); - - &:hover { - opacity: 0; - } -} - -.animate-move { - > .demo-shape { - @include transition(all, 0.8s, ease-in-out); - } -} \ No newline at end of file diff --git a/source/css/scss/base/_forms.scss b/source/css/scss/base/_forms.scss deleted file mode 100644 index 1c02c6a..0000000 --- a/source/css/scss/base/_forms.scss +++ /dev/null @@ -1,111 +0,0 @@ -/*------------------------------------*\ - $FORMS -\*------------------------------------*/ -form ol, form ul { - list-style: none; - margin-left: 0; -} - -fieldset { - border: 0; - padding: 0; - margin: 0; -} - -label { - display: block; - padding-bottom: $space-half; -} - -button, input, select, textarea { - font-family: inherit; - font-size: 100%; - margin: 0 1px 0; -} - -input, textarea { - width: 100%; - border: 1px solid $gray; - padding: $pad-half 0.65rem; -} - -input[type=text], input[type=search], input[type=url], input[type=number], textarea { - -webkit-appearance: none; -} - -button, input[type="submit"] { - padding: $pad-half; - background: $gray-dark; - border: 1px solid $gray; - cursor: pointer; -} - -input[type="checkbox"], -input[type="radio"] { - width: auto; - margin-right: 0.3em; -} - -input[type="search"] { - -webkit-appearance: none; - border-radius: 0; -} - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -//Form Field Container -.field-container { - margin-bottom: $space; -} - -.inline-form { - fieldset, .inline-container { - position: relative; - } - - input[type=submit], button, .btn { - font-size: $font-size-small-2; - padding: 0.65rem 1.3rem; - background: $gray-dark; - position: absolute; - top: 0; - right: 0; - z-index: 1; - width: auto; - - &:hover, &:focus { - background: $gray; - color: $white; - } - } -} - -/* Validation */ -.has-error { - border-color: $error; -} -.is-valid { - border-color: $valid; -} - - - - -/*------------------------------------*\ - $SPECIFIC FORMS -\*------------------------------------*/ - -/* Search Form */ -.search-field { - padding-right: 3em; -} -.inline-form .search-submit { - background: none; - padding: 0.78em 1em; - border: 0; - border-left: 1px solid $gray; - color: $gray; -} diff --git a/source/css/scss/base/_global-classes.scss b/source/css/scss/base/_global-classes.scss deleted file mode 100644 index 2e13f88..0000000 --- a/source/css/scss/base/_global-classes.scss +++ /dev/null @@ -1,104 +0,0 @@ -/*------------------------------------*\ - $GLOBAL CLASSES -\*------------------------------------*/ - -/* Clearfix */ -.cf { - *zoom: 1; -} -.cf:before, .cf:after { - content: " "; /* 1 */ - display: table; /* 2 */ -} - -.cf:after { - clear: both; -} - -/* Completely remove from the flow and screen readers. */ -.is-hidden { - display: none !important; - visibility: hidden !important; -} - -/* Completely remove from the flow but leave available to screen readers. */ -.is-vishidden { - position: absolute !important; - overflow: hidden; - width: 1px; - height: 1px; - padding: 0; - border: 0; - clip: rect(1px, 1px, 1px, 1px); -} - -/* Floats */ -.right { - float: right; - padding: 0 0 $pad $pad; -} - -.right-search { - float: right; - padding: 0 0 $pad 0; -} - -.left { - float: left; - padding: 0 $pad $pad 0; -} - -/* Text-Align */ -.align-right { - text-align: right; -} - -.align-center { - text-align: center; -} - -.align-left { - text-align: left; -} - -/* Display Classes */ -.hide-small { - @media all and (max-width: $bp-med) { - display: none; - } -} - -.hide-med { - @media all and (min-width: $bp-med) and (max-width: $bp-large) { - display: none; - } -} - -.hide-large { - @media all and (min-width: $bp-large) { - display: none; - } -} - -//States -.valid { - color: $valid; -} - -.error { - color: $error; -} - -.warning { - color: $warning; -} - -.information { - color: $information; -} - -.font-secondary { - font-family: $font-secondary; -} - - diff --git a/source/css/scss/base/_headings.scss b/source/css/scss/base/_headings.scss deleted file mode 100644 index 5f24336..0000000 --- a/source/css/scss/base/_headings.scss +++ /dev/null @@ -1,31 +0,0 @@ -/* Headings */ -/*Further Reading: http:/csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ */ -h1, .alpha { - line-height: 1.2; -} - -h2, .beta { - line-height: 1.2; -} - -h3, .gamma { - line-height: 1.2; -} - -h4, .delta { - -} - -h5, .epsilon { - -} - -h6, .zeta { - -} - -/* Subheadings */ -.subheading { - font-family: $font-secondary; - font-weight: normal; -} diff --git a/source/css/scss/base/_links.scss b/source/css/scss/base/_links.scss deleted file mode 100644 index d70545d..0000000 --- a/source/css/scss/base/_links.scss +++ /dev/null @@ -1,10 +0,0 @@ -/* Links */ -a { - color: $gray-dark; - text-decoration: none; - outline: 0; - - &:hover, &:focus { - color: $gray; - } -} \ No newline at end of file diff --git a/source/css/scss/base/_lists.scss b/source/css/scss/base/_lists.scss deleted file mode 100644 index 4ceb7cf..0000000 --- a/source/css/scss/base/_lists.scss +++ /dev/null @@ -1,19 +0,0 @@ -ol, ul { - margin: 0; - padding: 0; - list-style: none; -} - -/* Definition Lists */ -dl { - overflow: hidden; - margin: 0 0 $space; -} - -dt { - font-weight: bold; -} - -dd { - margin-left: 0; -} \ No newline at end of file diff --git a/source/css/scss/base/_main.scss b/source/css/scss/base/_main.scss deleted file mode 100644 index f92fd1b..0000000 --- a/source/css/scss/base/_main.scss +++ /dev/null @@ -1,6 +0,0 @@ -body { - background: $white; - font: 100%/1.5 $font; - -webkit-text-size-adjust: 100%; - color: $gray-dark; -} \ No newline at end of file diff --git a/source/css/scss/base/_media.scss b/source/css/scss/base/_media.scss deleted file mode 100644 index ec74c8f..0000000 --- a/source/css/scss/base/_media.scss +++ /dev/null @@ -1,23 +0,0 @@ -/*------------------------------------*\ - $MEDIA ELEMENTS -\*------------------------------------*/ - -/* Flexible Media */ -img, video, object { - max-width: 100%; - height: auto; -} - -iframe { - margin-bottom: $space; -} - -figure { - margin-bottom: $space; - img { - margin-bottom: $space-half; - } -} -figcaption { - font-style: italic; -} \ No newline at end of file diff --git a/source/css/scss/base/_tables.scss b/source/css/scss/base/_tables.scss deleted file mode 100644 index 1b2a2b2..0000000 --- a/source/css/scss/base/_tables.scss +++ /dev/null @@ -1,18 +0,0 @@ -/*------------------------------------*\ - $Table -\*------------------------------------*/ -table { - border-collapse: collapse; - border-spacing: 0; - border: 1px solid $gray; - width: 100%; -} -th { - text-align: left; - border: 1px solid $gray; - padding: 0.2em; -} -td { - border: 1px solid $gray; - padding: 0.2em; -} \ No newline at end of file diff --git a/source/css/scss/base/_text.scss b/source/css/scss/base/_text.scss deleted file mode 100644 index de17e3e..0000000 --- a/source/css/scss/base/_text.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* Text-Related Elements */ -p { - margin-bottom: $space; -} - -/* Blockquote */ -blockquote { - font-style:italic; - border-left: 1px solid $gray; - color: $gray; - padding-left: $pad; - margin-bottom: $space; -} - -/* Horizontal Rule */ -hr { - border: 0; - height: 2px; - background: $gray-light-2; - margin: $space-double 0; -} - -abbr { - border-bottom: 1px dotted $gray; - cursor: help; -} \ No newline at end of file diff --git a/source/css/scss/generic/_mixins.scss b/source/css/scss/generic/_mixins.scss deleted file mode 100644 index 14d8a2a..0000000 --- a/source/css/scss/generic/_mixins.scss +++ /dev/null @@ -1,23 +0,0 @@ -/*------------------------------------*\ - $MIXINS -\*------------------------------------*/ - -/* CSS Transition - Usage: @include transition(width,0.3s,ease-out); - */ -@mixin transition($transition-property, $transition-time, $method) { - -webkit-transition: $transition-property $transition-time $method; - -moz-transition: $transition-property $transition-time $method; - -ms-transition: $transition-property $transition-time $method; - -o-transition: $transition-property $transition-time $method; - transition: $transition-property $transition-time $method; -} - -/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback - Usage: @include font-size(1, large); -*/ -@mixin font-size( $decimal-size, $keyword: null ) { - @if $keyword{ font-size: $keyword; } - @else { font-size: $decimal-size * $base-font-multiplier * 16px;} - font-size: $decimal-size * 1rem; -} \ No newline at end of file diff --git a/source/css/scss/generic/_reset.scss b/source/css/scss/generic/_reset.scss deleted file mode 100644 index e7807ec..0000000 --- a/source/css/scss/generic/_reset.scss +++ /dev/null @@ -1,17 +0,0 @@ -/*------------------------------------*\ - $RESET -\*------------------------------------*/ - -/* Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ */ -* { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure { - margin: 0; - padding: 0; -} -header, footer, nav, section, article, hgroup, figure { - display: block; -} \ No newline at end of file diff --git a/source/css/scss/generic/_variables.scss b/source/css/scss/generic/_variables.scss deleted file mode 100644 index 3e7ccbc..0000000 --- a/source/css/scss/generic/_variables.scss +++ /dev/null @@ -1,65 +0,0 @@ -/*------------------------------------*\ - $VARIABLES -\*------------------------------------*/ - -//Colors -$gray : #808080; -$gray-light : #f9f9f9; -$gray-light-2 : #eee; -$gray-light-3 : #ddd; -$gray-med : #666; -$gray-dark : #333; -$gray-dark-2 : #131313; -$white : #fff; -$black : #000; -$dim : rgba(0,0,0,0.5); -$error : #f00; -$valid : #089e00; -$warning : #fff664; -$information : #000db5; - - -//Typography -$font : "HelveticaNeue", "Helvetica", "Arial", sans-serif; -$font-secondary : Georgia, Times, "Times New Roman", serif; - -$font-size-small : 0.75em; -$font-size-small-2 : 0.875em; -$font-size-med : 1em; -$font-size-med-2: 1.0625em; -$font-size-large : 1.4375em; - - -//Layout -$max-width: 72em; - -//Defaults -$space : 1em; -$space-and-half : $space*1.5; -$space-double : $space*2; -$space-quad : $space*4; -$space-half : $space/2; -$pad : 1em; -$pad-and-half : $pad*1.5; -$pad-double : $pad*2; -$pad-half : $pad/2; -$pad-quarter :$pad/4; - -//Borders -$border-med: 3px; -$border-thick: 7px; - - -//Breakpoints -$bp-small : 24em; -$bp-small-2 : 29.75em; -$bp-small-3 : 39.8em; -$bp-med : 46.8em; -$bp-med-2 : 48em; -$bp-large : 50em; -$bp-large-2 : 66em; -$bp-xl : 73em; -$bp-xxl : 89em; -$bp-xxxl : 93em; - -// \ No newline at end of file diff --git a/source/css/scss/objects/_accordion.scss b/source/css/scss/objects/_accordion.scss deleted file mode 100644 index 3423544..0000000 --- a/source/css/scss/objects/_accordion.scss +++ /dev/null @@ -1,33 +0,0 @@ -.accordion { - margin-bottom: $space; -} - -.acc-handle { - background: $gray-dark-2; - color: $white; - font-family: $font-secondary; - font-weight: bold; - display: block; - position: relative; - padding: $pad-half; - border-bottom: 1px solid $gray-light-3; - - &:after { - content:"+"; - float: right; - } - - &:hover { - color: $white; - background: $gray-dark; - - } - - &.active { - background: $gray-dark; - - &:after { - content:"-"; - } - } -} \ No newline at end of file diff --git a/source/css/scss/objects/_article.scss b/source/css/scss/objects/_article.scss deleted file mode 100644 index 5538730..0000000 --- a/source/css/scss/objects/_article.scss +++ /dev/null @@ -1,34 +0,0 @@ -//Article -.article-header { - h1 { - font-size: 2.5em; - } -} - -.byline { - font-size: $font-size-small-2; - font-style: italic; - margin-bottom: $space-half; -} - -//Social Share -.social-share { - overflow: hidden; - margin-bottom: $space; - - li { - float: left; - margin-right: $space-half; - } - - a { - background: $gray-dark; - color: $white; - display: block; - padding: $pad-half; - - &:hover { - background: $gray; - } - } -} \ No newline at end of file diff --git a/source/css/scss/objects/_blocks.scss b/source/css/scss/objects/_blocks.scss deleted file mode 100644 index 160963b..0000000 --- a/source/css/scss/objects/_blocks.scss +++ /dev/null @@ -1,138 +0,0 @@ -/* Generic Placeholder Brick: REMOVE FOR PRODUCTION */ -.brick { - background: #dcdddc; - padding: $pad-double; - text-align: center; - font-weight: bold; - border-bottom: 1px solid $gray-light-2; -} - -/* Block */ -.block { - overflow: hidden; - - p:last-child { - margin-bottom: 0; - } -} - -.headline { - line-height: 1.2; -} - -/* Hero Block */ -.block-hero { - margin-bottom: $space-half; - - .b-thumb { - img { - display: block; - } - } - - @media all and (min-width: $bp-large) { - position: relative; - - .b-text { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background: $dim; - color: $white; - padding: $pad-and-half; - } - } -} - -/* Block Thumbnail with Headline */ -.block-thumb { - display: table; - width: 100%; - border-collapse: collapse; - - .b-inner { - display: table-row; - vertical-align: top; - overflow: hidden; - } - - .b-thumb { - @media all and (min-width: $bp-small-2) { - display: table-cell; - vertical-align: top; - width: 30%; - max-width: 10em; - - img { - display: block; - width: 100%; - height: auto; - } - } - } - - .b-text { - @media all and (min-width: $bp-small-2) { - display: table-cell; - width: 70%; - padding: 0 $pad; - } - } -} - - -/* Block Headline Summary */ -.block-headline-summary { - a { - display: block; - padding: $pad-half; - } -} - -/* Block Inset */ -.block-inset { - position: relative; - - .b-thumb { - position: relative; - z-index: 0; - - img { - display: block; - } - } -} - -/* Hero Block */ -.block-inset { - margin-bottom: $space-half; - position: relative; - - .headline { - font-size: 1.1em; - } - - .b-text { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background: $dim; - color: $white; - padding: $pad-half; - } -} - -/* Block Thumb with Summary */ -.block-thumb-summary { - .b-thumb { - float: left; - width: 50%; - } - - .b-text { - margin-left: 50%; - padding: $pad-half; - } -} \ No newline at end of file diff --git a/source/css/scss/objects/_buttons.scss b/source/css/scss/objects/_buttons.scss deleted file mode 100644 index 0ae2805..0000000 --- a/source/css/scss/objects/_buttons.scss +++ /dev/null @@ -1,40 +0,0 @@ -/*------------------------------------*\ - $BUTTONS -\*------------------------------------*/ -.btn { - display: inline-block; - background: $gray-dark; - color: $white; - line-height: 1; - font-weight: bold; - padding: $pad; - border: 0; - text-align: center; - - &:hover, &:focus { - background: $gray; - color: $white; - } - - &.disabled { - background: $gray-light-2; - color: $gray; - } -} - -.btn-small { - padding: $pad-half; -} - -.btn-large { - padding: $pad-half; - text-transform: uppercase; - background: $gray; - font-size: 1.4rem; - font-weight: normal; -} - - -.text-btn { - font-style: italic; -} \ No newline at end of file diff --git a/source/css/scss/objects/_carousels.scss b/source/css/scss/objects/_carousels.scss deleted file mode 100644 index 77e3f19..0000000 --- a/source/css/scss/objects/_carousels.scss +++ /dev/null @@ -1,38 +0,0 @@ -/* Horizontal Carousel */ -.carousel-horizontal { - margin-bottom: $space; - overflow: hidden; - position: relative; -} - -.carousel-island-container { - overflow: hidden; -} - -.carousel-container { - position: relative; -} - -.carousel-list { - -} - -.carousel-controls { - display: table; - width: 100%; - margin: (-$space-half) 0 $space; - - a, div { - display: table-cell; - padding: $pad-half; - } - - .carousel-pagination { - text-align: center; - } - - .carousel-next { - text-align: right; - } - -} \ No newline at end of file diff --git a/source/css/scss/objects/_comments.scss b/source/css/scss/objects/_comments.scss deleted file mode 100644 index 9959b7a..0000000 --- a/source/css/scss/objects/_comments.scss +++ /dev/null @@ -1,30 +0,0 @@ -.comments { - li { - margin-bottom: $space; - } -} - -.comment-container { - overflow: hidden; - margin-bottom: $space; - list-style: none; -} - -.comment-meta { - float: left; - width: 6.5em; - - img { - display: block; - border: 1px solid $gray-light-2; - margin-bottom: $space-half; - } -} - -.comment-name { - font-size: $font-size-small; -} - -.comment-text { - margin-left: 9em; -} \ No newline at end of file diff --git a/source/css/scss/objects/_footer.scss b/source/css/scss/objects/_footer.scss deleted file mode 100644 index 850f94b..0000000 --- a/source/css/scss/objects/_footer.scss +++ /dev/null @@ -1,39 +0,0 @@ -/*------------------------------------*\ - $FOOTER -\*------------------------------------*/ -.footer { - clear: both; - overflow: hidden; - background: $gray-dark-2; - color: $white; - line-height: 1.2; - - a { - color: $gray-light; - } -} - -//Footer Nav -.nav-footer { - margin: (-$pad) (-$pad) $space; - - li { - border-bottom: 1px solid $gray-dark; - - @media all and (min-width: $bp-med) { - border: 0; - float: left; - } - } - - a { - display: block; - padding: $pad; - } -} - -.copyright { - @media all and (min-width: $bp-med) { - float: right; - } -} \ No newline at end of file diff --git a/source/css/scss/objects/_header.scss b/source/css/scss/objects/_header.scss deleted file mode 100644 index 8fb78d7..0000000 --- a/source/css/scss/objects/_header.scss +++ /dev/null @@ -1,45 +0,0 @@ -.header { - background: $white; - padding: 0; - border-bottom: 1px solid #dbdbdb; - @extend .lc; -} - -.logo { - float: left; - max-width: 8rem; - margin: 0.4rem; - - @media all and (min-width: $bp-med) { - max-width: 9rem; - } -} - -.nav-toggle { - float: right; - display: block; - padding: 0.9rem 1rem 0.7rem; - font-size: 1.3rem; - line-height: 1; - border-left: 1px solid #dbdbdb; - - @media all and (min-width: $bp-med) { - display: none; - } - - @media all and (max-width: 17em) { - padding-left: 0.2rem; - padding-right: 0.2rem; - } -} - -.search-form { - overflow: hidden; - max-height: 0; - - @media all and (min-width: $bp-med) { - float: right; - max-height: none; - margin: 0.65em 0.5em 0 0; - } -} \ No newline at end of file diff --git a/source/css/scss/objects/_icons.scss b/source/css/scss/objects/_icons.scss deleted file mode 100644 index cacbf1f..0000000 --- a/source/css/scss/objects/_icons.scss +++ /dev/null @@ -1,125 +0,0 @@ - -/* Icon Font */ -@font-face { - font-family: 'icons'; - src:url('../fonts/icons.eot'); - src:url('../fonts/icons.eot?#iefix') format('embedded-opentype'), - url('../fonts/icons.woff') format('woff'), - url('../fonts/icons.ttf') format('truetype'), - url('../fonts/icons.svg#icons') format('svg'); - font-weight: normal; - font-style: normal; -} - -/* Use the following CSS code if you want to use data attributes for inserting your icons */ -[data-icon]:before { - font-family: 'icons'; - content: attr(data-icon); - speak: none; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; -} - -.icon-twitter:before, .icon-stumbleupon:before, .icon-pinterest:before, .icon-linkedin:before, .icon-google-plus:before, .icon-search:before, .icon-play:before, .icon-menu:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-bubble:before, .icon-facebook:before, .icon-feed:before, .icon-youtube:before, .icon-tag:before, .icon-tumblr:before, .icon-instagram, .icon-podcast, .icon-apple,.icon-android, .icon-arrow:after, .icon-envelope:before { - font-family: 'icons'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; -} -.icon-twitter:before { - content: "\74"; -} -.icon-stumbleupon:before { - content: "\75"; -} -.icon-pinterest:before { - content: "\70"; -} -.icon-linkedin:before { - content: "\69"; -} -.icon-google-plus:before { - content: "\67"; -} -.icon-search:before { - content: "\73"; -} -.icon-play:before { - content: "\61"; -} -.icon-menu:before { - content: "\21"; -} -.icon-arrow-left:before { - content: "\23"; -} -.icon-arrow-right:before { - content: "\24"; -} -.icon-bubble:before { - content: "\25"; -} -.icon-facebook:before { - content: "\66"; -} -.icon-feed:before { - content: "\27"; -} -.icon-youtube:before { - content: "\79"; -} -.icon-tag:before { - content: "\28"; -} -.icon-tumblr:before { - content: "\6d"; -} -.icon-instagram:before { - content: "\22"; -} -.icon-podcast:before { - content: "\26"; -} -.icon-android:before { - content: "\29"; -} -.icon-apple:before { - content: "\2a"; -} -.icon-envelope:before { - content: "\2b"; -} - - -.icon-arrow:after { - content: "\61"; - display: inline-block; - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); -} - -.icon-play:before { - font-size: 0.7rem; - padding-left: 0.2em; -} - -.icon-play-box { - display: block; - margin-left: $pad-double; -} - -.icon-play-box:before { - padding: $pad-quarter; - background: $gray; - color: $white; - margin-left: -1.7rem; - margin-right: $pad-half; -} diff --git a/source/css/scss/objects/_layout.scss b/source/css/scss/objects/_layout.scss deleted file mode 100644 index 4929d28..0000000 --- a/source/css/scss/objects/_layout.scss +++ /dev/null @@ -1,288 +0,0 @@ -/*------------------------------------*\ - $LAYOUT -\*------------------------------------*/ - -/* Layout Container */ -.lc { - max-width: $max-width; - margin: 0 auto; - padding: $pad-half; -} - -/*------------------------------------*\ - $TEMPLATES -\*------------------------------------*/ - -/* Two Column Layout */ -.l-two-col { - @extend .cf; - - .l-main { - @media all and (min-width: $bp-large) { - float: left; - width: 70%; - padding-right: $pad; - } - } - - .l-sidebar { - @media all and (max-width: $bp-large) { - clear: both; - } - - @media all and (min-width: $bp-large) { - float: left; - width: 30%; - padding: 0 0 0 $pad; - } - } -} - - -/*------------------------------------*\ - $GRIDS -\*------------------------------------*/ - -/* Grid Container */ -.g { - overflow: hidden; - margin: 0 (-$pad-half); -} - -/* Grid Item */ -.gi { - padding: $pad-half; - - img { - display: block; - } - - @media all and (min-width: $bp-med) { - float: left; - } -} - -/* Grid 1up */ -.g-1up { - .gi { - width: 100%; - } -} - -/* Grid 2up */ -.g-2up { - @media all and (min-width: $bp-med) { - > .gi { - float: left; - width: 50%; - - &:nth-of-type(odd) { - clear: left; - } - } - } -} - -/* Grid Half (Always displayed side by side) */ -.g-half { - > .gi { - float: left; - width: 50%; - - &:nth-of-type(odd) { - clear: left; - } - } -} - -/* Grid 3up */ -.g-3up { - @media all and (min-width: $bp-med) { - > .gi { - float: left; - width: 50%; - - &:nth-of-type(2n+1) { - clear: left; - } - } - } - - @media all and (min-width: $bp-large) { - > .gi { - width: 33.3333333%; - - &:nth-of-type(2n+1) { - clear: none; - } - - &:nth-of-type(3n+1) { - clear: left; - } - } - } -} - -/* Grid 4up */ -.g-4up { - @media all and (min-width: $bp-med) { - >.gi { - float: left; - width: 50%; - - &:nth-of-type(2n+1) { - clear: both; - } - } - } - - @media all and (min-width: $bp-large) { - >.gi { - width: 25%; - - &:nth-of-type(2n+1) { - clear: none; - } - - &:nth-of-type(4n+1) { - clear: left; - } - } - } -} - -/* Grid Quarter (Always displayed side by side) */ -.g-quarter { - > .gi { - float: left; - width: 24%; - - &:nth-of-type(4n+1) { - clear: left; - } - } -} - -.g-max4 { - - @media all and (min-width: $bp-small-2) { - >.gi { - float: left; - width: 50%; - - &:nth-of-type(2n+1) { - clear: both; - } - } - } - - @media all and (min-width: $bp-small-3) { - >.gi { - width: 33.3333333%; - - &:nth-of-type(2n+1) { - clear: none; - } - - &:nth-of-type(3n+1) { - clear: left; - } - } - } - - @media all and (min-width: $bp-large) { - >.gi { - width: 25%; - - &:nth-of-type(3n+1) { - clear: none; - } - - &:nth-of-type(4n+1) { - clear: left; - } - } - } -} - -/* Grid 5up */ -.g-max5 { - - >.gi { - float: left; - width: 50%; - - &:nth-of-type(2n+1) { - clear: both; - } - } - - @media all and (min-width: $bp-small-3) { - >.gi { - width: 33.3333333%; - - &:nth-of-type(2n+1) { - clear: none; - } - - &:nth-of-type(3n+1) { - clear: left; - } - } - } - - @media all and (min-width: $bp-med) { - >.gi { - width: 25%; - - &:nth-of-type(3n+1) { - clear: none; - } - - &:nth-of-type(4n+1) { - clear: left; - } - } - } - - @media all and (min-width: $bp-med-2) { - >.gi { - width: 20%; - - &:nth-of-type(4n+1) { - clear: none; - } - - &:nth-of-type(5n+1) { - clear: left; - } - } - } -} - -/* Grid 2/3 */ -.gi-2-3 { - @media all and (min-width: $bp-med) { - float: left; - width: 66.666666%; - } -} - -.gi-1-3 { - @media all and (min-width: $bp-med) { - float: left; - width: 33.333333%; - } -} - -/* Grid 4up block */ -.g-opposites { - .gi { - float: left; - - &:last-child { - float: right; - text-align: right; - } - } -} \ No newline at end of file diff --git a/source/css/scss/objects/_lists.scss b/source/css/scss/objects/_lists.scss deleted file mode 100644 index 0c4e8be..0000000 --- a/source/css/scss/objects/_lists.scss +++ /dev/null @@ -1,63 +0,0 @@ -.inline-list { - li { - display: inline-block; - } -} - -/* Social List */ -.social-list { - li { - margin: 0 0.4rem $space 0; - } - - a { - font-size: 1.6em; - } -} - - -/* Headline List */ -.headline-list { - margin-bottom: $space; - - &.flush { - margin: 0; - } - - h4 { - font-weight: normal; - } - - li { - padding: $pad-quarter 0; - border-top: 1px solid $gray-light-3; - } -} - -/* Post List */ -.post-list { - li { - margin-bottom: $space; - } -} - -/* Bullet List */ -.bullet-list { - list-style: square; - margin: 0 0 1em 1.2em; - line-height: 1.3; - - li { - margin-bottom: $space; - } -} - -/* Text List */ -.text-list { - margin: 0 0 1em; - line-height: 1.3; - - li { - margin-bottom: $space; - } -} \ No newline at end of file diff --git a/source/css/scss/objects/_main.scss b/source/css/scss/objects/_main.scss deleted file mode 100644 index 592c01d..0000000 --- a/source/css/scss/objects/_main.scss +++ /dev/null @@ -1,9 +0,0 @@ -/*------------------------------------*\ - $MAIN CONTENT AREA -\*------------------------------------*/ -[role=main] { - padding: $pad-half $pad-half $pad-double; - overflow: hidden; - @extend .lc; - @extend .cf; -} \ No newline at end of file diff --git a/source/css/scss/objects/_messaging.scss b/source/css/scss/objects/_messaging.scss deleted file mode 100644 index a2d31a9..0000000 --- a/source/css/scss/objects/_messaging.scss +++ /dev/null @@ -1,18 +0,0 @@ -/*------------------------------------*\ - $MESSAGING -\*------------------------------------*/ - -// Alerts -.alert { - text-align: center; - padding: $pad; - margin-bottom: $space-half; - border: 1px solid $gray; - background: $gray-light; -} - -.alert-error { - color: $error; - border-color: $error; - background: #ffbebe; -} \ No newline at end of file diff --git a/source/css/scss/objects/_nav.scss b/source/css/scss/objects/_nav.scss deleted file mode 100644 index b98e330..0000000 --- a/source/css/scss/objects/_nav.scss +++ /dev/null @@ -1,52 +0,0 @@ -/*------------------------------------*\ - $NAVIGATION -\*------------------------------------*/ - -.nav { - clear: both; - overflow: hidden; - max-height: 0; - - a { - display: block; - padding: $pad; - border-top: 1px solid $gray-light-2; - } - - &.active { - max-height: 40em; - } - - @media all and (min-width: $bp-med) { - max-height: none; - float: right; - clear: none; - - li { - float: left; - } - - a { - border: 0; - } - - } -} - -//Pagination -.pagination { - overflow: hidden; - - li { - float: left; - border-right: 1px solid $gray-light-2; - - &:last-child { - border: 0; - } - } - - a { - padding: $pad; - } -} \ No newline at end of file diff --git a/source/css/scss/objects/_sections.scss b/source/css/scss/objects/_sections.scss deleted file mode 100644 index 7235af2..0000000 --- a/source/css/scss/objects/_sections.scss +++ /dev/null @@ -1,7 +0,0 @@ -.section { - margin: 0 0 $space; -} - -.section-title { - margin-bottom: $space-half; -} \ No newline at end of file diff --git a/source/css/scss/objects/_tabs.scss b/source/css/scss/objects/_tabs.scss deleted file mode 100644 index b22ca74..0000000 --- a/source/css/scss/objects/_tabs.scss +++ /dev/null @@ -1,33 +0,0 @@ -.tabs { - overflow: hidden; - - ul { - display: table; - width: 100%; - } - - li { - display: table-cell; - text-align: center; - border-right: 1px solid $gray-light-3; - - &:last-child { - border-right: 0; - } - } - - a { - display: block; - padding: $pad-half; - background: $gray; - - &:hover, &:focus { - background: $gray-light-3; - } - - &.active { - background: $gray-dark; - color: $white; - } - } -} \ No newline at end of file diff --git a/source/css/scss/objects/_text.scss b/source/css/scss/objects/_text.scss deleted file mode 100644 index d645f56..0000000 --- a/source/css/scss/objects/_text.scss +++ /dev/null @@ -1,41 +0,0 @@ -//Intro text -.intro { - font-size: $font-size-med-2; - font-weight: bold; -} - -//Pullquote -.pullquote { - font-family: $font-secondary; - font-size: $font-size-large; -} - -//Caption -.caption { - font-style: italic; -} - -//Passages of text -.text { - a { - text-decoration: underline; - } - - ul { - list-style: disc; - margin: 0 0 $space 1.2em; - - ul { - margin-bottom: 0; - } - } - - ol { - list-style: decimal; - margin: 0 0 $space 1.5em; - - ol { - margin-bottom: 0; - } - } -} diff --git a/source/css/scss/objects/_tooltip.scss b/source/css/scss/objects/_tooltip.scss deleted file mode 100644 index e0fdd95..0000000 --- a/source/css/scss/objects/_tooltip.scss +++ /dev/null @@ -1,42 +0,0 @@ -.tooltip-container { - display: inline-block; - position: relative; - - &:hover { - .tooltip { - display: block; - } - } -} - -.tooltip-link { - background: $gray-light; -} - -.tooltip { - display: none; - position: absolute; - top: 1.5em; - left: 0; - width: 18em; - padding: $pad; - background: $white; - border: 1px solid $gray; - box-shadow: 0.3em 0.3em 1em 0 rgba(0,0,0,0.2); - - h2 { - margin-top: 0; - } - - @media all and (min-width: $bp-small) { - width: 22em; - } - - @media all and (min-width: $bp-small-2) { - width: 27em; - } - - @media all and (min-width: $bp-small-3) { - width: 30em; - } -} \ No newline at end of file diff --git a/source/css/style.css b/source/css/style.css index 67f12fa..588a459 100644 --- a/source/css/style.css +++ b/source/css/style.css @@ -1,1103 +1,3 @@ -/* - ,, ,, ,, - .M"""bgd mm db `7MM mm mm `7MM OO OO OO -,MI "Y MM MM MM MM MM 88 88 88 -`MMb. mmMMmm ,pW"Wq.`7MMpdMAo. `7Mb,od8 `7MM .P"Ybmmm MMpMMMb.mmMMmm mmMMmm MMpMMMb. .gP"Ya `7Mb,od8 .gP"Ya || || || - `YMMNq. MM 6W' `Wb MM `Wb MM' "' MM :MI I8 MM MM MM MM MM MM ,M' Yb MM' "',M' Yb || || || -. `MM MM 8M M8 MM M8 MM MM WmmmP" MM MM MM MM MM MM 8M"""""" MM 8M"""""" `' `' `' -Mb dM MM YA. ,A9 MM ,AP MM MM 8M MM MM MM MM MM MM YM. , MM YM. , ,, ,, ,, -P"Ybmmd" `Mbmo`Ybmd9' MMbmmd' .JMML. .JMML.YMMMMMb .JMML JMML.`Mbmo `Mbmo.JMML JMML.`Mbmmd'.JMML. `Mbmmd' db db db - MM 6' dP - .JMML. Ybmmmd' - -Pattern Lab doesn't have any CSS requirements, which means you can write your styles however you want. Hooray! -You can use Sass, Less, vanilla CSS, or some other crazy thing I haven't heard of yet. -So please don't use these styles. They're just here to put together the demo, and nothing more. -They're intentionally gray, boring, and crappy because you're supposed to do this stuff yourself. - -Atomic design is philosophically complimentary with these CSS approaches: - -* SMACSS by Jonathan Snook http://smacss.com/ -* OOCSS by Nicole Sullivan http://oocss.org/ -* BEM CSS Methology : http://bem.info/method/ -* CSS Guidelines by Harry Roberts : https://github.com/csswizardry/CSS-Guidelines - -So feel free to use any of these approaches. Or don't. It's totally up to you. - -*/ -/*------------------------------------*\ - $TABLE OF CONTENTS - based generally on Harry Roberts excellent CSS Guidelines https://github.com/csswizardry/CSS-Guidelines -\*------------------------------------*/ -/** - * VARIABLES..............................Declarations of Sass variables - * .....Colors - * .....Typography - * .....Layout - * .....Defaults - * .....Breakpoints - * MIXINS.................................Sass mixins - * RESET..................................Set reset defaults - * GLOBAL CLASSES.........................Set reset defaults - * GLOBAL ELEMENTS........................Establish global styles - * .....Main - * .....Headings - * .....Text-related elements (p, blockquote, lists) - * .....Defaults - * .....Breakpoints - * TYPOGRAPHY------------------------------ - * MEDIA------------------------------ - * LAYOUT------------------------------ - * NAVIGATION------------------------------ - * TOC To Be Continued - */ -/*------------------------------------*\ - $VARIABLES -\*------------------------------------*/ -/*------------------------------------*\ - $MIXINS -\*------------------------------------*/ -/* CSS Transition - Usage: @include transition(width,0.3s,ease-out); - */ -/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback - Usage: @include font-size(1, large); -*/ -/*------------------------------------*\ - $RESET -\*------------------------------------*/ -/* Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ */ -* { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure { - margin: 0; - padding: 0; } - -header, footer, nav, section, article, hgroup, figure { - display: block; } - -/*------------------------------------*\ - $GLOBAL ELEMENTS -\*------------------------------------*/ -/*------------------------------------*\ - $GLOBAL CLASSES -\*------------------------------------*/ -/* Clearfix */ -.cf, .l-two-col, [role=main] { - *zoom: 1; } - -.cf:before, .l-two-col:before, [role=main]:before, .cf:after, .l-two-col:after, [role=main]:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ } - -.cf:after, .l-two-col:after, [role=main]:after { - clear: both; } - -/* Completely remove from the flow and screen readers. */ -.is-hidden { - display: none !important; - visibility: hidden !important; } - -/* Completely remove from the flow but leave available to screen readers. */ -.is-vishidden { - position: absolute !important; - overflow: hidden; - width: 1px; - height: 1px; - padding: 0; - border: 0; - clip: rect(1px, 1px, 1px, 1px); } - -/* Floats */ -.right { - float: right; - padding: 0 0 1em 1em; } - -.right-search { - float: right; - padding: 0 0 1em 0; } - -.left { - float: left; - padding: 0 1em 1em 0; } - -/* Text-Align */ -.align-right { - text-align: right; } - -.align-center { - text-align: center; } - -.align-left { - text-align: left; } - -/* Display Classes */ -@media all and (max-width: 46.8em) { - .hide-small { - display: none; } } - -@media all and (min-width: 46.8em) and (max-width: 50em) { - .hide-med { - display: none; } } - -@media all and (min-width: 50em) { - .hide-large { - display: none; } } - -.valid { - color: #089e00; } - -.error { - color: red; } - -.warning { - color: #fff664; } - -.information { - color: #000db5; } - -.font-secondary { - font-family: Georgia, Times, "Times New Roman", serif; } - -body { - background: white; - font: 100%/1.5 "HelveticaNeue", "Helvetica", "Arial", sans-serif; - -webkit-text-size-adjust: 100%; - color: #333333; } - -/* Links */ -a { - color: #333333; - text-decoration: none; - outline: 0; } - a:hover, a:focus { - color: gray; } - -/* Headings */ -/*Further Reading: http:/csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ */ -h1, .alpha { - line-height: 1.2; } - -h2, .beta { - line-height: 1.2; } - -h3, .gamma { - line-height: 1.2; } - -/* Subheadings */ -.subheading { - font-family: Georgia, Times, "Times New Roman", serif; - font-weight: normal; } - -/* Text-Related Elements */ -p { - margin-bottom: 1em; } - -/* Blockquote */ -blockquote { - font-style: italic; - border-left: 1px solid gray; - color: gray; - padding-left: 1em; - margin-bottom: 1em; } - -/* Horizontal Rule */ -hr { - border: 0; - height: 2px; - background: #eeeeee; - margin: 2em 0; } - -abbr { - border-bottom: 1px dotted gray; - cursor: help; } - -ol, ul { - margin: 0; - padding: 0; - list-style: none; } - -/* Definition Lists */ -dl { - overflow: hidden; - margin: 0 0 1em; } - -dt { - font-weight: bold; } - -dd { - margin-left: 0; } - -/*------------------------------------*\ - $MEDIA ELEMENTS -\*------------------------------------*/ -/* Flexible Media */ -img, video, object { - max-width: 100%; - height: auto; } - -iframe { - margin-bottom: 1em; } - -figure { - margin-bottom: 1em; } - figure img { - margin-bottom: 0.5em; } - -figcaption { - font-style: italic; } - -/*------------------------------------*\ - $FORMS -\*------------------------------------*/ -form ol, form ul { - list-style: none; - margin-left: 0; } - -fieldset { - border: 0; - padding: 0; - margin: 0; } - -label { - display: block; - padding-bottom: 0.5em; } - -button, input, select, textarea { - font-family: inherit; - font-size: 100%; - margin: 0 1px 0; } - -input, textarea { - width: 100%; - border: 1px solid gray; - padding: 0.5em 0.65rem; } - -input[type=text], input[type=search], input[type=url], input[type=number], textarea { - -webkit-appearance: none; } - -button, input[type="submit"] { - padding: 0.5em; - background: #333333; - border: 1px solid gray; - cursor: pointer; } - -input[type="checkbox"], -input[type="radio"] { - width: auto; - margin-right: 0.3em; } - -input[type="search"] { - -webkit-appearance: none; - border-radius: 0; } - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -.field-container { - margin-bottom: 1em; } - -.inline-form fieldset, .inline-form .inline-container { - position: relative; } -.inline-form input[type=submit], .inline-form button, .inline-form .btn { - font-size: 0.875em; - padding: 0.65rem 1.3rem; - background: #333333; - position: absolute; - top: 0; - right: 0; - z-index: 1; - width: auto; } - .inline-form input[type=submit]:hover, .inline-form input[type=submit]:focus, .inline-form button:hover, .inline-form button:focus, .inline-form .btn:hover, .inline-form .btn:focus { - background: gray; - color: white; } - -/* Validation */ -.has-error { - border-color: red; } - -.is-valid { - border-color: #089e00; } - -/*------------------------------------*\ - $SPECIFIC FORMS -\*------------------------------------*/ -/* Search Form */ -.search-field { - padding-right: 3em; } - -.inline-form .search-submit { - background: none; - padding: 0.78em 1em; - border: 0; - border-left: 1px solid gray; - color: gray; } - -/*------------------------------------*\ - $Table -\*------------------------------------*/ -table { - border-collapse: collapse; - border-spacing: 0; - border: 1px solid gray; - width: 100%; } - -th { - text-align: left; - border: 1px solid gray; - padding: 0.2em; } - -td { - border: 1px solid gray; - padding: 0.2em; } - -.animate-fade { - -webkit-transition: opacity 0.3s ease-out; - -moz-transition: opacity 0.3s ease-out; - -ms-transition: opacity 0.3s ease-out; - -o-transition: opacity 0.3s ease-out; - transition: opacity 0.3s ease-out; } - .animate-fade:hover { - opacity: 0; } - -.animate-move > .demo-shape { - -webkit-transition: all 0.8s ease-in-out; - -moz-transition: all 0.8s ease-in-out; - -ms-transition: all 0.8s ease-in-out; - -o-transition: all 0.8s ease-in-out; - transition: all 0.8s ease-in-out; } - -/*------------------------------------*\ - $LAYOUT -\*------------------------------------*/ -/*------------------------------------*\ - $LAYOUT -\*------------------------------------*/ -/* Layout Container */ -.lc, .header, [role=main] { - max-width: 72em; - margin: 0 auto; - padding: 0.5em; } - -/*------------------------------------*\ - $TEMPLATES -\*------------------------------------*/ -/* Two Column Layout */ -@media all and (min-width: 50em) { - .l-two-col .l-main { - float: left; - width: 70%; - padding-right: 1em; } } -@media all and (max-width: 50em) { - .l-two-col .l-sidebar { - clear: both; } } -@media all and (min-width: 50em) { - .l-two-col .l-sidebar { - float: left; - width: 30%; - padding: 0 0 0 1em; } } - -/*------------------------------------*\ - $GRIDS -\*------------------------------------*/ -/* Grid Container */ -.g { - overflow: hidden; - margin: 0 -0.5em; } - -/* Grid Item */ -.gi { - padding: 0.5em; } - .gi img { - display: block; } - @media all and (min-width: 46.8em) { - .gi { - float: left; } } - -/* Grid 1up */ -.g-1up .gi { - width: 100%; } - -/* Grid 2up */ -@media all and (min-width: 46.8em) { - .g-2up > .gi { - float: left; - width: 50%; } - .g-2up > .gi:nth-of-type(odd) { - clear: left; } } - -/* Grid Half (Always displayed side by side) */ -.g-half > .gi { - float: left; - width: 50%; } - .g-half > .gi:nth-of-type(odd) { - clear: left; } - -/* Grid 3up */ -@media all and (min-width: 46.8em) { - .g-3up > .gi { - float: left; - width: 50%; } - .g-3up > .gi:nth-of-type(2n+1) { - clear: left; } } -@media all and (min-width: 50em) { - .g-3up > .gi { - width: 33.3333333%; } - .g-3up > .gi:nth-of-type(2n+1) { - clear: none; } - .g-3up > .gi:nth-of-type(3n+1) { - clear: left; } } - -/* Grid 4up */ -@media all and (min-width: 46.8em) { - .g-4up > .gi { - float: left; - width: 50%; } - .g-4up > .gi:nth-of-type(2n+1) { - clear: both; } } -@media all and (min-width: 50em) { - .g-4up > .gi { - width: 25%; } - .g-4up > .gi:nth-of-type(2n+1) { - clear: none; } - .g-4up > .gi:nth-of-type(4n+1) { - clear: left; } } - -/* Grid Quarter (Always displayed side by side) */ -.g-quarter > .gi { - float: left; - width: 24%; } - .g-quarter > .gi:nth-of-type(4n+1) { - clear: left; } - -@media all and (min-width: 29.75em) { - .g-max4 > .gi { - float: left; - width: 50%; } - .g-max4 > .gi:nth-of-type(2n+1) { - clear: both; } } -@media all and (min-width: 39.8em) { - .g-max4 > .gi { - width: 33.3333333%; } - .g-max4 > .gi:nth-of-type(2n+1) { - clear: none; } - .g-max4 > .gi:nth-of-type(3n+1) { - clear: left; } } -@media all and (min-width: 50em) { - .g-max4 > .gi { - width: 25%; } - .g-max4 > .gi:nth-of-type(3n+1) { - clear: none; } - .g-max4 > .gi:nth-of-type(4n+1) { - clear: left; } } - -/* Grid 5up */ -.g-max5 > .gi { - float: left; - width: 50%; } - .g-max5 > .gi:nth-of-type(2n+1) { - clear: both; } -@media all and (min-width: 39.8em) { - .g-max5 > .gi { - width: 33.3333333%; } - .g-max5 > .gi:nth-of-type(2n+1) { - clear: none; } - .g-max5 > .gi:nth-of-type(3n+1) { - clear: left; } } -@media all and (min-width: 46.8em) { - .g-max5 > .gi { - width: 25%; } - .g-max5 > .gi:nth-of-type(3n+1) { - clear: none; } - .g-max5 > .gi:nth-of-type(4n+1) { - clear: left; } } -@media all and (min-width: 48em) { - .g-max5 > .gi { - width: 20%; } - .g-max5 > .gi:nth-of-type(4n+1) { - clear: none; } - .g-max5 > .gi:nth-of-type(5n+1) { - clear: left; } } - -/* Grid 2/3 */ -@media all and (min-width: 46.8em) { - .gi-2-3 { - float: left; - width: 66.666666%; } } - -@media all and (min-width: 46.8em) { - .gi-1-3 { - float: left; - width: 33.333333%; } } - -/* Grid 4up block */ -.g-opposites .gi { - float: left; } - .g-opposites .gi:last-child { - float: right; - text-align: right; } - -/*------------------------------------*\ - $PAGE STRUCTURE -\*------------------------------------*/ -.header { - background: white; - padding: 0; - border-bottom: 1px solid #dbdbdb; } - -.logo { - float: left; - max-width: 8rem; - margin: 0.4rem; } - @media all and (min-width: 46.8em) { - .logo { - max-width: 9rem; } } - -.nav-toggle { - float: right; - display: block; - padding: 0.9rem 1rem 0.7rem; - font-size: 1.3rem; - line-height: 1; - border-left: 1px solid #dbdbdb; } - @media all and (min-width: 46.8em) { - .nav-toggle { - display: none; } } - @media all and (max-width: 17em) { - .nav-toggle { - padding-left: 0.2rem; - padding-right: 0.2rem; } } - -.search-form { - overflow: hidden; - max-height: 0; } - @media all and (min-width: 46.8em) { - .search-form { - float: right; - max-height: none; - margin: 0.65em 0.5em 0 0; } } - -/*------------------------------------*\ - $NAVIGATION -\*------------------------------------*/ -.nav { - clear: both; - overflow: hidden; - max-height: 0; } - .nav a { - display: block; - padding: 1em; - border-top: 1px solid #eeeeee; } - .nav.active { - max-height: 40em; } - @media all and (min-width: 46.8em) { - .nav { - max-height: none; - float: right; - clear: none; } - .nav li { - float: left; } - .nav a { - border: 0; } } - -.pagination { - overflow: hidden; } - .pagination li { - float: left; - border-right: 1px solid #eeeeee; } - .pagination li:last-child { - border: 0; } - .pagination a { - padding: 1em; } - -/*------------------------------------*\ - $MAIN CONTENT AREA -\*------------------------------------*/ -[role=main] { - padding: 0.5em 0.5em 2em; - overflow: hidden; } - -/*------------------------------------*\ - $FOOTER -\*------------------------------------*/ -.footer { - clear: both; - overflow: hidden; - background: #131313; - color: white; - line-height: 1.2; } - .footer a { - color: #f9f9f9; } - -.nav-footer { - margin: -1em -1em 1em; } - .nav-footer li { - border-bottom: 1px solid #333333; } - @media all and (min-width: 46.8em) { - .nav-footer li { - border: 0; - float: left; } } - .nav-footer a { - display: block; - padding: 1em; } - -@media all and (min-width: 46.8em) { - .copyright { - float: right; } } - -/*------------------------------------*\ - $TEXT Styles -\*------------------------------------*/ -.intro { - font-size: 1.0625em; - font-weight: bold; } - -.pullquote { - font-family: Georgia, Times, "Times New Roman", serif; - font-size: 1.4375em; } - -.caption { - font-style: italic; } - -.text a { - text-decoration: underline; } -.text ul { - list-style: disc; - margin: 0 0 1em 1.2em; } - .text ul ul { - margin-bottom: 0; } -.text ol { - list-style: decimal; - margin: 0 0 1em 1.5em; } - .text ol ol { - margin-bottom: 0; } - -/*------------------------------------*\ - $COMPONENTS -\*------------------------------------*/ -/* Icon Font */ -@font-face { - font-family: 'icons'; - src: url("../fonts/icons.eot"); - src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg"); - font-weight: normal; - font-style: normal; } - -/* Use the following CSS code if you want to use data attributes for inserting your icons */ -[data-icon]:before { - font-family: 'icons'; - content: attr(data-icon); - speak: none; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; } - -.icon-twitter:before, .icon-stumbleupon:before, .icon-pinterest:before, .icon-linkedin:before, .icon-google-plus:before, .icon-search:before, .icon-play:before, .icon-menu:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-bubble:before, .icon-facebook:before, .icon-feed:before, .icon-youtube:before, .icon-tag:before, .icon-tumblr:before, .icon-instagram, .icon-podcast, .icon-apple, .icon-android, .icon-arrow:after, .icon-envelope:before { - font-family: 'icons'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; } - -.icon-twitter:before { - content: "\74"; } - -.icon-stumbleupon:before { - content: "\75"; } - -.icon-pinterest:before { - content: "\70"; } - -.icon-linkedin:before { - content: "\69"; } - -.icon-google-plus:before { - content: "\67"; } - -.icon-search:before { - content: "\73"; } - -.icon-play:before { - content: "\61"; } - -.icon-menu:before { - content: "\21"; } - -.icon-arrow-left:before { - content: "\23"; } - -.icon-arrow-right:before { - content: "\24"; } - -.icon-bubble:before { - content: "\25"; } - -.icon-facebook:before { - content: "\66"; } - -.icon-feed:before { - content: "\27"; } - -.icon-youtube:before { - content: "\79"; } - -.icon-tag:before { - content: "\28"; } - -.icon-tumblr:before { - content: "\6d"; } - -.icon-instagram:before { - content: "\22"; } - -.icon-podcast:before { - content: "\26"; } - -.icon-android:before { - content: "\29"; } - -.icon-apple:before { - content: "\2a"; } - -.icon-envelope:before { - content: "\2b"; } - -.icon-arrow:after { - content: "\61"; - display: inline-block; - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); } - -.icon-play:before { - font-size: 0.7rem; - padding-left: 0.2em; } - -.icon-play-box { - display: block; - margin-left: 2em; } - -.icon-play-box:before { - padding: 0.25em; - background: gray; - color: white; - margin-left: -1.7rem; - margin-right: 0.5em; } - -/*------------------------------------*\ - $BUTTONS -\*------------------------------------*/ -.btn { - display: inline-block; - background: #333333; - color: white; - line-height: 1; - font-weight: bold; - padding: 1em; - border: 0; - text-align: center; } - .btn:hover, .btn:focus { - background: gray; - color: white; } - .btn.disabled { - background: #eeeeee; - color: gray; } - -.btn-small { - padding: 0.5em; } - -.btn-large { - padding: 0.5em; - text-transform: uppercase; - background: gray; - font-size: 1.4rem; - font-weight: normal; } - -.text-btn { - font-style: italic; } - -/* Generic Placeholder Brick: REMOVE FOR PRODUCTION */ -.brick { - background: #dcdddc; - padding: 2em; - text-align: center; - font-weight: bold; - border-bottom: 1px solid #eeeeee; } - -/* Block */ -.block { - overflow: hidden; } - .block p:last-child { - margin-bottom: 0; } - -.headline { - line-height: 1.2; } - -/* Hero Block */ -.block-hero { - margin-bottom: 0.5em; } - .block-hero .b-thumb img { - display: block; } - @media all and (min-width: 50em) { - .block-hero { - position: relative; } - .block-hero .b-text { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background: rgba(0, 0, 0, 0.5); - color: white; - padding: 1.5em; } } - -/* Block Thumbnail with Headline */ -.block-thumb { - display: table; - width: 100%; - border-collapse: collapse; } - .block-thumb .b-inner { - display: table-row; - vertical-align: top; - overflow: hidden; } - @media all and (min-width: 29.75em) { - .block-thumb .b-thumb { - display: table-cell; - vertical-align: top; - width: 30%; - max-width: 10em; } - .block-thumb .b-thumb img { - display: block; - width: 100%; - height: auto; } } - @media all and (min-width: 29.75em) { - .block-thumb .b-text { - display: table-cell; - width: 70%; - padding: 0 1em; } } - -/* Block Headline Summary */ -.block-headline-summary a { - display: block; - padding: 0.5em; } - -/* Block Inset */ -.block-inset { - position: relative; } - .block-inset .b-thumb { - position: relative; - z-index: 0; } - .block-inset .b-thumb img { - display: block; } - -/* Hero Block */ -.block-inset { - margin-bottom: 0.5em; - position: relative; } - .block-inset .headline { - font-size: 1.1em; } - .block-inset .b-text { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background: rgba(0, 0, 0, 0.5); - color: white; - padding: 0.5em; } - -/* Block Thumb with Summary */ -.block-thumb-summary .b-thumb { - float: left; - width: 50%; } -.block-thumb-summary .b-text { - margin-left: 50%; - padding: 0.5em; } - -.inline-list li { - display: inline-block; } - -/* Social List */ -.social-list li { - margin: 0 0.4rem 1em 0; } -.social-list a { - font-size: 1.6em; } - -/* Headline List */ -.headline-list { - margin-bottom: 1em; } - .headline-list.flush { - margin: 0; } - .headline-list h4 { - font-weight: normal; } - .headline-list li { - padding: 0.25em 0; - border-top: 1px solid #dddddd; } - -/* Post List */ -.post-list li { - margin-bottom: 1em; } - -/* Bullet List */ -.bullet-list { - list-style: square; - margin: 0 0 1em 1.2em; - line-height: 1.3; } - .bullet-list li { - margin-bottom: 1em; } - -/* Text List */ -.text-list { - margin: 0 0 1em; - line-height: 1.3; } - .text-list li { - margin-bottom: 1em; } - -.tooltip-container { - display: inline-block; - position: relative; } - .tooltip-container:hover .tooltip { - display: block; } - -.tooltip-link { - background: #f9f9f9; } - -.tooltip { - display: none; - position: absolute; - top: 1.5em; - left: 0; - width: 18em; - padding: 1em; - background: white; - border: 1px solid gray; - box-shadow: 0.3em 0.3em 1em 0 rgba(0, 0, 0, 0.2); } - .tooltip h2 { - margin-top: 0; } - @media all and (min-width: 24em) { - .tooltip { - width: 22em; } } - @media all and (min-width: 29.75em) { - .tooltip { - width: 27em; } } - @media all and (min-width: 39.8em) { - .tooltip { - width: 30em; } } - -.accordion { - margin-bottom: 1em; } - -.acc-handle { - background: #131313; - color: white; - font-family: Georgia, Times, "Times New Roman", serif; - font-weight: bold; - display: block; - position: relative; - padding: 0.5em; - border-bottom: 1px solid #dddddd; } - .acc-handle:after { - content: "+"; - float: right; } - .acc-handle:hover { - color: white; - background: #333333; } - .acc-handle.active { - background: #333333; } - .acc-handle.active:after { - content: "-"; } - -.tabs { - overflow: hidden; } - .tabs ul { - display: table; - width: 100%; } - .tabs li { - display: table-cell; - text-align: center; - border-right: 1px solid #dddddd; } - .tabs li:last-child { - border-right: 0; } - .tabs a { - display: block; - padding: 0.5em; - background: gray; } - .tabs a:hover, .tabs a:focus { - background: #dddddd; } - .tabs a.active { - background: #333333; - color: white; } - -.section { - margin: 0 0 1em; } - -.section-title { - margin-bottom: 0.5em; } - -.article-header h1 { - font-size: 2.5em; } - -.byline { - font-size: 0.875em; - font-style: italic; - margin-bottom: 0.5em; } - -.social-share { - overflow: hidden; - margin-bottom: 1em; } - .social-share li { - float: left; - margin-right: 0.5em; } - .social-share a { - background: #333333; - color: white; - display: block; - padding: 0.5em; } - .social-share a:hover { - background: gray; } - -.comments li { - margin-bottom: 1em; } - -.comment-container { - overflow: hidden; - margin-bottom: 1em; - list-style: none; } - -.comment-meta { - float: left; - width: 6.5em; } - .comment-meta img { - display: block; - border: 1px solid #eeeeee; - margin-bottom: 0.5em; } - -.comment-name { - font-size: 0.75em; } - -.comment-text { - margin-left: 9em; } - -/*------------------------------------*\ - $MESSAGING -\*------------------------------------*/ -.alert { - text-align: center; - padding: 1em; - margin-bottom: 0.5em; - border: 1px solid gray; - background: #f9f9f9; } - -.alert-error { - color: red; - border-color: red; - background: #ffbebe; } +/* + * YOUR STYLES HERE + */ \ No newline at end of file diff --git a/source/css/style.scss b/source/css/style.scss deleted file mode 100644 index b749f20..0000000 --- a/source/css/style.scss +++ /dev/null @@ -1,121 +0,0 @@ -/* - ,, ,, ,, - .M"""bgd mm db `7MM mm mm `7MM OO OO OO -,MI "Y MM MM MM MM MM 88 88 88 -`MMb. mmMMmm ,pW"Wq.`7MMpdMAo. `7Mb,od8 `7MM .P"Ybmmm MMpMMMb.mmMMmm mmMMmm MMpMMMb. .gP"Ya `7Mb,od8 .gP"Ya || || || - `YMMNq. MM 6W' `Wb MM `Wb MM' "' MM :MI I8 MM MM MM MM MM MM ,M' Yb MM' "',M' Yb || || || -. `MM MM 8M M8 MM M8 MM MM WmmmP" MM MM MM MM MM MM 8M"""""" MM 8M"""""" `' `' `' -Mb dM MM YA. ,A9 MM ,AP MM MM 8M MM MM MM MM MM MM YM. , MM YM. , ,, ,, ,, -P"Ybmmd" `Mbmo`Ybmd9' MMbmmd' .JMML. .JMML.YMMMMMb .JMML JMML.`Mbmo `Mbmo.JMML JMML.`Mbmmd'.JMML. `Mbmmd' db db db - MM 6' dP - .JMML. Ybmmmd' - -Pattern Lab doesn't have any CSS requirements, which means you can write your styles however you want. Hooray! -You can use Sass, Less, vanilla CSS, or some other crazy thing I haven't heard of yet. -So please don't use these styles. They're just here to put together the demo, and nothing more. -They're intentionally gray, boring, and crappy because you're supposed to do this stuff yourself. - -Atomic design is philosophically complimentary with these CSS approaches: - -* SMACSS by Jonathan Snook http://smacss.com/ -* OOCSS by Nicole Sullivan http://oocss.org/ -* BEM CSS Methology : http://bem.info/method/ -* CSS Guidelines by Harry Roberts : https://github.com/csswizardry/CSS-Guidelines - -So feel free to use any of these approaches. Or don't. It's totally up to you. - -*/ - -/*------------------------------------*\ - $TABLE OF CONTENTS - based generally on Harry Roberts excellent CSS Guidelines https://github.com/csswizardry/CSS-Guidelines -\*------------------------------------*/ -/** - * VARIABLES..............................Declarations of Sass variables - * .....Colors - * .....Typography - * .....Layout - * .....Defaults - * .....Breakpoints - * MIXINS.................................Sass mixins - * RESET..................................Set reset defaults - * GLOBAL CLASSES.........................Set reset defaults - * GLOBAL ELEMENTS........................Establish global styles - * .....Main - * .....Headings - * .....Text-related elements (p, blockquote, lists) - * .....Defaults - * .....Breakpoints - * TYPOGRAPHY------------------------------ - * MEDIA------------------------------ - * LAYOUT------------------------------ - * NAVIGATION------------------------------ - * TOC To Be Continued - */ - - - -@import "scss/generic/variables"; -@import "scss/generic/mixins"; -@import "scss/generic/reset"; - - - - - -/*------------------------------------*\ - $GLOBAL ELEMENTS -\*------------------------------------*/ -@import "scss/base/global-classes"; -@import "scss/base/main"; -@import "scss/base/links"; -@import "scss/base/headings"; -@import "scss/base/text"; -@import "scss/base/lists"; -@import "scss/base/media"; -@import "scss/base/forms"; -@import "scss/base/tables"; -@import "scss/base/animation"; - - - - - -/*------------------------------------*\ - $LAYOUT -\*------------------------------------*/ -@import "scss/objects/layout"; - - -/*------------------------------------*\ - $PAGE STRUCTURE -\*------------------------------------*/ -@import "scss/objects/header"; -@import "scss/objects/nav"; -@import "scss/objects/main"; -@import "scss/objects/footer"; - - - -/*------------------------------------*\ - $TEXT Styles -\*------------------------------------*/ -@import "scss/objects/text"; - - -/*------------------------------------*\ - $COMPONENTS -\*------------------------------------*/ -@import "scss/objects/icons"; -@import "scss/objects/buttons"; -@import "scss/objects/blocks"; -@import "scss/objects/lists"; -@import "scss/objects/tooltip"; -@import "scss/objects/accordion"; -@import "scss/objects/tabs"; -@import "scss/objects/sections"; -@import "scss/objects/article"; -@import "scss/objects/comments"; -@import "scss/objects/messaging"; - - diff --git a/source/fonts/icons.dev.svg b/source/fonts/icons.dev.svg deleted file mode 100644 index ca8e49e..0000000 --- a/source/fonts/icons.dev.svg +++ /dev/null @@ -1,103 +0,0 @@ - - - - -This is a custom SVG font generated by IcoMoon. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/source/fonts/icons.eot b/source/fonts/icons.eot deleted file mode 100644 index 81a314b..0000000 Binary files a/source/fonts/icons.eot and /dev/null differ diff --git a/source/fonts/icons.svg b/source/fonts/icons.svg deleted file mode 100644 index 3c64026..0000000 --- a/source/fonts/icons.svg +++ /dev/null @@ -1,103 +0,0 @@ - - - - -This is a custom SVG font generated by IcoMoon. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/source/fonts/icons.ttf b/source/fonts/icons.ttf deleted file mode 100644 index e6bff08..0000000 Binary files a/source/fonts/icons.ttf and /dev/null differ diff --git a/source/fonts/icons.woff b/source/fonts/icons.woff deleted file mode 100644 index 10e6632..0000000 Binary files a/source/fonts/icons.woff and /dev/null differ diff --git a/source/images/ajax-loader.gif b/source/images/ajax-loader.gif deleted file mode 100644 index f2a1bc0..0000000 Binary files a/source/images/ajax-loader.gif and /dev/null differ diff --git a/source/images/favicon_16x16.jpg b/source/images/favicon_16x16.jpg deleted file mode 100644 index 05e7449..0000000 Binary files a/source/images/favicon_16x16.jpg and /dev/null differ diff --git a/source/images/favicon_32x32.jpg b/source/images/favicon_32x32.jpg deleted file mode 100644 index 0970980..0000000 Binary files a/source/images/favicon_32x32.jpg and /dev/null differ diff --git a/source/images/fpo_16x9.png b/source/images/fpo_16x9.png deleted file mode 100644 index 013949d..0000000 Binary files a/source/images/fpo_16x9.png and /dev/null differ diff --git a/source/images/fpo_4x3.png b/source/images/fpo_4x3.png deleted file mode 100644 index 7ff84b8..0000000 Binary files a/source/images/fpo_4x3.png and /dev/null differ diff --git a/source/images/fpo_avatar.png b/source/images/fpo_avatar.png deleted file mode 100644 index e666a40..0000000 Binary files a/source/images/fpo_avatar.png and /dev/null differ diff --git a/source/images/fpo_square.png b/source/images/fpo_square.png deleted file mode 100644 index ce8a1e4..0000000 Binary files a/source/images/fpo_square.png and /dev/null differ diff --git a/source/images/logo.png b/source/images/logo.png deleted file mode 100644 index 93db733..0000000 Binary files a/source/images/logo.png and /dev/null differ diff --git a/source/images/sample/landscape-16x9-mountains.jpg b/source/images/sample/landscape-16x9-mountains.jpg deleted file mode 100644 index 3c0d92b..0000000 Binary files a/source/images/sample/landscape-16x9-mountains.jpg and /dev/null differ diff --git a/source/images/sample/thumb-square-fire.jpg b/source/images/sample/thumb-square-fire.jpg deleted file mode 100644 index 20a5c5e..0000000 Binary files a/source/images/sample/thumb-square-fire.jpg and /dev/null differ diff --git a/source/images/sample/thumb-square-gear.jpg b/source/images/sample/thumb-square-gear.jpg deleted file mode 100644 index 052a52a..0000000 Binary files a/source/images/sample/thumb-square-gear.jpg and /dev/null differ diff --git a/source/images/sample/thumb-square-ivy.jpg b/source/images/sample/thumb-square-ivy.jpg deleted file mode 100644 index 64183a7..0000000 Binary files a/source/images/sample/thumb-square-ivy.jpg and /dev/null differ diff --git a/source/images/sample/thumb-square-river.jpg b/source/images/sample/thumb-square-river.jpg deleted file mode 100644 index f190186..0000000 Binary files a/source/images/sample/thumb-square-river.jpg and /dev/null differ diff --git a/source/images/sample/thumb-square-yosemite.jpg b/source/images/sample/thumb-square-yosemite.jpg deleted file mode 100644 index 8f388d7..0000000 Binary files a/source/images/sample/thumb-square-yosemite.jpg and /dev/null differ diff --git a/source/images/sample/tout-4x3-climber.jpg b/source/images/sample/tout-4x3-climber.jpg deleted file mode 100644 index 1348cd7..0000000 Binary files a/source/images/sample/tout-4x3-climber.jpg and /dev/null differ diff --git a/source/images/sample/tout-4x3-climbers.jpg b/source/images/sample/tout-4x3-climbers.jpg deleted file mode 100644 index d8461a1..0000000 Binary files a/source/images/sample/tout-4x3-climbers.jpg and /dev/null differ diff --git a/source/images/sample/tout-4x3-stream.jpg b/source/images/sample/tout-4x3-stream.jpg deleted file mode 100644 index 8e091d1..0000000 Binary files a/source/images/sample/tout-4x3-stream.jpg and /dev/null differ diff --git a/source/js/.gitkeep b/source/js/.gitkeep new file mode 100644 index 0000000..67291bb --- /dev/null +++ b/source/js/.gitkeep @@ -0,0 +1 @@ +keeping this dir around \ No newline at end of file