Merge pull request #24 from nerdstein/issue-21

Fixing issue 21
nerdstein · Jun 14, 2017 · 9e56c9e · 9e56c9e
2 parents 4a04dd2 + a3c3afd
commit 9e56c9e
Show file tree

Hide file tree

Showing 38 changed files with 494 additions and 3 deletions.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,16 @@
+
+# Scope
+
+- [] Documentation
+- [] Proposed design change
+
+# Steps Completed
+
+- [] Exported new compiled design change
+- [] Reviewed documentation for changes
+
+# Previewed Pages
+
+Please update this list if you add new pages and please fill in the tokens in the URL(s) below.
+
+- [] [Homepage with Sidebar](http://htmlpreview.github.io/?https://github.com/[YOUR USER ID]/nerdstein-design-library/blob/[YOUR BRANCH]/html/patterns/04-pages-01-sidebar-sidebar/04-pages-01-sidebar-sidebar.html)
diff --git a/design-library/config/config.yml b/design-library/config/config.yml
@@ -15,7 +15,7 @@ patternStates:
     - complete
 styleGuideExcludes: ''
 cacheBusterOn: 'true'
-exportDir: export
+exportDir: ../html
 publicDir: public
 sourceDir: source
 defaultPattern: all

diff --git a/design-library/gulpfile.js b/design-library/gulpfile.js
@@ -71,6 +71,14 @@ gulp.task('patternlab', function () {
         ]));
 });
 
+// Start the pattern lab server and watch for changes
+gulp.task('export-patternlab', function () {
+    return gulp.src('', {read: false})
+        .pipe(shell([
+            'php core/console --export'
+        ]));
+});
+
 // Keep an eye on Sass files for changes and only lint changed files
 // This prevents Sass error reporting from contributes Sass files from other projects
 // Also speeds things up.
@@ -90,4 +98,4 @@ function lintFile(file) {
         .pipe(sassLint.format());
 }
 
-gulp.task('default', ['patternlab', 'sass', 'watch']);
+gulp.task('default', ['export-patternlab', 'patternlab', 'sass', 'watch']);
diff --git a/html/.gitkeep b/html/.gitkeep
@@ -0,0 +1 @@
+Holding file for public/ directory
diff --git a/html/css/pattern-scaffolding.css b/html/css/pattern-scaffolding.css
@@ -0,0 +1,54 @@
+/**
+ * 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
diff --git a/html/favicon.ico b/html/favicon.ico
diff --git a/html/images/favicon_16x16.jpg b/html/images/favicon_16x16.jpg
diff --git a/html/images/favicon_32x32.jpg b/html/images/favicon_32x32.jpg
diff --git a/html/images/fpo_16x9.png b/html/images/fpo_16x9.png
diff --git a/html/images/fpo_4x3.png b/html/images/fpo_4x3.png
diff --git a/html/images/fpo_avatar.png b/html/images/fpo_avatar.png
diff --git a/html/images/fpo_square.png b/html/images/fpo_square.png
diff --git a/html/images/logo.png b/html/images/logo.png
diff --git a/html/images/sample/landscape-16x9-mountains.jpg b/html/images/sample/landscape-16x9-mountains.jpg
diff --git a/html/images/sample/thumb-square-fire.jpg b/html/images/sample/thumb-square-fire.jpg
diff --git a/html/images/sample/thumb-square-gear.jpg b/html/images/sample/thumb-square-gear.jpg
diff --git a/html/images/sample/thumb-square-ivy.jpg b/html/images/sample/thumb-square-ivy.jpg
diff --git a/html/images/sample/thumb-square-river.jpg b/html/images/sample/thumb-square-river.jpg
diff --git a/html/images/sample/thumb-square-yosemite.jpg b/html/images/sample/thumb-square-yosemite.jpg
diff --git a/html/images/sample/tout-4x3-climber.jpg b/html/images/sample/tout-4x3-climber.jpg
diff --git a/html/images/sample/tout-4x3-climbers.jpg b/html/images/sample/tout-4x3-climbers.jpg
diff --git a/html/images/sample/tout-4x3-stream.jpg b/html/images/sample/tout-4x3-stream.jpg
diff --git a/html/js/.gitkeep b/html/js/.gitkeep
@@ -0,0 +1 @@
+keeping this dir around
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
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>Cloud Responsive Elastic Agile</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<h3 class="list-title"><a href="http://nerdstein.net">Cloud Responsive Elastic Agile</a></h3>  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>
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
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<div class="list-body">Models extensible e-services empower clicks-and-mortar, relationships scale B2B weblogs; content envisioneer, A-list: wireless. IntegrateAJAX-enabled: cultivate.</div>  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>
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
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<img src="http://nerdstein.net/sites/default/files/nerdstein_11.png" class="list-image" />  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>
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
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<span class="highlight-title">CATEGORY 1</span>  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>
diff --git a/.../01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html b/.../01-atoms-05-list-posted-on-list-posted-on/01-atoms-05-list-posted-on-list-posted-on.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<div class="posted-on">
+    Posted on January 5, 2017
+</div>  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>
diff --git a/...atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html b/...atoms-06-section-heading-section-heading/01-atoms-06-section-heading-section-heading.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<div class="section-heading">
+    Categories
+</div>  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>
diff --git a/...atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html b/...atoms-07-section-content-section-content/01-atoms-07-section-content-section-content.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<div class="section-content">
+    <ul><li><a href="">Tech</a></li><li><a href="">News</a></li><li><a href="">Tutorials</a></li><li><a href="">Sports</a></li><ul>
+</div>  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>
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
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<div class="blog-tags">
+    <span class="highlight-title">Category 1</span>    <span class="highlight-title">Category 2</span></div>  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>
diff --git a/...molecules-02-list-element-list-element-1/02-molecules-02-list-element-list-element-1.html b/...molecules-02-list-element-list-element-1/02-molecules-02-list-element-list-element-1.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>The category manager enforces our risk appetites.</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<div class="list-element">
+    <div class="blog-tags">
+    <span class="highlight-title">Cloud</span>    <span class="highlight-title">Drupal</span></div>    <div class="list-element-body">
+                <div class="list-element-image">
+            <img src="http://nerdstein.net/sites/default/files/nerdstein_11.png" class="list-image" />        </div>
+                <h3 class="list-title"><a href="http://nerdstein.net">The category manager enforces our risk appetites.</a></h3>        <div class="posted-on">
+    Posted on February 10, 2017
+</div>        <div class="list-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.</div>    </div>
+</div>  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>
diff --git a/.../02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html b/.../02-molecules-02-list-element-list-element/02-molecules-02-list-element-list-element.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html class="">
+  <head>
+    <title>The category manager enforces our risk appetites.</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width" />
+
+    <link rel="stylesheet" href="../../css/style.css?1497365795" media="all" />
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?1497365795" media="all" />
+    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Pavanam' rel='stylesheet' type='text/css'>
+
+    <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
+
+    <!-- End Pattern Lab -->
+
+  </head>
+  <body class="">
+
+<div class="list-element">
+    <div class="blog-tags">
+    <span class="highlight-title">Cloud</span>    <span class="highlight-title">Drupal</span></div>    <div class="list-element-body">
+                <h3 class="list-title"><a href="http://nerdstein.net">The category manager enforces our risk appetites.</a></h3>        <div class="posted-on">
+    Posted on January 5, 2017
+</div>        <div class="list-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.</div>    </div>
+</div>  
+  <!--DO NOT REMOVE-->
+
+
+  </body>
+</html>