<html>

<head>
  <title>Steam OpenID</title>
</head>
<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="#"><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 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}}
    <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>