derp, adding new files

css/application.css

@@ -0,0 +1,287 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+
+html {
+  line-height: 1;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+q, blockquote {
+  quotes: none;
+}
+q:before, q:after, blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+a img {
+  border: none;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
+  display: block;
+}
+
+body {
+  background: #f5f1ec url(/images/bg.jpg);
+  color: #7e7974;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.4;
+}
+
+a {
+  color: #149ad4;
+  font-weight: bold;
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+
+a.button {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-color: #ceccc9 #b6b4b1 #a6a4a2 #b6b4b1;
+  border-style: solid;
+  border-width: 1px;
+  color: #443b34;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
+  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
+  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d5d3cf));
+  background-image: -webkit-linear-gradient(#e7e5e0, #d5d3cf);
+  background-image: -moz-linear-gradient(#e7e5e0, #d5d3cf);
+  background-image: -o-linear-gradient(#e7e5e0, #d5d3cf);
+  background-image: linear-gradient(#e7e5e0, #d5d3cf);
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  font-size: 12px;
+  font-weight: normal;
+  padding: 5px 10px;
+  text-align: center;
+}
+a.button:hover {
+  text-decoration: none;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d0ceca));
+  background-image: -webkit-linear-gradient(#e7e5e0, #d0ceca);
+  background-image: -moz-linear-gradient(#e7e5e0, #d0ceca);
+  background-image: -o-linear-gradient(#e7e5e0, #d0ceca);
+  background-image: linear-gradient(#e7e5e0, #d0ceca);
+}
+
+h1 {
+  color: #443a33;
+  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
+  font-size: 40px;
+  font-weight: 900;
+  line-height: 1.1;
+  margin-bottom: 25px;
+}
+
+h5 {
+  color: #443a33;
+  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
+  font-size: 14px;
+  font-weight: 900;
+  line-height: 1.1;
+  margin-bottom: 15px;
+}
+
+p {
+  margin-bottom: 1em;
+}
+
+strong {
+  color: #443b34;
+  font-weight: bold;
+}
+
+#container {
+  margin: 40px auto;
+  width: 780px;
+}
+
+#home {
+  padding-top: 20px;
+  text-align: center;
+}
+#home h1 {
+  font-size: 63px;
+  line-height: 1.1;
+  margin-bottom: 25px;
+}
+#home h2 {
+  color: #149ad4;
+  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
+  font-size: 27px;
+  font-weight: 900;
+  line-height: 70px;
+  margin-bottom: 45px;
+  vertical-align: middle;
+}
+#home h2 span {
+  color: #e9e6e2;
+  font-size: 70px;
+  padding: 0 5px;
+  position: relative;
+  top: 10px;
+}
+
+ul#situations li {
+  width: 240px;
+  float: left;
+  margin-left: 27px;
+  text-align: center;
+}
+ul#situations li.whatever {
+  margin-left: 0;
+  margin-top: 16px;
+}
+ul#situations li.reciprocity {
+  margin-top: 3px;
+}
+ul#situations li h3 {
+  color: #443a33;
+  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
+  font-size: 22px;
+  font-weight: 900;
+  line-height: 1.1;
+  margin: 0 auto 20px auto;
+  width: 200px;
+}
+ul#situations li a.button {
+  margin-top: 20px;
+}
+
+table.license {
+  font-size: 13px;
+  line-height: 1.3;
+  margin-bottom: 40px;
+}
+table.license th {
+  border-bottom: solid 1px #d9d7d2;
+  padding: 5px 10px;
+}
+table.license th.name {
+  border-right: solid 1px #d9d7d2;
+  width: 150px;
+}
+table.license th.name a {
+  font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif;
+  font-size: 28px;
+  font-weight: 900;
+}
+table.license th.summary {
+  color: #7e7974;
+}
+table.license td {
+  border-bottom: solid 1px #e9e6e2;
+  padding: 4px 10px;
+}
+table.license td.label {
+  border-right: solid 1px #d9d7d2;
+  font-weight: bold;
+}
+table.license td ul li {
+  background-position: 0 1px;
+  background-repeat: no-repeat;
+  background-size: 12px 12px;
+  float: left;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  zoom: 1;
+  *display: inline;
+  margin-right: 15px;
+  padding-left: 16px;
+}
+table.license td ul.required li {
+  background-image: url(/images/blue-dot@2x.png);
+}
+table.license td ul.permitted li {
+  background-image: url(/images/green-dot@2x.png);
+}
+table.license td ul.forbidden li {
+  background-image: url(/images/red-dot@2x.png);
+}
+table.license tr:nth-child(2n) td {
+  background-color: rgba(0, 0, 0, 0.02);
+}
+
+div.license {
+  font-size: 16px;
+  float: left;
+  width: 540px;
+}
+
+div.sidebar {
+  float: right;
+  width: 220px;
+}
+div.sidebar a.button {
+  margin-top: -110px;
+  width: 100%;
+}
+div.sidebar .how-to-apply {
+  background-color: rgba(255, 255, 255, 0.33);
+  border: solid 1px #e9e6e1;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  color: #7e7974;
+  font-size: 12px;
+  margin-top: -15px;
+  padding: 16px;
+}
+div.sidebar .how-to-apply p {
+  line-height: 1.5;
+}
+div.sidebar .how-to-apply p:last-child {
+  margin-bottom: 0;
+}

