diff --git a/.gitignore b/.gitignore index 58cdad6..5cf4f42 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ design-library/node_modules +.idea diff --git a/design-library/.gitignore b/design-library/.gitignore index d4f687c..9560e76 100644 --- a/design-library/.gitignore +++ b/design-library/.gitignore @@ -3,3 +3,4 @@ export/* public/* source/styleguide/* vendor/* +debug.log diff --git a/design-library/gulpfile.js b/design-library/gulpfile.js index 7ece9be..5221d74 100644 --- a/design-library/gulpfile.js +++ b/design-library/gulpfile.js @@ -7,9 +7,12 @@ var concat = require('gulp-concat'); var minify = require('gulp-minify-css'); var merge = require('merge-stream'); var shell = require('gulp-shell'); +var sassGlob = require('gulp-sass-glob'); // Directories for storing sass and css files -var sassFiles = ['source/_patterns/**/*.scss','source/scss/*.scss']; +// var sassFiles = ['source/_patterns/**/*.scss','source/scss/scss.scss']; +var sassFiles = ['source/**/*.scss']; + var cssDir = 'source/css'; var jsDir = 'source/js/*.js'; @@ -39,6 +42,7 @@ gulp.task('sass', function() { return gulp.src(sassFiles) // Initialize sourcemaps //.pipe(sourcemaps.init()) + .pipe(sassGlob()) // Run Sass .pipe(sass({ outputStyle: 'compressed', diff --git a/design-library/package.json b/design-library/package.json index 260fa44..003545f 100644 --- a/design-library/package.json +++ b/design-library/package.json @@ -19,13 +19,14 @@ "devDependencies": { "breakpoint-sass": "^2.7.1", "gulp-autoprefixer": "^3.1.1", + "gulp-concat": "^2.6.0", "gulp-eslint": "^3.0.1", + "gulp-minify-css": "^1.2.1", "gulp-sass": "^3.0.0", + "gulp-sass-glob": "^1.0.8", "gulp-sass-lint": "^1.3.2", - "gulp-sourcemaps": "^1.9.1", - "gulp-concat": "^2.6.0", - "gulp-minify-css": "^1.2.1", "gulp-shell": "^0.6.3", + "gulp-sourcemaps": "^1.9.1", "merge-stream": "^1.0.0", "susy": "^2.2.12", "typey": "^1.1.1" diff --git a/design-library/source/_patterns/01-atoms/01-list-title/_list-title.scss b/design-library/source/_patterns/01-atoms/01-list-title/_list-title.scss new file mode 100644 index 0000000..a96dc81 --- /dev/null +++ b/design-library/source/_patterns/01-atoms/01-list-title/_list-title.scss @@ -0,0 +1,9 @@ +h3.list-title { + font-size: 2em; + a { + color: black; + &:hover { + color: $link-color--hover; + } + } +} \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/01-list-title/list-title.scss b/design-library/source/_patterns/01-atoms/01-list-title/list-title.scss deleted file mode 100644 index 67c1106..0000000 --- a/design-library/source/_patterns/01-atoms/01-list-title/list-title.scss +++ /dev/null @@ -1,13 +0,0 @@ -h3.list-title { - a { - font-size: 32px; - color: #000; - font-weight: bold; - margin-bottom: 20px; - } - - a:hover { - color: #0CB022; - text-decoration: none; - } -} \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/02-list-body/list-body.scss b/design-library/source/_patterns/01-atoms/02-list-body/_list-body.scss similarity index 53% rename from design-library/source/_patterns/01-atoms/02-list-body/list-body.scss rename to design-library/source/_patterns/01-atoms/02-list-body/_list-body.scss index 575eeab..1b0816f 100644 --- a/design-library/source/_patterns/01-atoms/02-list-body/list-body.scss +++ b/design-library/source/_patterns/01-atoms/02-list-body/_list-body.scss @@ -1,6 +1,6 @@ div.list-body { - font-size: 18px; - margin-bottom: 40px; + font-size: 1.125em; + margin-bottom: 2em; a { font-weight: bold; diff --git a/design-library/source/_patterns/01-atoms/03-list-image/list-image.scss b/design-library/source/_patterns/01-atoms/03-list-image/_list-image.scss similarity index 100% rename from design-library/source/_patterns/01-atoms/03-list-image/list-image.scss rename to design-library/source/_patterns/01-atoms/03-list-image/_list-image.scss diff --git a/design-library/source/_patterns/01-atoms/03-list-image/list-image.json b/design-library/source/_patterns/01-atoms/03-list-image/list-image.json index ea9b2bf..9dca3b5 100644 --- a/design-library/source/_patterns/01-atoms/03-list-image/list-image.json +++ b/design-library/source/_patterns/01-atoms/03-list-image/list-image.json @@ -1,3 +1,3 @@ { - "image_url": "http://nerdstein.net/sites/default/files/nerdstein_11.png" + "image_url": "/images/dog-cello.jpg" } \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/03-list-image/list-image.twig b/design-library/source/_patterns/01-atoms/03-list-image/list-image.twig index 42be07a..159ea06 100644 --- a/design-library/source/_patterns/01-atoms/03-list-image/list-image.twig +++ b/design-library/source/_patterns/01-atoms/03-list-image/list-image.twig @@ -1 +1,3 @@ - \ No newline at end of file +
+ +
\ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/04-blog-tag/_blog-tag.scss b/design-library/source/_patterns/01-atoms/04-blog-tag/_blog-tag.scss new file mode 100644 index 0000000..23d0a89 --- /dev/null +++ b/design-library/source/_patterns/01-atoms/04-blog-tag/_blog-tag.scss @@ -0,0 +1,3 @@ +.highlight-title { + @include button-profile; +} \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/04-blog-tag/blog-tag.scss b/design-library/source/_patterns/01-atoms/04-blog-tag/blog-tag.scss deleted file mode 100644 index 84e7a7b..0000000 --- a/design-library/source/_patterns/01-atoms/04-blog-tag/blog-tag.scss +++ /dev/null @@ -1,6 +0,0 @@ -.highlight-title { - font-family: 'Pavanam'; - background-color: #ED6300; - color: #fff; - padding: 8px; -} \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/05-list-posted-on/_list-posted-on.scss b/design-library/source/_patterns/01-atoms/05-list-posted-on/_list-posted-on.scss new file mode 100644 index 0000000..29224d5 --- /dev/null +++ b/design-library/source/_patterns/01-atoms/05-list-posted-on/_list-posted-on.scss @@ -0,0 +1,5 @@ +.posted-on { + color: $medium-gray; + margin: 0 0 1em 0; + line-height: 1; +} diff --git a/design-library/source/_patterns/01-atoms/05-list-posted-on/list-posted-on.scss b/design-library/source/_patterns/01-atoms/05-list-posted-on/list-posted-on.scss deleted file mode 100644 index 2bd32ee..0000000 --- a/design-library/source/_patterns/01-atoms/05-list-posted-on/list-posted-on.scss +++ /dev/null @@ -1,4 +0,0 @@ -.posted-on { - color: #969696; - -} \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/06-section-heading/_section-heading.scss b/design-library/source/_patterns/01-atoms/06-section-heading/_section-heading.scss new file mode 100644 index 0000000..da95a31 --- /dev/null +++ b/design-library/source/_patterns/01-atoms/06-section-heading/_section-heading.scss @@ -0,0 +1,3 @@ +.section-heading { + @include button-profile; +} \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/06-section-heading/section-heading.scss b/design-library/source/_patterns/01-atoms/06-section-heading/section-heading.scss deleted file mode 100644 index ec1a579..0000000 --- a/design-library/source/_patterns/01-atoms/06-section-heading/section-heading.scss +++ /dev/null @@ -1,6 +0,0 @@ -.section-heading { - font-family: 'Pavanam'; - background-color: #ED6300; - color: #fff; - padding: 8px; -} \ No newline at end of file diff --git a/design-library/source/_patterns/01-atoms/07-section-content/section-content.scss b/design-library/source/_patterns/01-atoms/07-section-content/_section-content.scss similarity index 86% rename from design-library/source/_patterns/01-atoms/07-section-content/section-content.scss rename to design-library/source/_patterns/01-atoms/07-section-content/_section-content.scss index fe939bc..10054f2 100644 --- a/design-library/source/_patterns/01-atoms/07-section-content/section-content.scss +++ b/design-library/source/_patterns/01-atoms/07-section-content/_section-content.scss @@ -1,6 +1,6 @@ .section-content { background-color: #fff; - border: 2px solid #EDEDED; + border: 2px solid $light-gray; margin-bottom: 30px; font-size: 16px; .ul { diff --git a/design-library/source/_patterns/02-molecules/01-blog-tags/_blog-tags.scss b/design-library/source/_patterns/02-molecules/01-blog-tags/_blog-tags.scss new file mode 100644 index 0000000..5af7f21 --- /dev/null +++ b/design-library/source/_patterns/02-molecules/01-blog-tags/_blog-tags.scss @@ -0,0 +1,4 @@ +.blog-tags { + border-bottom: 1px solid $light-gray; + margin-bottom: 1.5em; +} \ No newline at end of file diff --git a/design-library/source/_patterns/02-molecules/01-blog-tags/blog-tags.scss b/design-library/source/_patterns/02-molecules/01-blog-tags/blog-tags.scss deleted file mode 100644 index 94162fa..0000000 --- a/design-library/source/_patterns/02-molecules/01-blog-tags/blog-tags.scss +++ /dev/null @@ -1,4 +0,0 @@ -.blog-tags { - border-bottom: 1px solid #ccc; - margin-bottom: 30px; -} \ No newline at end of file diff --git a/design-library/source/_patterns/02-molecules/02-list-element/list-element.scss b/design-library/source/_patterns/02-molecules/02-list-element/_list-element.scss similarity index 69% rename from design-library/source/_patterns/02-molecules/02-list-element/list-element.scss rename to design-library/source/_patterns/02-molecules/02-list-element/_list-element.scss index 2f6ea7c..50f5a5c 100644 --- a/design-library/source/_patterns/02-molecules/02-list-element/list-element.scss +++ b/design-library/source/_patterns/02-molecules/02-list-element/_list-element.scss @@ -3,6 +3,7 @@ margin-bottom: 15px; .list-element-body { + display: block; .list-element-image { float: left; clear: left; @@ -10,5 +11,10 @@ margin-left: 0px; margin-top: 0px; } + &:after { + content:" "; + display:block; + clear:both; + } } } \ No newline at end of file diff --git a/design-library/source/_patterns/02-molecules/02-list-element/list-element.json b/design-library/source/_patterns/02-molecules/02-list-element/list-element.json index 3f0858a..94b70db 100644 --- a/design-library/source/_patterns/02-molecules/02-list-element/list-element.json +++ b/design-library/source/_patterns/02-molecules/02-list-element/list-element.json @@ -8,6 +8,9 @@ }, "2": { "tag_name": "Drupal" + }, + "3": { + "tag_name": "Cats" } }, "posted_date": "January 5, 2017" diff --git a/design-library/source/_patterns/02-molecules/02-list-element/list-element~1-image.json b/design-library/source/_patterns/02-molecules/02-list-element/list-element~1-image.json index 6a389b6..0bbf912 100644 --- a/design-library/source/_patterns/02-molecules/02-list-element/list-element~1-image.json +++ b/design-library/source/_patterns/02-molecules/02-list-element/list-element~1-image.json @@ -1,7 +1,7 @@ { "title": "The category manager enforces our risk appetites.", - "link_url": "http://nerdstein.net", - "image_url": "http://nerdstein.net/sites/default/files/nerdstein_11.png", + "link_url": "http://thecatapi.com/", + "image_url": "/images/dog-cello.jpg", "body": "The preemptive commitment leads to an agile feedback, while the game changer connects the dots to the end game. Our under-the-radar business platforms energize the market thinker.", "tag_list": [ ], "posted_date": "February 10, 2017" diff --git a/design-library/source/_patterns/02-molecules/03-section/section.scss b/design-library/source/_patterns/02-molecules/03-section/_section.scss similarity index 100% rename from design-library/source/_patterns/02-molecules/03-section/section.scss rename to design-library/source/_patterns/02-molecules/03-section/_section.scss diff --git a/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.scss b/design-library/source/_patterns/03-organisms/01-blog-list/_blog-list.scss similarity index 100% rename from design-library/source/_patterns/03-organisms/01-blog-list/blog-list.scss rename to design-library/source/_patterns/03-organisms/01-blog-list/_blog-list.scss diff --git a/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.json b/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.json index 619a4d8..c471c07 100644 --- a/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.json +++ b/design-library/source/_patterns/03-organisms/01-blog-list/blog-list.json @@ -26,7 +26,7 @@ "tag_name": "DevOps" } }, - "image_url": "http://nerdstein.net/sites/default/files/nerdstein_11.png", + "image_url": "/images/dog-cello.jpg", "posted_date": "March 19, 2017" }, "3": { diff --git a/design-library/source/_patterns/04-pages/01-sidebar/sidebar.scss b/design-library/source/_patterns/04-pages/01-sidebar/_sidebar.scss similarity index 100% rename from design-library/source/_patterns/04-pages/01-sidebar/sidebar.scss rename to design-library/source/_patterns/04-pages/01-sidebar/_sidebar.scss diff --git a/design-library/source/_patterns/04-pages/01-sidebar/sidebar.twig b/design-library/source/_patterns/04-pages/01-sidebar/sidebar.twig index 3a2d8d6..19e726a 100644 --- a/design-library/source/_patterns/04-pages/01-sidebar/sidebar.twig +++ b/design-library/source/_patterns/04-pages/01-sidebar/sidebar.twig @@ -37,7 +37,7 @@ "tag_name": "DevOps" } }, - "image_url": "http://nerdstein.net/sites/default/files/nerdstein_11.png", + "image_url": "/images/dog-cello.jpg", "posted_date": "March 19, 2017" }, "3": { diff --git a/design-library/source/css/style.css b/design-library/source/css/style.css index 7ae4d31..d13f176 100644 --- a/design-library/source/css/style.css +++ b/design-library/source/css/style.css @@ -1 +1 @@ -div.list-body a,h3.list-title a{font-weight:700}.highlight-title,.section-heading{font-family:Pavanam;background-color:#ED6300;padding:8px}h3.list-title a{font-size:32px;color:#000;margin-bottom:20px}h3.list-title a:hover{color:#0CB022;text-decoration:none}div.list-body{font-size:18px;margin-bottom:40px}img.list-image{max-width:300px}.highlight-title{color:#fff}.blog-tags{border-bottom:1px solid #ccc;margin-bottom:30px}.section p{margin:20px}.list-element{margin-top:15px;margin-bottom:15px}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 15px 15px 0}.posted-on{color:#969696}.section-heading{color:#fff}.section-content{background-color:#fff;border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.blog-list{padding-top:40px;padding-bottom:40px}.sidebar{clear:right;float:right;display:block;margin-left:50px;width:25%}.content{display:block;width:72%}body{overflow-x:hidden;font-family:'PT Sans';font-size:18px;background-color:#f8f8f8;color:#4c4c4c}body a{color:#0C0D0D}body a :hover{color:#424242}body a :visited{text-decoration:none} \ No newline at end of file +.highlight-title,.section-heading{font-weight:700;display:inline-block;line-height:1;padding:.5em .75em;font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}a,a:visited{text-decoration:none}.highlight-title,.section-heading,body,h1,h2,h3,h4{font-family:"PT Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}h3.list-title{font-size:2em}h3.list-title a{color:#000}h3.list-title a:hover{color:#0fa620}div.list-body{font-size:1.125em;margin-bottom:2em}div.list-body a{font-weight:700}img.list-image{max-width:300px}.highlight-title{color:#fff;background-color:#ed6300}.highlight-title:hover{background-color:#0fa620}.posted-on{color:#969696;margin:0 0 1em;line-height:1}.section-heading{color:#fff;background-color:#ed6300}.content,.list-element .list-element-body,.sidebar{display:block}.section-heading:hover{background-color:#0fa620}.section-content,body{background-color:#fff}.section-content{border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.blog-tags{border-bottom:1px solid #EDEDED;margin-bottom:1.5em}.list-element{margin-top:15px;margin-bottom:15px}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 15px 15px 0}.list-element .list-element-body:after{content:" ";display:block;clear:both}.section p{margin:20px}.blog-list{padding-top:40px;padding-bottom:40px}.sidebar{clear:right;float:right;margin-left:50px;width:25%}.content{width:72%}html{font-size:16px}body{font-size:1em;line-height:1.5;font-weight:400;overflow-x:hidden;color:#4c4c4c}a{color:#ed6300}a:hover{color:#0fa620;text-decoration:underline}h1,h2,h3,h4{font-weight:700;padding:0;line-height:1.2;margin:0 0 .5em}h1{font-size:2em}h2{font-size:1.67em}h3{font-size:1.33em}h4{font-size:1em} \ No newline at end of file diff --git a/design-library/source/images/dog-cello.jpg b/design-library/source/images/dog-cello.jpg new file mode 100644 index 0000000..a414252 Binary files /dev/null and b/design-library/source/images/dog-cello.jpg differ diff --git a/design-library/source/scss/base.scss b/design-library/source/scss/base.scss deleted file mode 100644 index 2c6100b..0000000 --- a/design-library/source/scss/base.scss +++ /dev/null @@ -1,19 +0,0 @@ -body { - overflow-x: hidden; /* Prevent scroll on narrow devices */ - font-family: 'PT Sans'; - font-size: 18px; - background-color: #f8f8f8; - color: #4c4c4c; - - a { - color: #0C0D0D; - - *:hover { - color: #424242; - } - - *:visited { - text-decoration: none; - } - } -} \ No newline at end of file diff --git a/design-library/source/scss/base/_basics.scss b/design-library/source/scss/base/_basics.scss new file mode 100644 index 0000000..7767125 --- /dev/null +++ b/design-library/source/scss/base/_basics.scss @@ -0,0 +1,49 @@ +html { + font-size: 16px; +} + +body { + @include font-profile--base; + overflow-x: hidden; /* Prevent scroll on narrow devices */ + background-color: #fff; + color: $base-font-color; +} + +a { + color: $link-color; + text-decoration: none; + + &:hover { + color: $link-color--hover; + text-decoration: underline; + } + + &:visited { + text-decoration: none; + } +} + +h1, h2, h3, h4 { + @include font-profile--heading; + padding: 0; + line-height: 1.2; + margin: 0 0 .5em 0; +} + +h1 { + font-size: 2em; +} + +h2 { + font-size: 1.67em; +} + +h3 { + font-size: 1.33em; +} + +h4 { + font-size: 1em; +} + + diff --git a/design-library/source/scss/base/_variables.scss b/design-library/source/scss/base/_variables.scss new file mode 100644 index 0000000..e3cbd47 --- /dev/null +++ b/design-library/source/scss/base/_variables.scss @@ -0,0 +1,44 @@ + +$base-font-family: "PT Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; +$heading-font-family: $base-font-family; + +$base-font-color: #4c4c4c; + +$key-color-1--base: #ed6300; +$key-color-1--lighter: lighten($key-color-1--base, 30%); +$key-color-1--darker: darken($key-color-1--base, 30%); + +$key-color-2--base: #0fa620; +$key-color-2--lighter: lighten($key-color-2--base, 30%); +$key-color-2--darker: darken($key-color-2--base, 30%); + +$link-color: $key-color-1--base; +$link-color--hover: $key-color-2--base; + +$light-gray: #EDEDED; +$medium-gray: rgb(150, 150, 150); + +@mixin font-profile--base { + font-family: $base-font-family; + font-size: 1em; + line-height: 1.5; + font-weight: normal; +} + +@mixin font-profile--heading { + font-family: $heading-font-family; + line-height: 1.3; + font-weight: bold; +} + +@mixin button-profile { + @include font-profile--heading; + display: inline-block; + line-height: 1; + color: #fff; + background-color: $link-color; + padding: .5em .75em; + &:hover { + background-color: $link-color--hover; + } +} \ No newline at end of file diff --git a/design-library/source/scss/base/base.scss b/design-library/source/scss/base/base.scss new file mode 100644 index 0000000..3b653ea --- /dev/null +++ b/design-library/source/scss/base/base.scss @@ -0,0 +1,2 @@ +@import 'variables'; +@import 'basics'; diff --git a/design-library/source/scss/scss.scss b/design-library/source/scss/scss.scss new file mode 100644 index 0000000..107d791 --- /dev/null +++ b/design-library/source/scss/scss.scss @@ -0,0 +1,2 @@ +@import 'base/base'; +@import '../_patterns/**/*.scss'; \ No newline at end of file diff --git a/html/.gitkeep b/html/.gitkeep index 41d91b6..4d46858 100644 --- a/html/.gitkeep +++ b/html/.gitkeep @@ -1 +1 @@ -Holding file for public/ directory \ No newline at end of file +After you generate Pattern Lab for the first time your source files will be placed here. \ No newline at end of file diff --git a/html/css/pattern-scaffolding.css b/html/css/pattern-scaffolding.css deleted file mode 100644 index 2a69457..0000000 --- a/html/css/pattern-scaffolding.css +++ /dev/null @@ -1,54 +0,0 @@ -/** - * This stylesheet is for styles you want to include only when displaying demo - * styles for grids, animations, color swatches, etc. - * These styles will not be your production CSS. - */ -#sg-patterns { - -webkit-box-sizing: border-box !important; - box-sizing: border-box !important; - max-width: 100%; - padding: 0 0.5em; -} - -.demo-animate { - background: #ddd; - padding: 1em; - margin-bottom: 1em; - text-align: center; - border-radius: 8px; - cursor: pointer; -} - -.sg-colors { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none !important; - padding: 0 !important; - margin: 0 !important; -} -.sg-colors li { - -webkit-box-flex: 1; - -ms-flex: auto; - flex: auto; - padding: 0.3em; - margin: 0 0.5em 0.5em 0; - min-width: 5em; - max-width: 14em; - border: 1px solid #ddd; - border-radius: 8px; -} - -.sg-swatch { - display: block; - height: 4em; - margin-bottom: 0.3em; - border-radius: 5px; -} - -.sg-label { - font-size: 90%; - line-height: 1; -} diff --git a/html/css/style.css b/html/css/style.css deleted file mode 100644 index ec16332..0000000 --- a/html/css/style.css +++ /dev/null @@ -1 +0,0 @@ -div.list-body a,h3.list-title a{font-weight:700}.highlight-title,.section-heading{font-family:Pavanam;background-color:#ED6300;padding:8px}div.list-body{font-size:18px;margin-bottom:40px}h3.list-title a{font-size:32px;color:#000;margin-bottom:20px}h3.list-title a:hover{color:#0CB022;text-decoration:none}img.list-image{max-width:300px}.highlight-title{color:#fff}.posted-on{color:#969696}.section-heading{color:#fff}.section-content{background-color:#fff;border:2px solid #EDEDED;margin-bottom:30px;font-size:16px}.section-content .ul .li{border-bottom:1px solid #ccc}.section-content .ul .li:last-child{border-bottom:none}.blog-tags{border-bottom:1px solid #ccc;margin-bottom:30px}.list-element{margin-top:15px;margin-bottom:15px}.list-element .list-element-body .list-element-image{float:left;clear:left;margin:0 15px 15px 0}.section p{margin:20px}.blog-list{padding-top:40px;padding-bottom:40px}.sidebar{clear:right;float:right;display:block;margin-left:50px;width:25%}.content{display:block;width:72%}body{overflow-x:hidden;font-family:'PT Sans';font-size:18px;background-color:#f8f8f8;color:#4c4c4c}body a{color:#0C0D0D}body a :hover{color:#424242}body a :visited{text-decoration:none} \ No newline at end of file diff --git a/html/images/favicon_16x16.jpg b/html/images/favicon_16x16.jpg deleted file mode 100644 index 05e7449..0000000 Binary files a/html/images/favicon_16x16.jpg and /dev/null differ diff --git a/html/images/favicon_32x32.jpg b/html/images/favicon_32x32.jpg deleted file mode 100644 index 0970980..0000000 Binary files a/html/images/favicon_32x32.jpg and /dev/null differ diff --git a/html/images/fpo_16x9.png b/html/images/fpo_16x9.png deleted file mode 100644 index 013949d..0000000 Binary files a/html/images/fpo_16x9.png and /dev/null differ diff --git a/html/images/fpo_4x3.png b/html/images/fpo_4x3.png deleted file mode 100644 index 7ff84b8..0000000 Binary files a/html/images/fpo_4x3.png and /dev/null differ diff --git a/html/images/fpo_avatar.png b/html/images/fpo_avatar.png deleted file mode 100644 index e666a40..0000000 Binary files a/html/images/fpo_avatar.png and /dev/null differ diff --git a/html/images/fpo_square.png b/html/images/fpo_square.png deleted file mode 100644 index ce8a1e4..0000000 Binary files a/html/images/fpo_square.png and /dev/null differ diff --git a/html/images/logo.png b/html/images/logo.png deleted file mode 100644 index 93db733..0000000 Binary files a/html/images/logo.png and /dev/null differ diff --git a/html/images/sample/landscape-16x9-mountains.jpg b/html/images/sample/landscape-16x9-mountains.jpg deleted file mode 100644 index 3c0d92b..0000000 Binary files a/html/images/sample/landscape-16x9-mountains.jpg and /dev/null differ diff --git a/html/images/sample/thumb-square-fire.jpg b/html/images/sample/thumb-square-fire.jpg deleted file mode 100644 index 20a5c5e..0000000 Binary files a/html/images/sample/thumb-square-fire.jpg and /dev/null differ diff --git a/html/images/sample/thumb-square-gear.jpg b/html/images/sample/thumb-square-gear.jpg deleted file mode 100644 index 052a52a..0000000 Binary files a/html/images/sample/thumb-square-gear.jpg and /dev/null differ diff --git a/html/images/sample/thumb-square-ivy.jpg b/html/images/sample/thumb-square-ivy.jpg deleted file mode 100644 index 64183a7..0000000 Binary files a/html/images/sample/thumb-square-ivy.jpg and /dev/null differ diff --git a/html/images/sample/thumb-square-river.jpg b/html/images/sample/thumb-square-river.jpg deleted file mode 100644 index f190186..0000000 Binary files a/html/images/sample/thumb-square-river.jpg and /dev/null differ diff --git a/html/images/sample/thumb-square-yosemite.jpg b/html/images/sample/thumb-square-yosemite.jpg deleted file mode 100644 index 8f388d7..0000000 Binary files a/html/images/sample/thumb-square-yosemite.jpg and /dev/null differ diff --git a/html/images/sample/tout-4x3-climber.jpg b/html/images/sample/tout-4x3-climber.jpg deleted file mode 100644 index 1348cd7..0000000 Binary files a/html/images/sample/tout-4x3-climber.jpg and /dev/null differ diff --git a/html/images/sample/tout-4x3-climbers.jpg b/html/images/sample/tout-4x3-climbers.jpg deleted file mode 100644 index d8461a1..0000000 Binary files a/html/images/sample/tout-4x3-climbers.jpg and /dev/null differ diff --git a/html/images/sample/tout-4x3-stream.jpg b/html/images/sample/tout-4x3-stream.jpg deleted file mode 100644 index 8e091d1..0000000 Binary files a/html/images/sample/tout-4x3-stream.jpg and /dev/null differ diff --git a/html/js/.gitkeep b/html/js/.gitkeep deleted file mode 100644 index 67291bb..0000000 --- a/html/js/.gitkeep +++ /dev/null @@ -1 +0,0 @@ -keeping this dir around \ No newline at end of file diff --git a/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html b/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html index 92f1f46..974c2fc 100644 --- a/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html +++ b/html/patterns/01-atoms-01-list-title-list-title/01-atoms-01-list-title-list-title.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html b/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html index f276f28..49cea66 100644 --- a/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html +++ b/html/patterns/01-atoms-02-list-body-list-body/01-atoms-02-list-body-list-body.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html b/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html index 23698fd..e74d3a6 100644 --- a/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html +++ b/html/patterns/01-atoms-03-list-image-list-image/01-atoms-03-list-image-list-image.html @@ -5,8 +5,8 @@ - - + + @@ -17,7 +17,9 @@ - +
+ +
diff --git a/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html b/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html index cf77025..4e88a84 100644 --- a/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html +++ b/html/patterns/01-atoms-04-blog-tag-blog-tag/01-atoms-04-blog-tag-blog-tag.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html b/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html index f10b119..8ca6b40 100644 --- a/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html +++ b/html/patterns/01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html b/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html index f163907..8ea409c 100644 --- a/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html +++ b/html/patterns/01-atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html b/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html index 2907093..bcd1322 100644 --- a/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html +++ b/html/patterns/01-atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html b/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html index 46a11b7..25d5659 100644 --- a/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html +++ b/html/patterns/02-molecules-01-blog-tags-blog-tags/02-molecules-01-blog-tags-blog-tags.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/02-molecules-02-list-element-list-element-1/02-molecules-02-list-element-list-element-1.html b/html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html similarity index 69% rename from html/patterns/02-molecules-02-list-element-list-element-1/02-molecules-02-list-element-list-element-1.html rename to html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html index 3bfc4eb..4de88b2 100644 --- a/html/patterns/02-molecules-02-list-element-list-element-1/02-molecules-02-list-element-list-element-1.html +++ b/html/patterns/02-molecules-02-list-element-list-element-1-image/02-molecules-02-list-element-list-element-1-image.html @@ -5,8 +5,8 @@ - - + + @@ -19,10 +19,12 @@
- Cloud Drupal
+ Cloud Drupal Cats
-
-

