fixes css

Author: rickyrauch

css/app.css

@@ -27,6 +27,11 @@ html(lang='en')
     meta(property='og:image:width', content='1200')
     meta(property='og:image:height', content='630')
 
+    // Just for debugging purposes. Don't actually copy this line!
+    | <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+    link(rel="stylesheet", type="text/css", href="//cloud.typography.com/7834932/650606/css/fonts.css")
+    link(rel="stylesheet", type="text/css", href="//fonts.googleapis.com/css?family=Roboto+Mono")
+
 
     link(rel="stylesheet", href="/css/bootstrap.min.css")
 
@@ -57,10 +62,6 @@ html(lang='en')
     meta(name='msapplication-TileImage', content='/img/favicon/ms-icon-144x144.png')
     meta(name='theme-color', content='#000000')
 
-    // Just for debugging purposes. Don't actually copy this line!
-    | <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
-    link(rel="stylesheet", type="text/css", href="//cloud.typography.com/7834932/650606/css/fonts.css")
-    link(rel="stylesheet", type="text/css", href="//fonts.googleapis.com/css?family=Roboto+Mono")
 
     // HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries
     | <!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->
@@ -124,6 +125,17 @@ html(lang='en')
         p.paragraph-2
           span JWT.IO allows you to decode, verify and generate JWT.
 
+    section.update-site
+      i.icon-budicon-697
+      strong We updated JWT.IO. 
+      span Cum sociis natoque penatibus et magnis dis parturient montes. 
+      a(href="") 
+        | Learn More 
+        svg(height='48', viewbox='0 0 48 48', width='48', xmlns='http://www.w3.org/2000/svg')
+          path(d='M-838-2232H562v3600H-838z', fill='none')
+          path(d='M16 10v28l22-14z')
+          path(d='M0 0h48v48H0z', fill='none')
+
     section#debugger.debugger-jwt
       .container
         //- a(name='debugger')

html/index.jade

@@ -80,6 +80,7 @@ article.jwt-js.accordion(data-accordion)
           | Kenji Urushima
         span.stars(data-repo='kjur/jsjws', style='display: inline;')
           i.icon-budicon-466
+          span
       .repository
         i.icon-1392070209-icon-social-github
         a(href='https://github.com/kjur/jsjws') View Repo

html/libraries/js.jade

@@ -669,7 +669,7 @@ $('.stars').each(function(idx, element){
     var repo = $el.attr('data-repo');
 
     if (repo){
-      $.getJSON('//api.github.com/repos/' + repo, function(repoData){
+      $.getJSON('https://api.github.com/repos/' + repo, function(repoData){
         var $count = $('<span>');
         $count.text(repoData.stargazers_count);
 

index.html

@@ -30,6 +30,7 @@ webfont('DINCondensedBold', 'DINCondensedBold', 'normal')
 html
   position relative
   min-height 100%
+  -webkit-font-smoothing: antialiased;
 
 body
   font-family: 'Whitney SSm A', 'Whitney SSm B', "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -43,6 +44,9 @@ code
 code
   font-size 80%
 
+a
+  color: darken(#00b9f1, 20%)
+
 .container
   width 100%
   max-width 1200px
@@ -264,12 +268,12 @@ body
 .banner-jwt
   background black
   text-align center
-  -webkit-backface-visibility: hidden;
-  -webkit-transform: translateZ(0);
+  -webkit-backface-visibility hidden
+  -webkit-transform translateZ(0)
   +breakpoint("tablet")
     padding 140px 0 60px
   +breakpoint("desktop")
-    padding 200px 0 100px
+    padding 150px 0 40px
 
   p span
     opacity: 0;
@@ -296,23 +300,29 @@ body
     svg
       width 70px
       display block
-      margin-bottom 20px
       +breakpoint("desktop")
-        width 90px
-
-  svg
-    g#group
-      perspective 1000
-      -webkit-perspective 100
-      webkit-transform-style: preserve-3d;
-      transform-style: preserve-3d;
-    path:nth-child(1)
-      backface-visibility: hidden;
-      transform-style: preserve-3d;
-      transform(perspective(400) translate3d(0, 0, -120px))
-
-
+        width 80px
 
+.update-site
+  background: #e3e5e7
+  padding: 16px 20px;
+  font-size: 13px;
+  text-align: center;
+  color: darken(#e3e5e7, 70%)
+  i
+    margin-right: 4px;
+    display: inline-block
+    position: relative;
+    bottom: -2px;
+    font-size: 14px;
+  a
+    text-decoration: none;
+    font-weight: bold
+    svg
+      fill: darken(#00b9f1, 20%)
+      height: 14px;
+      width: 12px;
+      margin-bottom: -3px;
 // debugger-jwt
 
 .jwt-select
@@ -475,7 +485,7 @@ body
 // libraries-jwt
 
 .libraries-jwt
-  background-color #EAEAEA
+  background-color #e3e5e7
 
   @media (max-width: 767px)
     padding-bottom 0
@@ -665,7 +675,7 @@ body
       .maintainer
         float left
         font-size 12px
-        margin-top 3px
+        margin-top 4px
         i
           vertical-align middle
           margin-right 2px
@@ -683,7 +693,7 @@ body
           vertical-align middle
           margin-right 5px
         a
-          font-size 13px
+          font-size 12px
           color #4A4A4A
           text-decoration none