underscoreio · jonoabroad · Jul 27, 2017 · Jul 27, 2017
diff --git a/analytics.js b/analytics.js
@@ -0,0 +1,20 @@
+  (function(i,s,o,g,r,a,m){
+    i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-29444727-2', 'auto');
+  ga('send', 'pageview');
+
+  function handleDownloadClicks(name, format) {
+    ga('send', 'event', {
+      eventCategory: 'Download',
+      eventAction: name,
+      eventLabel: format,
+      transport: 'beacon'
+    });
+    return false;
+  }
+
+
diff --git a/css/print.css b/css/print.css
diff --git a/css/screen.css b/css/screen.css
diff --git a/essential-slick/essential-slick-3.html b/essential-slick/essential-slick-3.html
diff --git a/fonts/icons.eot b/fonts/icons.eot
diff --git a/fonts/icons.ttf b/fonts/icons.ttf
diff --git a/fonts/icons.woff b/fonts/icons.woff
diff --git a/images/footer-brand.png b/images/footer-brand.png
diff --git a/index.html b/index.html
@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en" class="training"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Underscore Books</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link type="text/css" rel="stylesheet" href="./css/screen.css">
+
+    <link type="text/css" rel="stylesheet" href="./css/print.css" media="print">
+
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@underscoreio">
+    <meta name="twitter:title" content="Underscore Training Courses and Books">
+    <meta name="twitter:description" content="A directory of Underscore&#39;s Scala training courses and books.">
+    <meta name="twitter:image" content="http://underscore.io/images/twitter-card-icon.png">
+
+    <link rel="shortcut icon" href="http://underscore.io/images/favicon-64.png">
+    <link rel="apple-touch-icon" href="http://underscore.io/images/apple-touch-icon.png">
+    <script src="/analytics.js"></script>
+  </head>
+  <body>
+    <header class="hero-text">
+      <div class="container">
+          <h1>Underscore Books</h1>
+      </div>
+    </header>
+    <section class="training-section">
+  <div class="container">
+    <div class="row">
+      <div class="col-xs-10 col-xs-offset-1">
+        <p class="lead">
+          Bacon ipsum dolor amet biltong tongue burgdoggen drumstick pork chop pork landjaeger short loin. Rump meatball pancetta ribeye frankfurter. Shank meatloaf brisket, strip steak prosciutto pork loin pork belly filet mignon ham hock chuck porchetta chicken jerky. Picanha pancetta venison bresaola, cupim leberkas pork belly jerky rump sirloin filet mignon spare ribs t-bone strip steak. Burgdoggen boudin frankfurter pork drumstick strip steak bresaola venison doner.
+        </p>
+    </div>
+    <div class="row training-directory">
+
+        <div class="col-sm-6 col-md-4">
+          <div class="panel panel-gray creative-scala" data-url="/books/creative-scala">
+            <div class="panel-heading">
+              <h4>
+                <a href="http://underscore.io/books/creative-scala">
+                  <span class="icon icon-uio-scala"></span>
+                  <span class="title">
+                    Creative Scala
+                  </span>
+                </a>
+              </h4>
+            </div>
+
+            <div class="panel-body summary">
+              Learn functional programming with pictures!
+      A fun and practical introduction for new developers.
+
+            </div>
+          </div>
+        </div>
+
+        <div class="col-sm-6 col-md-4">
+          <div class="panel panel-gray essential-scala" data-url="/books/essential-scala">
+            <div class="panel-heading">
+              <h4>
+                <a href="http://underscore.io/books/essential-scala">
+                  <span class="icon icon-uio-scala"></span>
+                  <span class="title">
+                    Essential Scala
+                  </span>
+                </a>
+              </h4>
+            </div>
+
+            <div class="panel-body summary">
+              Learn to write robust, performant, idiomatic Scala.
+      A focused guide for established developers.
+
+            </div>
+          </div>
+        </div>
+
+        <div class="col-sm-6 col-md-4">
+          <div class="panel panel-gray advanced-scala" data-url="/books/advanced-scala">
+            <div class="panel-heading">
+              <h4>
+                <a href="http://underscore.io/books/advanced-scala">
+                  <span class="icon icon-uio-cats"></span>
+                  <span class="title">
+                    Advanced Scala with Cats
+                  </span>
+                </a>
+              </h4>
+            </div>
+
+            <div class="panel-body summary">
+              Dive deep into functional patterns using Scala and Cats.
+      For experienced Scala developers.
+
+            </div>
+          </div>
+        </div>
+
+        <div class="col-sm-6 col-md-4">
+          <div class="panel panel-gray shapeless-guide" data-url="/books/shapeless-guide">
+            <div class="panel-heading">
+              <h4>
+                <a href="http://underscore.io/books/shapeless-guide">
+                  <span class="icon icon-uio-shapeless"></span>
+                  <span class="title">
+                    The Type Astronaut's Guide to Shapeless
+                  </span>
+                </a>
+              </h4>
+            </div>
+
+            <div class="panel-body summary">
+              Scrap your boilerplate and derive type classes with shapeless.
+      For experienced Scala developers.
+
+            </div>
+          </div>
+        </div>
+
+        <div class="col-sm-6 col-md-4">
+          <div class="panel panel-gray essential-slick" data-url="/essential-slick/essential-slick-3.html" onClick="handleDownloadClicks('essential-slick','html')">
+            <div class="panel-heading">
+              <h4>
+                <a href="/essential-slick/essential-slick-3.html">
+                  <span class="icon icon-uio-scala"></span>
+                  <span class="title">
+                    Essential Slick
+                  </span>
+                </a>
+              </h4>
+            </div>
+
+            <div class="panel-body summary">
+              Learn to use Lightbend's Slick to interact with relational databases.
+      For new to intermediate Scala developers.
+
+            </div>
+            <ul>
+              <li><a onClick="handleDownloadClicks('essential-slick','pdf')" href="./essential-slick/essential-slick-3.pdf">PDF</a></li>
+              <li><a onClick="handleDownloadClicks('essential-slick','epub')" href="./essential-slick/essential-slick-3.epub">ePub</a></li>
+              <li><a onClick="handleDownloadClicks('essential-slick','html')" href="./essential-slick/essential-slick-3.html">HTML   </a></li>
+            </ul>
+        </div>
+      </div>
+<aside class="blog-sidebar" style="float: right">
+          <div id="mc_embed_signup" class="blog-sidebar-mailchimp panel panel-gray">
+            <div class="panel-body">
+              <h4>Book Updates</h4>
+              <p>Find out when books are updated and new books are released!</p>
+
+              <form method="post" action="http://underscoreconsulting.us3.list-manage.com/subscribe/post?u=a62dbb8a9c32f6c994dfd1111&amp;id=e9817b5369" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
+                <fieldset>
+                  <div class="row">
+                    <div class="col-sm-12">
+                      <div class="mc-field-group form-group">
+                        <label for="mce-EMAIL">Email address (required)</label>
+                        <input id="mce-EMAIL" type="email" class="form-control required" name="EMAIL" placeholder="[email protected]" style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAfBJREFUWAntVk1OwkAUZkoDKza4Utm61iP0AqyIDXahN2BjwiHYGU+gizap4QDuegWN7lyCbMSlCQjU7yO0TOlAi6GwgJc0fT/fzPfmzet0crmD7HsFBAvQbrcrw+Gw5fu+AfOYvgylJ4TwCoVCs1ardYTruqfj8fgV5OUMSVVT93VdP9dAzpVvm5wJHZFbg2LQ2pEYOlZ/oiDvwNcsFoseY4PBwMCrhaeCJyKWZU37KOJcYdi27QdhcuuBIb073BvTNL8ln4NeeR6NRi/wxZKQcGurQs5oNhqLshzVTMBewW/LMU3TTNlO0ieTiStjYhUIyi6DAp0xbEdgTt+LE0aCKQw24U4llsCs4ZRJrYopB6RwqnpA1YQ5NGFZ1YQ41Z5S8IQQdP5laEBRJcD4Vj5DEsW2gE6s6g3d/YP/g+BDnT7GNi2qCjTwGd6riBzHaaCEd3Js01vwCPIbmWBRx1nwAN/1ov+/drgFWIlfKpVukyYihtgkXNp4mABK+1GtVr+SBhJDbBIubVw+Cd/TDgKO2DPiN3YUo6y/nDCNEIsqTKH1en2tcwA9FKEItyDi3aIh8Gl1sRrVnSDzNFDJT1bAy5xpOYGn5fP5JuL95ZjMIn1ya7j5dPGfv0A5eAnpZUY3n5jXcoec5J67D9q+VuAPM47D3XaSeL4AAAAASUVORK5CYII=&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;">
+                      </div>
+                    </div>
+
+                    <div class="col-sm-6">
+                      <div class="mc-field-group form-group">
+                        <label for="mce-FNAME">First name</label>
+                        <input id="mce-FNAME" type="text" class="form-control" name="FNAME" placeholder="Leonardo">
+                      </div>
+                    </div>
+
+                    <div class="col-sm-6">
+                      <div class="mc-field-group form-group">
+                        <label for="mce-LNAME">Last name</label>
+                        <input id="mce-LNAME" type="text" class="form-control" name="LNAME" placeholder="Da Vinci">
+                      </div>
+                    </div>
+
+                    <div class="col-sm-12">
+                      <div class="form-group">
+                        <button class="btn btn-primary" id="mc-embedded-subscribe" type="submit" data-goal="click">Keep me posted</button>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div id="mce-responses" class="clear">
+                    <div class="response" id="mce-error-response" style="display:none"></div>
+                    <div class="response" id="mce-success-response" style="display:none"></div>
+                  </div>
+
+                  <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+                  <div style="position: absolute; left: -5000px;"><input type="text" name="b_a62dbb8a9c32f6c994dfd1111_e9817b5369" value=""></div>
+                </fieldset>
+              </form>
+
+              <p class="text-muted">
+                <small>No spam. Unsubscribe at any time. We do not share personal details with third parties.</small>
+              </p>
+            </div>
+          </div>
+        </aside>
+
+        </div>
+      </div>
+    </section>
+    <footer>
+      <div class="container">
+        <div class="text-center">
+          <img src="./images/footer-brand.png" class="footer-brand" alt="Underscore">
+        </div>
+        <p class="copyright text-center">
+          Copyright 2011–17 Underscore Consulting LLP.
+          <br class="visible-xs">
+          All rights reserved. <a href="http://underscore.io/terms">Terms of use</a>
+        </p>
+      </div>
+    </footer>
+  </body>
+</html>