jbah.skp/csgo-hub-backend
1
0
Fork 0
mirror of https://github.com/jesperh1/csgo-hub-backend.git synced 2025-05-16 17:28:12 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updated design on login site

Browse Source
This commit is contained in:
Jesper 2022-09-19 23:24:57 +02:00
parent 5a9961e5f0
commit aef875528c
1 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
index.html
View File

@ -3,30 +3,39 @@
<head>
<title>Steam OpenID</title>
</head>
<style>.login,li a{text-align:center}body{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.login{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}img{scale:1.2}ul{list-style-type:none;margin:0;padding:0;overflow:hidden}li a{display:block;color:#fff;padding:14px 16px;text-decoration:none}.navbar img{border-radius:50%;scale:1.0}</style>
<style>.steam-login,body{-webkit-text-size-adjust:100%}.navbar a,.steam-login{text-decoration:inherit}.footer,.login,.steam-login,li a{text-align:center}body{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar a{font-weight:500}.navbar a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}img{scale:1.2}ul{list-style-type:none;margin:0;padding:0;overflow:hidden}li a{display:block;color:#fff;padding:14px 16px;text-decoration:none}.navbar{margin-top:1.5rem}.navbar img{border-radius:50%;scale:1.0;margin-right:1.5rem}.steam-login{vertical-align:5rem;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";box-sizing:border-box;border:1px solid #e5e7eb;display:inline-block;align-items:center;border-radius:.375rem;background-color:#1b2838;color:#fff;padding:.75rem 1.25rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:75ms}.steam-login:hover{background-color:#4b5563}.steam-login svg{vertical-align:-.3em;margin-right:.3rem;-webkit-filter:invert(100%);filter:invert(100%)}.footer{position:fixed;left:0;bottom:0;width:100%;background-color:#181a1b;color:#cecece}</style>
<body>
{{if .DiscordName}}
<div class="navbar">
<ul>
<li style="float:right"><img alt="avatar" src="{{.DiscordAvatar}}" width="50" height="50px"></li>
<li style="float:right"><a class="active" href="#">{{.DiscordName}}</a></li>
</ul>
<li style="float:right"><a class="active" href="#"><b>{{.DiscordName}}</b></a></li>
</ul>
</div>
<div class="login">
<h1>Authenticate Steam</h1>
<p><b>Link {{.DiscordName}} with your Steam account</b></p>
<br>
<a href="/discover">
<img alt="Sign in through Steam"
src="http://steamcommunity-a.akamaihd.net/public/images/signinthroughsteam/sits_large_noborder.png" />
</a>
<div class="login">
<h1>Authenticate Steam</h1>
<p><b>Link {{.DiscordName}} with your Steam account</b></p>
<br>
<a alt="Sign in through Steam" class="steam-login" href="/discover">
<svg width="1.7rem" height="1.7rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
<!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
<path
d="M496 256c0 137-111.2 248-248.4 248-113.8 0-209.6-76.3-239-180.4l95.2 39.3c6.4 32.1 34.9 56.4 68.9 56.4 39.2 0 71.9-32.4 70.2-73.5l84.5-60.2c52.1 1.3 95.8-40.9 95.8-93.5 0-51.6-42-93.5-93.7-93.5s-93.7 42-93.7 93.5v1.2L176.6 279c-15.5-.9-30.7 3.4-43.5 12.1L0 236.1C10.2 108.4 117.1 8 247.6 8 384.8 8 496 119 496 256zM155.7 384.3l-30.5-12.6a52.79 52.79 0 0 0 27.2 25.8c26.9 11.2 57.8-1.6 69-28.4 5.4-13 5.5-27.3.1-40.3-5.4-13-15.5-23.2-28.5-28.6-12.9-5.4-26.7-5.2-38.9-.6l31.5 13c19.8 8.2 29.2 30.9 20.9 50.7-8.3 19.9-31 29.2-50.8 21zm173.8-129.9c-34.4 0-62.4-28-62.4-62.3s28-62.3 62.4-62.3 62.4 28 62.4 62.3-27.9 62.3-62.4 62.3zm.1-15.6c25.9 0 46.9-21 46.9-46.8 0-25.9-21-46.8-46.9-46.8s-46.9 21-46.9 46.8c.1 25.8 21.1 46.8 46.9 46.8z" />
</svg>
<span>Login with Steam</span>
</a>
<br>
{{else if .user}}
<p>{{.user}} Linked to your Discord account</p>
{{else}}
<p>An error occured</p>
{{end}}
</div>
<div class="login">
<p>{{.user}} Linked to your Discord account</p>
{{else}}
<p>An error occured</p>
{{end}}
</div>
<div class="footer">
<p><i>This site is not associated with Valve Corp.</i></p>
</div>
</body>
</html>