javascripts/selectivizr-min.js

@@ -0,0 +1,6 @@
+/*!
+ * selectivizr v1.0.2 - (c) Keith Clark, freely distributable under the terms of the MIT license.
+ * selectivizr.com
+ */
+
+(function(j){function A(a){return a.replace(B,h).replace(C,function(a,d,b){for(var a=b.split(","),b=0,e=a.length;b<e;b++){var s=D(a[b].replace(E,h).replace(F,h))+o,l=[];a[b]=s.replace(G,function(a,b,c,d,e){if(b){if(l.length>0){var a=l,f,e=s.substring(0,e).replace(H,i);if(e==i||e.charAt(e.length-1)==o)e+="*";try{f=t(e)}catch(k){}if(f){e=0;for(c=f.length;e<c;e++){for(var d=f[e],h=d.className,j=0,m=a.length;j<m;j++){var g=a[j];if(!RegExp("(^|\\s)"+g.className+"(\\s|$)").test(d.className)&&g.b&&(g.b===!0||g.b(d)===!0))h=u(h,g.className,!0)}d.className=h}}l=[]}return b}else{if(b=c?I(c):!v||v.test(d)?{className:w(d),b:!0}:null)return l.push(b),"."+b.className;return a}})}return d+a.join(",")})}function I(a){var c=!0,d=w(a.slice(1)),b=a.substring(0,5)==":not(",e,f;b&&(a=a.slice(5,-1));var l=a.indexOf("(");l>-1&&(a=a.substring(0,l));if(a.charAt(0)==":")switch(a.slice(1)){case "root":c=function(a){return b?a!=p:a==p};break;case "target":if(m==8){c=function(a){function c(){var d=location.hash,e=d.slice(1);return b?d==i||a.id!=e:d!=i&&a.id==e}k(j,"hashchange",function(){g(a,d,c())});return c()};break}return!1;case "checked":c=function(a){J.test(a.type)&&k(a,"propertychange",function(){event.propertyName=="checked"&&g(a,d,a.checked!==b)});return a.checked!==b};break;case "disabled":b=!b;case "enabled":c=function(c){if(K.test(c.tagName))return k(c,"propertychange",function(){event.propertyName=="$disabled"&&g(c,d,c.a===b)}),q.push(c),c.a=c.disabled,c.disabled===b;return a==":enabled"?b:!b};break;case "focus":e="focus",f="blur";case "hover":e||(e="mouseenter",f="mouseleave");c=function(a){k(a,b?f:e,function(){g(a,d,!0)});k(a,b?e:f,function(){g(a,d,!1)});return b};break;default:if(!L.test(a))return!1}return{className:d,b:c}}function w(a){return M+"-"+(m==6&&N?O++:a.replace(P,function(a){return a.charCodeAt(0)}))}function D(a){return a.replace(x,h).replace(Q,o)}function g(a,c,d){var b=a.className,c=u(b,c,d);if(c!=b)a.className=c,a.parentNode.className+=i}function u(a,c,d){var b=RegExp("(^|\\s)"+c+"(\\s|$)"),e=b.test(a);return d?e?a:a+o+c:e?a.replace(b,h).replace(x,h):a}function k(a,c,d){a.attachEvent("on"+c,d)}function r(a,c){if(/^https?:\/\//i.test(a))return c.substring(0,c.indexOf("/",8))==a.substring(0,a.indexOf("/",8))?a:null;if(a.charAt(0)=="/")return c.substring(0,c.indexOf("/",8))+a;var d=c.split(/[?#]/)[0];a.charAt(0)!="?"&&d.charAt(d.length-1)!="/"&&(d=d.substring(0,d.lastIndexOf("/")+1));return d+a}function y(a){if(a)return n.open("GET",a,!1),n.send(),(n.status==200?n.responseText:i).replace(R,i).replace(S,function(c,d,b,e,f){return y(r(b||f,a))}).replace(T,function(c,d,b){d=d||i;return" url("+d+r(b,a)+d+") "});return i}function U(){var a,c;a=f.getElementsByTagName("BASE");for(var d=a.length>0?a[0].href:f.location.href,b=0;b<f.styleSheets.length;b++)if(c=f.styleSheets[b],c.href!=i&&(a=r(c.href,d)))c.cssText=A(y(a));q.length>0&&setInterval(function(){for(var a=0,c=q.length;a<c;a++){var b=q[a];if(b.disabled!==b.a)b.disabled?(b.disabled=!1,b.a=!0,b.disabled=!0):b.a=b.disabled}},250)}if(!/*@cc_on!@*/true){var f=document,p=f.documentElement,n=function(){if(j.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("Microsoft.XMLHTTP")}catch(a){return null}}(),m=/MSIE (\d+)/.exec(navigator.userAgent)[1];if(!(f.compatMode!="CSS1Compat"||m<6||m>8||!n)){var z={NW:"*.Dom.select",MooTools:"$$",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",Sizzle:"*",jQuery:"*",dojo:"*.query"},t,q=[],O=0,N=!0,M="slvzr",R=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g,S=/@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))[^;]*;/g,T=/\burl\(\s*(["']?)(?!data:)([^"')]+)\1\s*\)/g,L=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/,B=/:(:first-(?:line|letter))/g,C=/(^|})\s*([^\{]*?[\[:][^{]+)/g,G=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g,H=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g,P=/[^\w-]/g,K=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/,J=/^(checkbox|radio)$/,v=m>6?/[\$\^*]=(['"])\1/:null,E=/([(\[+~])\s+/g,F=/\s+([)\]+~])/g,Q=/\s+/g,x=/^\s*((?:[\S\s]*\S)?)\s*$/,i="",o=" ",h="$1";(function(a,c){function d(){try{p.doScroll("left")}catch(a){setTimeout(d,50);return}b("poll")}function b(d){if(!(d.type=="readystatechange"&&f.readyState!="complete")&&((d.type=="load"?a:f).detachEvent("on"+d.type,b,!1),!e&&(e=!0)))c.call(a,d.type||d)}var e=!1,g=!0;if(f.readyState=="complete")c.call(a,i);else{if(f.createEventObject&&p.doScroll){try{g=!a.frameElement}catch(h){}g&&d()}k(f,"readystatechange",b);k(a,"load",b)}})(j,function(){for(var a in z){var c,d,b=j;if(j[a]){for(c=z[a].replace("*",a).split(".");(d=c.shift())&&(b=b[d]););if(typeof b=="function"){t=b;U();break}}}})}}})(this);

license-types.html

@@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html lang='en'>
+  <head>
+    <title>ChooseALicense.com</title>
+    <meta charset='utf-8' />
+    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
+    <link href='/favicon.ico' rel='shortcut icon' type='image/x-icon' />
+    <link href='http://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css' />
+    <link type="text/css" href="/css/application.css" media="screen" rel="stylesheet" />
+    <script type="text/javascript" src="/javascripts/modernizr.js"></script>
+    <!--[if (gte IE 6)&(lte IE 8)]>
+      <script src='/javascripts/selectivizr-min.js' type='text/javascript'></script>
+    <![endif]-->
+  </head>
+  <body id='license-types'>
+    <div id='container'>
+      <ol id='breadcrumbs'>
+  <li>
+    <a href="/">Home</a>
+  </li>
+</ol>
+<h1>Permissive Licenses</h1>
+<table class='license'>
+  <tr>
+    <th class='name'>
+      <a href="license.html">MIT</a>
+    </th>
+    <th class='summary'>
+      A permissive license that is short and to the point. It lets people do anything with your code with proper attribution and without warranty. <a href="license.html">View full license »</a>
+    </th>
+  </tr>
+  <tr>
+    <td class='label'>Required</td>
+    <td>
+      <ul class='required'>
+        <li>Copyright inclusion</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Permitted</td>
+    <td>
+      <ul class='permitted'>
+        <li>Commercial use</li>
+        <li>Modification</li>
+        <li>Distribution</li>
+        <li>Sublicensing</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Forbidden</td>
+    <td>
+      <ul class='forbidden'>
+        <li>Liability</li>
+      </ul>
+    </td>
+  </tr>
+</table>
+<table class='license'>
+  <tr>
+    <th class='name'>
+      <a href="license.html">MIT</a>
+    </th>
+    <th class='summary'>
+      A permissive license that is short and to the point. It lets people do anything with your code with proper attribution and without warranty. <a href="license.html">View full license »</a>
+    </th>
+  </tr>
+  <tr>
+    <td class='label'>Required</td>
+    <td>
+      <ul class='required'>
+        <li>Copyright inclusion</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Permitted</td>
+    <td>
+      <ul class='permitted'>
+        <li>Commercial use</li>
+        <li>Modification</li>
+        <li>Distribution</li>
+        <li>Sublicensing</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Forbidden</td>
+    <td>
+      <ul class='forbidden'>
+        <li>Liability</li>
+      </ul>
+    </td>
+  </tr>
+</table>
+<table class='license'>
+  <tr>
+    <th class='name'>
+      <a href="license.html">MIT</a>
+    </th>
+    <th class='summary'>
+      A permissive license that is short and to the point. It lets people do anything with your code with proper attribution and without warranty. <a href="license.html">View full license »</a>
+    </th>
+  </tr>
+  <tr>
+    <td class='label'>Required</td>
+    <td>
+      <ul class='required'>
+        <li>Copyright inclusion</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Permitted</td>
+    <td>
+      <ul class='permitted'>
+        <li>Commercial use</li>
+        <li>Modification</li>
+        <li>Distribution</li>
+        <li>Sublicensing</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Forbidden</td>
+    <td>
+      <ul class='forbidden'>
+        <li>Liability</li>
+      </ul>
+    </td>
+  </tr>
+</table>
+<table class='license'>
+  <tr>
+    <th class='name'>
+      <a href="license.html">MIT</a>
+    </th>
+    <th class='summary'>
+      A permissive license that is short and to the point. It lets people do anything with your code with proper attribution and without warranty. <a href="license.html">View full license »</a>
+    </th>
+  </tr>
+  <tr>
+    <td class='label'>Required</td>
+    <td>
+      <ul class='required'>
+        <li>Copyright inclusion</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Permitted</td>
+    <td>
+      <ul class='permitted'>
+        <li>Commercial use</li>
+        <li>Modification</li>
+        <li>Distribution</li>
+        <li>Sublicensing</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Forbidden</td>
+    <td>
+      <ul class='forbidden'>
+        <li>Liability</li>
+      </ul>
+    </td>
+  </tr>
+</table>
+<table class='license'>
+  <tr>
+    <th class='name'>
+      <a href="license.html">MIT</a>
+    </th>
+    <th class='summary'>
+      A permissive license that is short and to the point. It lets people do anything with your code with proper attribution and without warranty. <a href="license.html">View full license »</a>
+    </th>
+  </tr>
+  <tr>
+    <td class='label'>Required</td>
+    <td>
+      <ul class='required'>
+        <li>Copyright inclusion</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Permitted</td>
+    <td>
+      <ul class='permitted'>
+        <li>Commercial use</li>
+        <li>Modification</li>
+        <li>Distribution</li>
+        <li>Sublicensing</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Forbidden</td>
+    <td>
+      <ul class='forbidden'>
+        <li>Liability</li>
+      </ul>
+    </td>
+  </tr>
+</table>
+<table class='license'>
+  <tr>
+    <th class='name'>
+      <a href="license.html">MIT</a>
+    </th>
+    <th class='summary'>
+      A permissive license that is short and to the point. It lets people do anything with your code with proper attribution and without warranty. <a href="license.html">View full license »</a>
+    </th>
+  </tr>
+  <tr>
+    <td class='label'>Required</td>
+    <td>
+      <ul class='required'>
+        <li>Copyright inclusion</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Permitted</td>
+    <td>
+      <ul class='permitted'>
+        <li>Commercial use</li>
+        <li>Modification</li>
+        <li>Distribution</li>
+        <li>Sublicensing</li>
+      </ul>
+    </td>
+  </tr>
+  <tr>
+    <td class='label'>Forbidden</td>
+    <td>
+      <ul class='forbidden'>
+        <li>Liability</li>
+      </ul>
+    </td>
+  </tr>
+</table>
+    </div>
+  </body>
+</html>

license.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang='en'>
+  <head>
+    <title>ChooseALicense.com</title>
+    <meta charset='utf-8' />
+    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
+    <link href='/favicon.ico' rel='shortcut icon' type='image/x-icon' />
+    <link href='http://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css' />
+    <link type="text/css" href="/css/application.css" media="screen" rel="stylesheet" />
+    <script type="text/javascript" src="/javascripts/modernizr.js"></script>
+    <!--[if (gte IE 6)&(lte IE 8)]>
+      <script src='/javascripts/selectivizr-min.js' type='text/javascript'></script>
+    <![endif]-->
+  </head>
+  <body id='license'>
+    <div id='container'>
+      <ol id='breadcrumbs'>
+  <li>
+    <a href="/">Home</a> / <a href="license-types.html">Permissive Licenses</a>
+  </li>
+</ol>
+<h1>MIT License</h1>
+<div class='license'>
+  <p>
+    Copyright (c) &lt;year&gt; &lt;copyright holders&gt;
+  </p>
+  <p>
+    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+  </p>
+  <p>
+    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+  </p>
+  <p>
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+  </p>
+</div>
+<div class='sidebar'>
+  <a href="#" class="button">Copy license text to clipboard</a>
+  <div class='how-to-apply'>
+    <h5>How to apply this license</h5>
+    <p>
+      Create a text file (typically named LICENSE or LICENSE.txt) in the root of your source code and copy the above text into the file. Replace <year> with the current year and <copyright holders> with the name of the copyright holders.
+    </p>
+  </div>
+</div>
+    </div>
+  </body>
+</html>