% link = setdefault("link", "") or ""
% disabled = setdefault("disabled", "") and 'disabled="true"'
% download = setdefault("download", "") or ""
% download_disabled = "" if download else 'disabled="true"'
<!DOCTYPE html>
<html>
  <head>
    <style>
html {
  --scrollbarBG: #333333;
  --thumbBG: #080808;
}
body {
  background-color: #080808;
  color: #cccccc;
}
    </style>
    <title>Paste</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@2.1.0/build/pure-min.css" integrity="sha384-yHIFVG6ClnONEA5yB5DJXfW2/KC173DIQrYoZMEtBvGzmf0PKiGyNEqe9N6BNDBH" crossorigin="anonymous"/>
    <link rel="stylesheet" href="https://shandan.one/css/grids-responsive-min.css"/>
    <link rel="stylesheet" href="https://shandan.one/css/responsive-visibility-collapse.css"/>
  </head>
  <body align="center" style="text-align: center">
    <div class="pure-g">
      % include('button-style')
      <div class="pure-u-1">
        <div class="pure-button-group" role="action" style="padding: 1em 0 0;">
          <button class="button-resize pure-button" type="submit" form="new"> New </button>
          <button class="button-resize pure-button" type="submit" form="paste" {{!disabled}}> Paste </button>
          <button class="button-resize pure-button" type="submit" form="download" {{!download_disabled}}> Download </button>
        </div>
      </div>
      <div class="pure-u-1">
        <p>
          <a href="{{!link}}">{{ link }}</a>
        </p>
      </div>
      <div class="pure-u-1">
{{!form}}
<form id="download" method="get" action="{{ download }}">
<input name="raw" type="text" hidden="true" value="true" />
</form>
      </div>
    </div>
  </body>
</html>