various bug fixes

Bulfair, Matt · Bulfair, Matt · commit 756f225805e8 · 2017-10-11T16:10:02.000-04:00
diff --git a/NOTICE b/NOTICE
@@ -1,6 +1,7 @@
 Pattern Lab Node -  Webpack Edition
 
 Copyright 2017 Comcast Cable Communications Management, LLC
+Inspired By: https://github.com/pattern-lab/edition-node-gulp 
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
diff --git a/public/readme.md b/public/readme.md
diff --git a/source/_app/readme.md b/source/_app/readme.md
@@ -0,0 +1,3 @@
+# _app
+
+Used to store your app specific files.
diff --git a/source/_data/.gitkeep b/source/_data/.gitkeep
diff --git a/source/_data/data.json b/source/_data/data.json
@@ -0,0 +1,75 @@
+{
+  "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
@@ -1,6 +1,6 @@
 {
   "1": {
-    "title": "PatternLab",
+    "title": "Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.",
     "img": {
       "avatar": {
         "src": "http://placeimg.com/100/100/people",
diff --git a/source/_meta/.gitkeep b/source/_meta/.gitkeep
diff --git a/source/_meta/_00-head.mustache b/source/_meta/_00-head.mustache
@@ -4,11 +4,13 @@
     <title>{{ title }}</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width" />
-
+    
+    <link rel="stylesheet" href="../../css/pattern-scaffolding.css?{{ cacheBuster }}" media="all" />
+    
     <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
     {{{ patternLabHead }}}
     <!-- End Pattern Lab -->
-
+  
   </head>
   <body class="{{ bodyClass }}">
-    <section class="page">
+
diff --git a/source/_meta/_01-foot.mustache b/source/_meta/_01-foot.mustache
@@ -1,9 +1,8 @@
-</section>
 <!--DO NOT REMOVE-->
-{{{ patternLabFoot }}}
+  {{{ patternLabFoot }}}
 
-<script src="../../js/pl-vendor-libraries.js?{{cacheBuster}}"></script>
-<script src="../../js/pl-source.js?{{cacheBuster}}"></script>
+  <script src="../../js/pl-vendor-libraries.js?{{cacheBuster}}"></script>
+  <script src="../../js/pl-source.js?{{cacheBuster}}"></script>
 
-</body>
+  </body>
 </html>
diff --git a/source/css/.gitkeep b/source/css/.gitkeep
diff --git a/source/css/pattern-scaffolding.css b/source/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/source/fonts/.gitkeep b/source/fonts/.gitkeep
@@ -0,0 +1 @@
+keeping this dir around
diff --git a/source/styleguide/css/styleguide-specific.css b/source/styleguide/css/styleguide-specific.css
@@ -0,0 +1,6 @@
+/**
+ * This stylesheet is for styles you want to include only when the interface is being viewed within Pattern Lab.
+ * This is helpful for displaying demo styles for grids, animations, color swatches, etc
+ * It's also helpful for overriding context-specific styles like fixed or absolutely positioned elements
+ * These styles will not be your production CSS.
+ */
diff --git a/webpack.config.babel.js b/webpack.config.babel.js
@@ -20,6 +20,7 @@ module.exports = env => {
     },
     entry: { 
       // Gathers any Source JS files and creates a bundle
+      //NOTE: This name can be changed, if so, make sure to update _meta/01-foot.mustache
       "js/pl-source":
         glob.sync(resolve(plConfig.paths.source.js + '**/*.js')).map(function (filePath) {
           return filePath;
@@ -70,12 +71,6 @@ module.exports = env => {
           from: './*',
           to: resolve(plConfig.paths.public.fonts)
         },
-        {
-          // Copy all js from source to public
-          context: resolve(plConfig.paths.source.js),
-          from: './*.js',
-          to: resolve(plConfig.paths.public.js)
-        },
         {
           // Copy all css from source to public
           context: resolve(plConfig.paths.source.css),
@@ -93,7 +88,7 @@ module.exports = env => {
           // Styleguide Copy and flatten css
           context: resolve(plConfig.paths.source.styleguide),
           from: './**/*.css',
-          to: resolve(plConfig.paths.public.styleguide + 'css'),
+          to: resolve(plConfig.paths.public.styleguide, 'css'),
           flatten: true
         }
       ]),

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# _app`
	`2`	`+`
	`3`	`+Used to store your app specific files.`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"1": {`
`3`		`- "title": "PatternLab",`
	`3`	`+ "title": "Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.",`
`4`	`4`	`"img": {`
`5`	`5`	`"avatar": {`
`6`	`6`	`"src": "http://placeimg.com/100/100/people",`