Add buttons to the new libraries page

Author: Sambego

stylus/website/index.styl

@@ -479,7 +479,7 @@ body
 
   @media (min-width: 768px)
     height: 235px;
-    margin-top: 70px
+    margin: 8rem 0
     padding: 65px 235px 65px 65px;
     box-shadow:  0 10px 20px 0 rgba(0,0,0,0.25)
     text-align: left;
@@ -905,16 +905,34 @@ body
     .column
       margin-bottom 20px
       text-align center
+      &.libraries 
+        margin: 0 0 20px 0;
       +breakpoint("tablet")
         margin-bottom 0
 
+        &.libraries
+          margin: -2rem 0;
+
   h2
     font-size 30px
     color white
     text-align center
     margin 0
     font-weight normal
 
+  .libraries
+    background rgba(255, 255, 255, .05)
+    +breakpoint("tablet")
+      height 373px
+
+    .libraries-container
+      padding: 2rem
+
+    p 
+      color white
+      font-size 20px
+      line-height 1.2
+
   .logotype
     img
       height 40px
@@ -1023,6 +1041,14 @@ body
     color white
     border none
 
+  &.btn-ghost
+    background transparent
+    border 1px solid #D63AFF
+    color #D63AFF
+
+  & + .btn
+    margin-left 2rem
+
   .token
     margin-top 35px
   h5

views/website/assets.pug

@@ -1,6 +1,11 @@
 section.sources
   .container
     .columns
+      .column.libraries 
+        .libraries-container
+          h2 Looking for a JWT library?
+          p Head on over to our libraries page to find a JWT library in your favorite language.
+          a(href="/libraries").btn.btn-lg See al libraries
       .column.badges
         h2 Badges
         .hold
@@ -32,9 +37,4 @@ section.sources
         .text-hold
           a(href='http://jwt.io/img/logo-asset.svg', target='_blank' title='Download JWT logo')
             i.icon-budicon-722
-          p http://jwt.io/img/logo-asset.svg
-      .column.tshirt
-        h2 Store
-        img(src='img/pic_tshirt.png' alt='JWT logo mark t-shirt')
-        a.buy(href='http://swag.auth0.com/', target='_blank') Buy T-Shirt
-        
+          p http://jwt.io/img/logo-asset.svg

views/website/index.pug

@@ -13,11 +13,12 @@ block content
       p JWT.IO allows you to decode, verify and generate JWT.
 
       a.btn.btn-lg(href="/introduction") Learn more about jwt
-
-  include ebook.pug
+      a.btn.btn-lg.btn-ghost(href="/libraries") See jwt libraries
 
   include token-editor.pug
 
+  include ebook.pug
+
   include assets.pug
 
   include counter.pug