Skip to content

Commit 68aad4f

Browse files
committed
Added cta
1 parent 5a7ce55 commit 68aad4f

File tree

4 files changed

+11
-5
lines changed

4 files changed

+11
-5
lines changed

css/app.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html><html lang="en"><head><title>JSON Web Tokens - jwt.io</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"><meta name="author" content="auth0.com"><meta name="description" content="JSON Web Token (JWT) is a compact URL-safe means of representing claims to be transferred between two parties. The claims in a JWT are encoded as a JSON object that is digitally signed using JSON Web Signature (JWS)."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:creator" content="@auth0"><meta name="twitter:title" content="JWT.IO"><meta name="twitter:description" content="JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties."><meta name="twitter:image" content="http://jwt.io/img/twitter-card.png"><meta property="og:type" content="website"><meta property="og:title" content="JWT.IO"><meta property="og:description" content="JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties."><meta property="og:locale" content="en_US"><meta property="og:url" content="http://jwt.io/"><meta property="og:image" content="http://jwt.io/img/facebook-card.png"><meta property="og:image:type" content="image/png"><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"><!-- build:css dist/css/app.css--><link rel="stylesheet" href="/vendor/codemirror/lib/codemirror.css" type="text/css" media="all"><link rel="stylesheet" href="/vendor/codemirror/addon/lint/lint.css" type="text/css" media="all"><link rel="stylesheet" href="/css/budicon.css" type="text/css" media="all"><link rel="stylesheet" href="/css/app.css" type="text/css" media="all"><link rel="search" type="application/opensearchdescription+xml" title="JWT.io" href="/opensearch.xml"><link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="/img/favicon/android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png"><link rel="manifest" href="/img/favicon/manifest.json"><meta name="msapplication-TileColor" content="#000000"><meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png"><meta name="theme-color" content="#000000"><!-- 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]--></head><body><nav class="navbar closed"><div class="container"><div class="top-mobile"><div class="menu-trigger"><span></span></div><a href="/" class="brand"><img src="/img/pic_logo.svg" class="icon"><img src="/img/logo.svg" class="logo"></a></div><nav class="menu"><a href="#debugger" class="scrollto">Debugger</a><a href="#libraries" class="scrollto">Libraries</a><a href="/introduction">Introduction</a><a href="https://ask.auth0.com/category/jwt" target="_blank">Ask</a><a href="http://swag.auth0.com/" target="_blank">Get a T-shirt!</a></nav><div class="social"><a href="https://auth0.com/" target="_blank" class="a0"><img src="/img/ico_a0_white.svg"></a><a href="https://twitter.com/auth0" target="_blank" class="twitter"><img src="/img/ico_twitter.svg"></a></div><a href="https://auth0.com/" target="_blank" class="supported">Supported by<img src="/img/ico_logo.svg"></a></div></nav><section class="banner-jwt"><div class="container"><a href="/" class="logo"><img src="/img/pic_logo.svg"></a><p>JSON Web Tokens are an open, industry standard&nbsp;<a href="https://tools.ietf.org/html/rfc7519" target="_blank">RFC 7519</a> method for representing claims securely between two parties.</p><p><span>JWT.IO allows you to decode, verify and generate JWT.</span></p></div></section><section class="update-site"><svg width="32px" height="32px" viewbox="0 0 32 32" version="1.1" class="paper"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="32px" sketch:type="MSLayerGroup" transform="translate(-805.000000, -2193.000000)" fill="#373A39"><path id="Fill-529" d="M835,2221 C835,2222.1 834.104,2223 833,2223 L809,2223 C807.896,2223 807,2222.1 807,2221 L807,2197 C807,2195.89 807.896,2195 809,2195 L833,2195 C834.104,2195 835,2195.89 835,2197 L835,2221 L835,2221 Z M833,2193 L809,2193 C806.79,2193 805,2194.79 805,2197 L805,2221 C805,2223.21 806.79,2225 809,2225 L833,2225 C835.209,2225 837,2223.21 837,2221 L837,2197 C837,2194.79 835.209,2193 833,2193 L833,2193 Z M828,2203 L814,2203 C813.447,2203 813,2203.45 813,2204 C813,2204.55 813.447,2205 814,2205 L828,2205 C828.552,2205 829,2204.55 829,2204 C829,2203.45 828.552,2203 828,2203 L828,2203 Z M828,2209 L814,2209 C813.447,2209 813,2209.45 813,2210 C813,2210.55 813.447,2211 814,2211 L828,2211 C828.552,2211 829,2210.55 829,2210 C829,2209.45 828.552,2209 828,2209 L828,2209 Z M828,2215 L814,2215 C813.447,2215 813,2215.45 813,2216 C813,2216.55 813.447,2217 814,2217 L828,2217 C828.552,2217 829,2216.55 829,2216 C829,2215.45 828.552,2215 828,2215 L828,2215 Z" sketch:type="MSShapeGroup"></path></g></g></svg><strong>NEW!&nbsp;</strong><span>JWT.IO gets a refresh! New logo, new website and more.</span><a href="https://auth0.com/blog/2015/07/21/jwt-json-webtoken-logo/" target="_blank">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><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg></a></section><section id="debugger" class="debugger-jwt"><div class="container"><h1>Debugger</h1><div class="jwt-playground"><div class="algorithm"><span>Algorithm</span><div class="hide"><label><input type="radio" name="algorithm" value="HS256" checked=""></label><label><input type="radio" name="algorithm" value="RS256"></label></div><div class="jwt-select"><select><option name="algorithm" value="HS256" selected="">HS256</option><option name="algorithm" value="RS256">RS256</option></select></div></div><div class="algorithm-code"><div class="tab-nav"><div class="tab-link current"><a href="#encoded-jwt">Encoded<small>paste a token here</small></a></div><div class="tab-link"><a href="#decoded-jwt">Decoded<small>edit the payload and secret (only HS256 supported)</small></a></div></div><div class="tab-content"><div id="encoded-jwt" class="box-content current"><div class="input js-input"></div></div><div id="decoded-jwt" class="box-content"><div class="output"><div class="jwt-explained jwt-header"><p class="text-line">HEADER:<span>ALGORITHM & TOKEN TYPE</span></p><div class="js-header"></div></div><div class="jwt-explained jwt-payload"><p class="text-line">PAYLOAD:<span>DATA</span></p><div class="js-payload"></div></div><div class="jwt-explained jwt-signature"><p class="text-line">VERIFY SIGNATURE</p><pre class="pre-encode HS256">HMACSHA256(
1+
<!DOCTYPE html><html lang="en"><head><title>JSON Web Tokens - jwt.io</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"><meta name="author" content="auth0.com"><meta name="description" content="JSON Web Token (JWT) is a compact URL-safe means of representing claims to be transferred between two parties. The claims in a JWT are encoded as a JSON object that is digitally signed using JSON Web Signature (JWS)."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:creator" content="@auth0"><meta name="twitter:title" content="JWT.IO"><meta name="twitter:description" content="JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties."><meta name="twitter:image" content="http://jwt.io/img/twitter-card.png"><meta property="og:type" content="website"><meta property="og:title" content="JWT.IO"><meta property="og:description" content="JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties."><meta property="og:locale" content="en_US"><meta property="og:url" content="http://jwt.io/"><meta property="og:image" content="http://jwt.io/img/facebook-card.png"><meta property="og:image:type" content="image/png"><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"><!-- build:css dist/css/app.css--><link rel="stylesheet" href="/vendor/codemirror/lib/codemirror.css" type="text/css" media="all"><link rel="stylesheet" href="/vendor/codemirror/addon/lint/lint.css" type="text/css" media="all"><link rel="stylesheet" href="/css/budicon.css" type="text/css" media="all"><link rel="stylesheet" href="/css/app.css" type="text/css" media="all"><link rel="search" type="application/opensearchdescription+xml" title="JWT.io" href="/opensearch.xml"><link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="/img/favicon/android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png"><link rel="manifest" href="/img/favicon/manifest.json"><meta name="msapplication-TileColor" content="#000000"><meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png"><meta name="theme-color" content="#000000"><!-- 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]--></head><body><nav class="navbar closed"><div class="container"><div class="top-mobile"><div class="menu-trigger"><span></span></div><a href="/" class="brand"><img src="/img/pic_logo.svg" class="icon"><img src="/img/logo.svg" class="logo"></a></div><nav class="menu"><a href="#debugger" class="scrollto">Debugger</a><a href="#libraries" class="scrollto">Libraries</a><a href="/introduction">Introduction</a><a href="https://ask.auth0.com/category/jwt" target="_blank">Ask</a><a href="http://swag.auth0.com/" target="_blank">Get a T-shirt!</a></nav><div class="social"><a href="https://auth0.com/" target="_blank" class="a0"><img src="/img/ico_a0_white.svg"></a><a href="https://twitter.com/auth0" target="_blank" class="twitter"><img src="/img/ico_twitter.svg"></a></div><a href="https://auth0.com/" target="_blank" class="supported">Supported by<img src="/img/ico_logo.svg"></a></div></nav><section class="banner-jwt"><div class="container"><a href="/" class="logo"><img src="/img/pic_logo.svg"></a><p>JSON Web Tokens are an open, industry standard&nbsp;<a href="https://tools.ietf.org/html/rfc7519" target="_blank">RFC 7519</a> method for representing claims securely between two parties.</p><p>JWT.IO allows you to decode, verify and generate JWT.</p><a href="/introduction" class="btn btn-lg">Read more about jwt</a></div></section><section class="update-site"><svg width="32px" height="32px" viewbox="0 0 32 32" version="1.1" class="paper"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="32px" sketch:type="MSLayerGroup" transform="translate(-805.000000, -2193.000000)" fill="#373A39"><path id="Fill-529" d="M835,2221 C835,2222.1 834.104,2223 833,2223 L809,2223 C807.896,2223 807,2222.1 807,2221 L807,2197 C807,2195.89 807.896,2195 809,2195 L833,2195 C834.104,2195 835,2195.89 835,2197 L835,2221 L835,2221 Z M833,2193 L809,2193 C806.79,2193 805,2194.79 805,2197 L805,2221 C805,2223.21 806.79,2225 809,2225 L833,2225 C835.209,2225 837,2223.21 837,2221 L837,2197 C837,2194.79 835.209,2193 833,2193 L833,2193 Z M828,2203 L814,2203 C813.447,2203 813,2203.45 813,2204 C813,2204.55 813.447,2205 814,2205 L828,2205 C828.552,2205 829,2204.55 829,2204 C829,2203.45 828.552,2203 828,2203 L828,2203 Z M828,2209 L814,2209 C813.447,2209 813,2209.45 813,2210 C813,2210.55 813.447,2211 814,2211 L828,2211 C828.552,2211 829,2210.55 829,2210 C829,2209.45 828.552,2209 828,2209 L828,2209 Z M828,2215 L814,2215 C813.447,2215 813,2215.45 813,2216 C813,2216.55 813.447,2217 814,2217 L828,2217 C828.552,2217 829,2216.55 829,2216 C829,2215.45 828.552,2215 828,2215 L828,2215 Z" sketch:type="MSShapeGroup"></path></g></g></svg><strong>NEW!&nbsp;</strong><span>JWT.IO gets a refresh! New logo, new website and more.</span><a href="https://auth0.com/blog/2015/07/21/jwt-json-webtoken-logo/" target="_blank">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><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg></a></section><section id="debugger" class="debugger-jwt"><div class="container"><h1>Debugger</h1><div class="jwt-playground"><div class="algorithm"><span>Algorithm</span><div class="hide"><label><input type="radio" name="algorithm" value="HS256" checked=""></label><label><input type="radio" name="algorithm" value="RS256"></label></div><div class="jwt-select"><select><option name="algorithm" value="HS256" selected="">HS256</option><option name="algorithm" value="RS256">RS256</option></select></div></div><div class="algorithm-code"><div class="tab-nav"><div class="tab-link current"><a href="#encoded-jwt">Encoded<small>paste a token here</small></a></div><div class="tab-link"><a href="#decoded-jwt">Decoded<small>edit the payload and secret (only HS256 supported)</small></a></div></div><div class="tab-content"><div id="encoded-jwt" class="box-content current"><div class="input js-input"></div></div><div id="decoded-jwt" class="box-content"><div class="output"><div class="jwt-explained jwt-header"><p class="text-line">HEADER:<span>ALGORITHM & TOKEN TYPE</span></p><div class="js-header"></div></div><div class="jwt-explained jwt-payload"><p class="text-line">PAYLOAD:<span>DATA</span></p><div class="js-payload"></div></div><div class="jwt-explained jwt-signature"><p class="text-line">VERIFY SIGNATURE</p><pre class="pre-encode HS256">HMACSHA256(
22
base64UrlEncode(header) + "." +
33
base64UrlEncode(payload),
44
<input type="text" name="secret" value="secret">

stylus/app.styl

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -289,7 +289,7 @@ body
289289
+breakpoint("tablet")
290290
padding 140px 0 60px
291291
+breakpoint("desktop")
292-
padding 150px 0 40px
292+
padding 150px 0 60px
293293

294294
h1
295295
font-size 40px
@@ -909,6 +909,11 @@ body
909909
background-color darken(#eb5424, 30%)
910910
color white
911911

912+
.btn, a.btn
913+
&.btn-lg
914+
background-color white
915+
color #333
916+
912917
.token
913918
margin-top 35px
914919
h5

views/index.jade

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,9 @@ block content
3737
| JSON Web Tokens are an open, industry standard&nbsp;
3838
a(href='https://tools.ietf.org/html/rfc7519', target='_blank') RFC 7519
3939
| method for representing claims securely between two parties.
40-
p
41-
span JWT.IO allows you to decode, verify and generate JWT.
40+
p JWT.IO allows you to decode, verify and generate JWT.
41+
42+
a.btn.btn-lg(href="/introduction") Read more about jwt
4243

4344
section.update-site
4445
svg(width='32px', height='32px', viewbox='0 0 32 32', version='1.1', class="paper")

0 commit comments

Comments
 (0)