start project wesbos#17. clean up wesbos#16. wesbos#17 is not right.

jdstein1 · jdstein1 · commit 2a2e9964b1df · 2017-01-10T14:06:08.000-06:00
diff --git a/16--Mouse_Move_Shadow/debounce.js b/16--Mouse_Move_Shadow/debounce.js
diff --git a/16--Mouse_Move_Shadow/index-jds.html b/16--Mouse_Move_Shadow/index-jds.html
@@ -43,7 +43,6 @@ <h1 class="header" contenteditable>cmyk</h1>
     }
   </style>
 
-<script src="debounce.js"></script>
 <script>
 
 const hero = document.querySelector('.hero');
diff --git a/17--Sort_Without_Articles/index-jds.html b/17--Sort_Without_Articles/index-jds.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Sort Without Articles</title>
+</head>
+<body>
+
+  <style>
+    body {
+      font-family: sans-serif;
+      background: url("https://source.unsplash.com/nDqA4d5NL0k/2000x2000");
+      background-size: cover;
+      display: flex;
+      align-items: center;
+      min-height: 100vh;
+    }
+
+    #bands {
+      list-style: inside square;
+      font-size: 20px;
+      background: white;
+      width: 500px;
+      margin: auto;
+      padding: 0;
+      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.05);
+    }
+    #bands li {
+      border-bottom: 1px solid #efefef;
+      padding: 20px;
+    }
+    #bands li:last-child {
+      border-bottom: 0;
+    }
+
+    a {
+      color: #ffc600;
+      text-decoration: none;
+    }
+
+  </style>
+
+  <ul id="bands"></ul>
+
+<script>
+const bands = ['The Plot in You', 'The Devil Wears Prada', 'Pierce the Veil', 'Norma Jean', 'The Bled', 'Say Anything', 'The Midway State', 'We Came as Romans', 'Counterparts', 'Oh, Sleeper', 'A Skylit Drive', 'Anywhere But Here', 'An Old Dog'];
+console.log(bands);
+const articles = ['a ','an ','the '];
+// const bandsSorted = bands.sort();
+const bandsMapped = bands.map(band => {
+  band = band.toLowerCase();
+  // console.group('START bandsSorted: ', band);
+  for (var i = 0; i < articles.length; i++) {
+    console.log('\"'+articles[i]+'\" @ '+band.indexOf(articles[i]));
+    // console.log(band.indexOf(articles[i]));
+  }
+  if (band.indexOf('a ') === 0) {
+    return band.substring(2);
+  } else if (band.indexOf('an ') === 0) {
+    return band.substring(3);
+  } else if (band.indexOf('the ') === 0) {
+    return band.substring(4);
+  } else {
+    return band;
+  }
+  // console.groupEnd();
+});
+console.log(bandsMapped);
+const bandsSorted = bandsMapped.sort();
+console.log(bandsSorted);
+
+</script>
+
+</body>
+</html>
diff --git a/17--Sort_Without_Articles/index.html b/17--Sort_Without_Articles/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Sort Without Articles</title>
+</head>
+<body>
+
+<ul>
+  <li><a href="index-START.html">START</a></li>
+  <li><a href="index-FINISHED.html">FINISHED</a></li>
+  <li><a href="index-jds.html">jds</a></li>
+</ul>
+
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -23,7 +23,7 @@
   <li><a href="14--JavaScript_References_VS_Copying/index.html">14 - JavaScript References VS Copying</a></li>
   <li><a href="15--LocalStorage/index.html">15 - LocalStorage</a></li>
   <li><a href="16--Mouse_Move_Shadow/index.html">16 - Mouse Move Shadow</a></li>
-  <!-- <li><a href="17--Sort_Without_Articles/index.html">17 - Sort Without Articles</a></li> -->
+  <li><a href="17--Sort_Without_Articles/index.html">17 - Sort Without Articles</a></li>
   <!-- <li><a href="18--Adding_Up_Times_with_Reduce/index.html">18 - Adding Up Times with Reduce</a></li> -->
   <!-- <li><a href="19--Webcam_Fun/index.html">19 - Webcam Fun</a></li> -->
   <!-- <li><a href="20--Speech_Detection/index.html">20 - Speech Detection</a></li> -->

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,6 @@ <h1 class="header" contenteditable>cmyk</h1>`
`43`	`43`	`}`
`44`	`44`	`</style>`
`45`	`45`
`46`		`-<script src="debounce.js"></script>`
`47`	`46`	`<script>`
`48`	`47`
`49`	`48`	`const hero = document.querySelector('.hero');`