12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- html {
- --scrollbarBG: #333333;
- --thumbBG: #080808;
- }
- body {
- background-color: #080808;
- color: #cccccc;
- }
- label span {
- font-size: 2em;
- }
- input[type=text] {
- font-size: 3em;
- text-align: center;
- }
- button[type=submit] {
- font-size: 1.5em;
- }
- form {
- position: absolute;
- top: 50vh;
- height: 12em;
- margin-top: -8em;
- padding-bottom: 4em;
- left: 50vw;
- width: 15em;
- margin-left: -7.5em;
- display: inline-grid;
- }
- </style>
- <title>{{tool.title()}}</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">
- % include('button-style')
- <form id="{{tool}}-open" action="{{action}}" method="{{method}}">
- <label for="{{tool}}-code">
- <span hidden="true">Enter&nbs;</span>
- <span>{{tool.title()}}</span>
- <span hidden="true">&nbs;Code</span></span>
- </label>
- <input
- type="text"
- id="{{tool}}-code"
- name="hash"
- placeholder="C0DE"
- required="true"
- pattern="[A-TV-Za-tv-z0-9]{1,5}"
- title="Base32 Code: Any of letters A-Z (excluding U) or digits 0-9. Note: O 0 and i I l L 1 can be used interchangeably"
- size="5"
- style="margin: 0.1em 0 0.3em"
- autofocus="true"
- ></input>
- <button class="button-resize pure-button" type="submit" form="{{tool}}-open"> Open </button>
- </form>
- </body>
- </html>
|