The category manager enforces our risk appetites.

+
+ +
+

The category manager enforces our risk appetites.

Posted on February 10, 2017
The preemptive commitment leads to an agile feedback, while the game changer connects the dots to the end game. Our under-the-radar business platforms energize the market thinker.
diff --git a/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html b/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html index a635c91..93b9887 100644 --- a/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html +++ b/html/patterns/02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html @@ -5,8 +5,8 @@ - - + + @@ -19,7 +19,7 @@
- Cloud Drupal
+ Cloud Drupal Cats

The category manager enforces our risk appetites.

Posted on January 5, 2017
The preemptive commitment leads to an agile feedback, while the game changer connects the dots to the end game. Our under-the-radar business platforms energize the market thinker.
diff --git a/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html b/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html index 61f372a..fbf2707 100644 --- a/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html +++ b/html/patterns/02-molecules-03-section-section/02-molecules-03-section-section.html @@ -5,8 +5,8 @@ - - + + diff --git a/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html b/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html index a1ebdd9..eaa7bfa 100644 --- a/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html +++ b/html/patterns/03-organisms-01-blog-list-blog-list/03-organisms-01-blog-list-blog-list.html @@ -5,8 +5,8 @@ - - + + @@ -28,7 +28,9 @@

The category manager enfor
Security DevOps
-
+
+ +

Our improved focus on speed facilitates our next step.

Posted on March 19, 2017
Our dashboards conservatively strengthen the Chief IT Operations Catalyst. The senior support staff whiteboards our enterprise risk management.

diff --git a/html/patterns/04-pages-01-sidebar-sidebar/04-pages-01-sidebar-sidebar.html b/html/patterns/04-pages-01-sidebar-sidebar/04-pages-01-sidebar-sidebar.html index 58d7a13..1bcde47 100644 --- a/html/patterns/04-pages-01-sidebar-sidebar/04-pages-01-sidebar-sidebar.html +++ b/html/patterns/04-pages-01-sidebar-sidebar/04-pages-01-sidebar-sidebar.html @@ -5,8 +5,8 @@ - - + + @@ -41,7 +41,9 @@

The category manager enfor
Security DevOps
-
+
+ +

Our improved focus on speed facilitates our next step.

Posted on March 19, 2017
Our dashboards conservatively strengthen the Chief IT Operations Catalyst. The senior support staff whiteboards our enterprise risk management.