Built site for gh-pages

.nojekyll

@@ -0,0 +1 @@
+d4ddd429

listings.json

@@ -0,0 +1,30 @@
+[
+  {
+    "listing": "/units/d1-01-welcome.html",
+    "items": []
+  },
+  {
+    "listing": "/units/d1-04-deploy-admin.html",
+    "items": []
+  },
+  {
+    "listing": "/units/d1-03-performance.html",
+    "items": []
+  },
+  {
+    "listing": "/units/d1-02-structure.html",
+    "items": []
+  },
+  {
+    "listing": "/schedule.html",
+    "items": [
+      "/units/d1-01-welcome.html",
+      "/units/d1-02-structure.html",
+      "/units/d1-02b-break.html",
+      "/units/d1-03-performance.html",
+      "/units/d1-03b-lunch.html",
+      "/units/d1-04-deploy-admin.html",
+      "/units/d1-04b-break.html"
+    ]
+  }
+]

materials/d1-01-welcome/assets/web/postit.css

@@ -0,0 +1,213 @@
+/*
+Code by Creative Punch
+ http://creative-punch.net/2014/02/create-css3-post-it-note/#comments
+Create a CSS3 post-it note without images
+*/
+
+/* note color #333 */
+
+@import url(http://fonts.googleapis.com/css?family=Satisfy);
+@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie&subset=latin);
+
+.quote-container {
+  margin-top: 20px;
+  position: relative;
+}
+
+.note {
+  color: #d2e411;
+  position: relative;
+  width: 300px;
+  margin: 0 auto;
+  padding: 20px;
+  font-family: Satisfy;
+  font-size: 30px;
+  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
+}
+
+.note-yellow {
+  color: #d2e411;
+  position: relative;
+  width: 300px;
+  margin: 0 auto;
+  padding: 20px;
+  font-family: Satisfy;
+  font-size: 30px;
+  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
+}
+
+.note .author {
+  display: block;
+  margin: 40px 0 0 0;
+  text-align: right;
+}
+
+.yellow {
+  background: #eae672;
+  -webkit-transform: rotate(2deg);
+  -moz-transform: rotate(2deg);
+  -o-transform: rotate(2deg);
+  -ms-transform: rotate(2deg);
+  transform: rotate(2deg);
+}
+
+.pin {
+  background-color: #aaa;
+  display: block;
+  height: 32px;
+  width: 2px;
+  position: absolute;
+  left: 50%;
+  top: -16px;
+  z-index: 1;
+}
+
+.pin:after {
+  background-color: #A31;
+  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
+  border-radius: 50%;
+  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
+              inset 3px 3px 3px hsla(0,0%,100%,.2),
+              inset -3px -3px 3px hsla(0,0%,0%,.2),
+              23px 20px 3px hsla(0,0%,0%,.15);
+  content: '';
+  height: 12px;
+  left: -5px;
+  position: absolute;
+  top: -10px;
+  width: 12px;
+}
+
+.pin:before {
+  background-color: hsla(0,0%,0%,0.1);
+  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
+  content: '';
+  height: 24px;
+  width: 2px;
+  left: 0;
+  position: absolute;
+  top: 8px;
+  transform: rotate(57.5deg);
+  -moz-transform: rotate(57.5deg);
+  -webkit-transform: rotate(57.5deg);
+  -o-transform: rotate(57.5deg);
+  -ms-transform: rotate(57.5deg);
+  transform-origin: 50% 100%;
+  -moz-transform-origin: 50% 100%;
+  -webkit-transform-origin: 50% 100%;
+  -ms-transform-origin: 50% 100%;
+  -o-transform-origin: 50% 100%;
+}
+
+/* https://robsobers.com/sticky-notes-with-css/ */
+
+#notes-green li {
+  position: relative;
+  width: 400px;
+  min-height: 200px;
+  margin: 25px auto;
+  padding: 60px 15px 15px 15px;
+  background: #64de6c no-repeat 4px 8px;
+  -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.5);
+  -moz-box-shadow: 0 2px 12px rgba(0,0,0,.5);
+  box-shadow: 0 1px 2px #000;
+  -webkit-transform: rotate(-.5deg); 
+  -moz-transform: rotate(-.5deg); 
+  -o-transform: rotate(-.5deg);     
+}
+
+#notes-green li:nth-child(even) {
+  -webkit-transform: rotate(.5deg); 
+  -moz-transform: rotate(.5deg); 
+  -o-transform: rotate(.5deg);     
+}
+
+#notes-green li p {
+  text-align: center;
+  font: normal normal normal 80px/80px 'Reenie Beanie', Helvetica, Arial, sans-serif;
+  color: #000;
+  text-shadow: white 1px 1px 0px;
+  overflow:hidden;
+}
+
+#notes-green li::before {
+  content: ' ';
+  display: block;
+  position: absolute; 
+  left: 115px;
+  top: -15px;
+  width: 75px;
+  height: 25px;
+  z-index: 2;
+  background-color: rgba(243,245,228,0.5);
+  border: 2px solid rgba(255,255,255,0.5);
+  -webkit-box-shadow: 0 0 5px #888;
+  -moz-box-shadow: 0 0 5px #888;
+  box-shadow: 2px 2px 2px #000;
+  -webkit-transform: rotate(-6deg); 
+  -moz-transform: rotate(-6deg); 
+  -o-transform: rotate(-6deg); 
+}
+
+#notes-green li:nth-child(even)::before {
+  -webkit-transform: rotate(6deg); 
+  -moz-transform: rotate(6deg); 
+  -o-transform: rotate(6deg);
+}
+
+/*************************************************/
+
+
+#notes-pink li {
+  position: relative;
+  width: 400px;
+  min-height: 200px;
+  margin: 25px auto;
+  padding: 60px 15px 15px 15px;
+  background: #f9a9fb no-repeat 4px 8px;
+  -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.5);
+  -moz-box-shadow: 0 2px 12px rgba(0,0,0,.5);
+  box-shadow: 0 1px 2px #000;
+  -webkit-transform: rotate(-.5deg); 
+  -moz-transform: rotate(-.5deg); 
+  -o-transform: rotate(-.5deg);     
+}
+
+#notes-pink li:nth-child(even) {
+  -webkit-transform: rotate(.5deg); 
+  -moz-transform: rotate(.5deg); 
+  -o-transform: rotate(.5deg);     
+}
+
+#notes-pink li p {
+  text-align: center;
+  font: normal normal normal 80px/80px 'Reenie Beanie', Helvetica, Arial, sans-serif;
+  color: #000;
+  text-shadow: white 1px 1px 0px;
+  overflow:hidden;
+}
+
+#notes-pink li::before {
+  content: ' ';
+  display: block;
+  position: absolute; 
+  left: 115px;
+  top: -15px;
+  width: 75px;
+  height: 25px;
+  z-index: 2;
+  background-color: rgba(243,245,228,0.5);
+  border: 2px solid rgba(255,255,255,0.5);
+  -webkit-box-shadow: 0 0 5px #888;
+  -moz-box-shadow: 0 0 5px #888;
+  box-shadow: 2px 2px 2px #000;
+  -webkit-transform: rotate(-6deg); 
+  -moz-transform: rotate(-6deg); 
+  -o-transform: rotate(-6deg); 
+}
+
+#notes-pink li:nth-child(even)::before {
+  -webkit-transform: rotate(6deg); 
+  -moz-transform: rotate(6deg); 
+  -o-transform: rotate(6deg);
+}