{{ define "base" }}

<!DOCTYPE html>
<html>
  <head>
    <title>hatecomputers.club</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="icon" href="/static/img/favicon.svg">
    <link rel="stylesheet" type="text/css" href="/static/css/styles.css">

    <meta property="og:type" content="website">
    <meta property="og:url" content="https://hatecomputers.club">
    <meta property="og:title" content="hatecomputers club">
    <meta property="og:description" content="be decent at computer but hate. really bad for human!">
    <meta property="og:image:secure_url" content="https://hatecomputers.club/static/img/favicon.png">
    <meta property="og:image:secure" content="https://hatecomputers.club/static/img/favicon.png">

    <script src="/static/js/util/setThemeBeforeRender.js"></script>
  </head>
  <body>
    <div id="content" class="container">
      <div>
        <h1>hatecomputers.club</h1>
	<a href="javascript:void(0);" id="theme-switcher">light mode.</a>
	<span> | </span>
	<a href="/">home.</a>
	<span> | </span>
	<a href="/about">about.</a>
	<span> | </span>
	<a href="/guestbook">guestbook.</a>
	<span> | </span>
	<a href="/webring">webring.</a>
	<span> | </span>
	{{ if .User }}
	<a href="/dns">dns.</a>
	<span> | </span>
	<a href="/logout">logout, {{ .User.DisplayName }}.</a>
	{{ else }}
	<a href="/login">login.</a>
	{{ end }}
      </div>
      <hr>

      <div id="content">
        {{ template "content" . }}
      </div>

      <hr>

      <div class="footer">
	<div>
	  {{ if .User }}
	  <a href="https://git.hatecomputers.club/{{ .User.Username }}">git.</a>
	  {{ else }}
	  <a href="https://git.hatecomputers.club">git.</a>
	  {{ end }}

	  <span> | </span>
	  <a href="https://mail.hatecomputers.club">e-mail.</a>
	  <span> | </span>
	  <a href="https://auth.hatecomputers.club">sso.</a>
	</div>

	<br>

	<div class="blinkies">
	  <img width='150' height='20' src='/static/img/blinkies/hatecomputers-club.gif'>
	  <img width='150' height='20' src='/static/img/blinkies/autism.gif'>
	  <img width='150' height='20' src='/static/img/blinkies/fuckcomputers.gif'>
	  <img width='150' height='20' src='/static/img/blinkies/bee.gif'>
	  <img width='150' height='20' src='/static/img/blinkies/begaydocrime.gif'>
	  <img width='150' height='20' src='/static/img/blinkies/bored.gif'>
	  <img width='150' height='20' src='/static/img/blinkies/connection.gif'>
	  <img width='150' height='20' src='/static/img/blinkies/eepy.gif'>
	  <img width='150' height='20' src='/static/img/blinkies/loveuguys.gif'>
	</div>
      </div>
    </div>

    <script data-main="/static/js/script.js" src="/static/js/require.js"></script>
  </body>
</html>

{{ end }}