Skip to content

Instantly share code, notes, and snippets.

@miguelsolorio
Last active March 10, 2022 18:45
Show Gist options
  • Select an option

  • Save miguelsolorio/5b1114f4a9d1e2d35aae61fe305712c9 to your computer and use it in GitHub Desktop.

Select an option

Save miguelsolorio/5b1114f4a9d1e2d35aae61fe305712c9 to your computer and use it in GitHub Desktop.
vscode-auth-page
{
"scripts": [],
"styles": []
}
html {
height: 100%;
}
body {
box-sizing: border-box;
min-height: 100%;
margin: 0;
padding: 15px 30px;
display: flex;
flex-direction: column;
color: white;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
background-color: #2c2c32;
}
a {
color: #1177bb;
}
#branding {
background-repeat: no-repeat;
background-size: 28px;
background-position: left 50%;
padding-left: 36px;
font-size: 20px;
letter-spacing: -0.04rem;
font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
font-weight: 400;
color: white;
text-decoration: none;
}
#message-container {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
margin: 0 30px;
}
#message {
font-weight: 300;
font-size: 1.3rem;
}
#dialog-container {
display: flex;
flex-direction: column;
padding: 24px;
gap: 32px;
/* TODO: fix this because with smaller screens the pre gets cut off */
max-width: 800px;
}
#title {
font-weight: 300;
margin: 0;
}
#details {
overflow: scroll;
}
#actions {
text-align: end;
}
.action {
font-size: 1.3rem;
color: white;
padding: 6px 11px;
border: none;
margin-top: 10px;
}
#continue {
background-color: #0e639c;
}
#continue:hover {
background-color: #1177bb;
}
#cancel {
background-color: #3A3D41;
}
#cancel:hover {
background-color: #1177bb;
}
<!-- Copyright (C) Microsoft Corporation. All rights reserved. -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Visual Studio Code</title>
<!-- <%
const contents = compilation.assets['callback.js'].source();
const hash = require('crypto').createHash('sha256').update(contents.replace(/\r\n/g, '\n')).digest('base64');
%> -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' https: data: blob:; media-src 'none'; script-src 'self' 'sha256-<%- hash %>'; style-src 'self' 'unsafe-inline'; font-src 'self' blob:; connect-src 'self' https:;" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta property="og:title" content="Visual Studio Code for the Web"/>
<meta property="og:description" content="Build with Visual Studio Code, anywhere, anytime, entirely in your browser."/>
<meta property="og:image" content="/static/stable/social.png"/>
<link rel="stylesheet" href="/static/base.css" />
</head>
<body>
<span id="branding">Visual Studio Code</span>
<div id="message-container">
<div id="dialog-container">
<h2 id="title">This site is not hosted by Microsoft. Do you want to continue?</h2>
<div id="message">You are being redirected to a site that we don't recognize. Information will be shared with <a>http://112.123.123.123</a>.<br/><br/> Only proceed if you trust the owner.</div>
<details>
<summary>Information to be shared</summary>
<pre id="details">
code = 'M.R3_BAY.09cce31d-a9a4-27d5-2881-54ff980744a4'
nonce = 'ZluQhBKr1IjIlasd0iAjKZw=='
state = 'http%3A%2F%2Flocalhost%3A3000%2Fcallback%3Fvscode-reqid%3D1%26vscode-scheme%3Dcode-oss%26vscode-authority%3Dvscode.microsoft-authentication%26nonce%3DZluQhBKr1IjIlvV0iAjKZw%25asdf253D'
</pre>
</details>
<div id="actions">
<button id="continue" class="action">Continue</button>
<button id="cancel" class="action">Cancel</button>
</div>
</div>
</div>
</body>
<!-- <script><%= contents %></script> -->
</html>
html {
height: 100%;
}
body {
box-sizing: border-box;
min-height: 100%;
margin: 0;
padding: 15px 30px;
display: flex;
flex-direction: column;
color: white;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
background-color: #2c2c32;
}
a {
color: #0098ff;
}
#branding {
background-repeat: no-repeat;
background-size: 28px;
background-position: left 50%;
padding-left: 36px;
font-size: 20px;
letter-spacing: -0.04rem;
font-family: 'Segoe UI', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
font-weight: 400;
color: white;
text-decoration: none;
}
#message-container {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
margin: 0 30px;
}
#message {
font-weight: 300;
font-size: 1.3rem;
}
#dialog-container {
display: flex;
flex-direction: column;
padding: 24px;
gap: 32px;
/* TODO: fix this because with smaller screens the pre gets cut off */
max-width: 800px;
}
#title {
font-size: 28px;
font-weight: 300;
margin: 0;
}
#details {
overflow: scroll;
}
.action {
font-size: 16px;
color: white;
padding: 8px 16px;
border: none;
margin-top: 10px;
}
#continue {
background-color: #0e639c;
}
#continue:hover {
background-color: #1177bb;
}
#cancel {
background-color: #3A3D41;
}
#cancel:hover {
background-color: #1177bb;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment