Add link to homepage codepen demo

docs/_scss/components/_demo-list.scss

@@ -45,10 +45,14 @@
 
 .demo-link-container::before {
   content: '➜';
+  display: inline-block;
   color: $emerald;
   margin-right: 5px;
 }
 
+.demo-link-container--external::before {
+  transform: rotate(-45deg);
+}
 
 span.demo-link-container::before {
   margin-left: 5px;

docs/index.html

@@ -75,6 +75,14 @@ prism: true
       <div class="col-1@sm col-1@xs my-sizer-element"></div>
     </div>
   </div>
+
+  <div class="container">
+    <div class="row">
+      <div class="col-6@xs">
+        <p class="demo-link-container demo-link-container--external"><a href="https://codepen.io/Vestride/pen/ZVWmMX" target="_blank" rel="noopener">Open in CodePen</a></p>
+      </div>
+    </div>
+  </div>
 </section>
 
 <section id="demos">

docs/js/demos/homepage.js

@@ -116,7 +116,6 @@ Demo.prototype.addSorting = function () {
 
 Demo.prototype._handleSortChange = function (evt) {
   // Add and remove `active` class from buttons.
-  var wrapper = evt.currentTarget;
   var buttons = Array.from(evt.currentTarget.children);
   buttons.forEach(function (button) {
     if (button.querySelector('input').value === evt.target.value) {