Skip to content

Instantly share code, notes, and snippets.

@kerin

kerin/auth0_login.html

Created January 28, 2016 16:00
Show Gist options
  • Save kerin/c9ff0a0b47516b85740b to your computer and use it in GitHub Desktop.
Save kerin/c9ff0a0b47516b85740b to your computer and use it in GitHub Desktop.
Download ZIP
auth0 login
Raw
auth0_login.html
<!DOCTYPE html>
<!--[if lt IE 9]><html class="lte-ie8" lang=""><![endif]-->
<!--[if gt IE 8]><!--><html lang=""><!--<![endif]-->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title> Login
</title>
<script type="text/javascript">
(function(){if(navigator.userAgent.match(/IEMobile\/10\.0/)){var d=document,c="appendChild",a=d.createElement("style");a[c](d.createTextNode("@-ms-viewport{width:auto!important}"));d.getElementsByTagName("head")[0][c](a);}})();
</script>
<!--[if gt IE 8]><!--><link href="//x-gov-performance-prototype.herokuapp.com/public/stylesheets/govuk-template.css?0.15.1" media="screen" rel="stylesheet" type="text/css" /><!--<![endif]-->
<!--[if IE 6]><link href="//x-gov-performance-prototype.herokuapp.com/public/stylesheets/govuk-template-ie6.css?0.15.1" media="screen" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if IE 7]><link href="//x-gov-performance-prototype.herokuapp.com/public/stylesheets/govuk-template-ie7.css?0.15.1" media="screen" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if IE 8]><link href="//x-gov-performance-prototype.herokuapp.com/public/stylesheets/govuk-template-ie8.css?0.15.1" media="screen" rel="stylesheet" type="text/css" /><![endif]-->
<link href="//x-gov-performance-prototype.herokuapp.com/public/stylesheets/govuk-template-print.css?0.15.1" media="print" rel="stylesheet" type="text/css" />
<!--[if IE 8]>
<script type="text/javascript">
(function(){if(window.opera){return;}
setTimeout(function(){var a=document,g,b={families:(g=
["nta"]),urls:["//x-gov-performance-prototype.herokuapp.com/public/stylesheets/fonts-ie8.css?0.15.1"]},
c="//x-gov-performance-prototype.herokuapp.com/public/javascripts/vendor/goog/webfont-debug.js?0.15.1",d="script",
e=a.createElement(d),f=a.getElementsByTagName(d)[0],h=g.length;WebFontConfig
={custom:b},e.src=c,f.parentNode.insertBefore(e,f);for(;h=h-1;a.documentElement
.className+=' wf-'+g[h].replace(/\s/g,'').toLowerCase()+'-n4-loading');},0)
})()
</script>
<![endif]-->
<!--[if gte IE 9]><!-->
<link href="//x-gov-performance-prototype.herokuapp.com/public/stylesheets/fonts.css?0.15.1" media="all" rel="stylesheet" type="text/css" />
<!--<![endif]-->
<!--[if lt IE 9]>
<script src="//x-gov-performance-prototype.herokuapp.com/public/javascripts/ie.js?0.15.1" type="text/javascript"></script>
<![endif]-->
<link rel="shortcut icon" href="//x-gov-performance-prototype.herokuapp.com/public/images/favicon.ico?0.15.1" type="image/x-icon" />
<!-- Size for iPad and iPad mini (high resolution) -->
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="//x-gov-performance-prototype.herokuapp.com/public/images/apple-touch-icon-152x152.png?0.15.1">
<!-- Size for iPhone and iPod touch (high resolution) -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="//x-gov-performance-prototype.herokuapp.com/public/images/apple-touch-icon-120x120.png?0.15.1">
<!-- Size for iPad 2 and iPad mini (standard resolution) -->
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="//x-gov-performance-prototype.herokuapp.com/public/images/apple-touch-icon-76x76.png?0.15.1">
<!-- Default non-defined size, also used for Android 2.1+ devices -->
<link rel="apple-touch-icon-precomposed" href="//x-gov-performance-prototype.herokuapp.com/public/images/apple-touch-icon-60x60.png?0.15.1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="//x-gov-performance-prototype.herokuapp.com/public/images/opengraph-image.png?0.15.1">
<link href="//x-gov-performance-prototype.herokuapp.com/public/stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />
<style type="text/css">
body #a0-lock .a0-panel {
width: auto;
}
body #a0-lock.a0-theme-default .a0-panel * {
font-family: "nta", Arial, sans-serif !important;
}
body #a0-lock.a0-theme-default .a0-zocial span, #a0-lock.a0-theme-default a.a0-zocial span {
font-size: 16px;
text-transform: none;
}
body #a0-lock a, body #a0-lock button, body #a0-lock footer, body #a0-lock form, body #a0-lock form label, body #a0-lock h1, body #a0-lock h2, body #a0-lock h3, body #a0-lock header, body #a0-lock input[type=button], body #a0-lock input[type=email], body #a0-lock input[type=password], body #a0-lock input[type=text], body #a0-lock span {
font-family: "nta", Arial, sans-serif !important;
font-size: 16px;
text-transform: none;
}
body #a0-lock.a0-theme-default .a0-zocial, #a0-lock.a0-theme-default a.a0-zocial {
width: 45%;
margin-left: 15px;
display: inline-block;
}
body .a0-iconlist {
text-align: left;
}
body #a0-lock.a0-theme-default .a0-panel {
box-shadow: none;
}
body #a0-lock.a0-theme-default .a0-panel .a0-footer {
display: none;
}
</style>
</head>
<body class="">
<script type="text/javascript">document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>
<div id="skiplink-container">
<div>
<a href="#content" class="skiplink">Skip to main content</a>
</div>
</div>
<div id="global-cookie-message">
</div>
<!--end global-cookie-message-->
<header role="banner" id="global-header" class="with-proposition">
<div class="header-wrapper">
<div class="header-global">
<div class="header-logo">
<a href="//www.gov.uk" title="Go to the GOV.UK homepage" id="logo" class="content">
<img src="//x-gov-performance-prototype.herokuapp.com/public/images/gov.uk_logotype_crown_invert_trans.png?0.15.1" width="35" height="31" alt=""> GOV.UK
</a>
</div>
</div>
<div class="header-proposition">
<div class="content">
<a href="#proposition-links" class="js-header-toggle menu">Menu</a>
<nav id="proposition-menu">
<a href="//x-gov-performance-prototype.herokuapp.com/" id="proposition-name">Civil Service Login</a>
</nav>
</div>
</div>
</div>
</header>
<!--end header-->
<div id="global-header-bar"></div>
<!--end global-header-bar-->
<main id="content" role="main">
<div class="phase-banner">
<p>
<strong class="phase-tag">ALPHA</strong>
<span>This is a new service – your <a href="//designpatterns.hackpad.com/GOV.UK-elements-feedback-sKrDyQxcfA2">feedback</a> will help us to improve it.</span>
</p>
</div>
<h1 class="heading-xlarge">Civil Service Login</h1>
<!-- feel free to change this page to suit your needs -->
<div id="widget-container"></div>
</main>
<footer class="group js-footer" id="footer" role="contentinfo">
<div class="footer-wrapper">
<div class="footer-meta">
<div class="footer-meta-inner">
<div class="open-government-licence">
<p class="logo"><a href="//www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence</a></p>
<p>All content is available under the <a href='https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/' rel='license'>Open Government Licence v3.0</a>, except where otherwise stated</p>
</div>
</div>
<div class="copyright">
<a href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Crown copyright</a>
</div>
</div>
</div>
</footer>
<!--end footer-->
<div id="global-app-error" class="app-error hidden"></div>
<script src="//x-gov-performance-prototype.herokuapp.com/public/javascripts/govuk-template.js?0.15.1" type="text/javascript"></script>
<!-- Javascript -->
<script src="//x-gov-performance-prototype.herokuapp.com/public/javascripts/jquery-1.11.3.js"></script>
<script src="//x-gov-performance-prototype.herokuapp.com/public/javascripts/application.js"></script>
<script src="//cdn.auth0.com/js/lock-7.9.min.js"></script>
<!--script type="text/javascript">
var lock = new Auth0Lock('85tRVeT4eU53Vn6NXy6TF8Pz4M31PWOh', 'xgs.eu.auth0.com');
function signin() {
lock.show({
callbackURL: 'http://x-gov-performance-prototype.herokuapp.com/callback'
, responseType: 'code'
, authParams: {
scope: 'openid profile'
}
});
}
</script-->
<script>
// Decode utf8 characters properly
var config = JSON.parse(decodeURIComponent(escape(window.atob('@@config@@'))));
var connection = config.connection;
var prompt = config.prompt;
var initializationOptions = {
assetsUrl: config.assetsUrl,
cdn: config.cdn
};
var lock = new Auth0Lock(config.clientID, config.auth0Domain, initializationOptions);
lock.show({
icon: 'http://www.forwardmid.org.uk/images/links/govCrown.png',
callbackURL: config.callbackURL,
responseType: config.callbackOnLocationHash ? 'token' : 'code',
dict: config.dict,
connections: connection ? [connection] : null,
rememberLastLogin: !prompt,
container: 'widget-container',
authParams: config.internalOptions,
socialBigButtons: true
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment