form-open.tpl 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. html {
  6. --scrollbarBG: #333333;
  7. --thumbBG: #080808;
  8. }
  9. body {
  10. background-color: #080808;
  11. color: #cccccc;
  12. }
  13. label span {
  14. font-size: 2em;
  15. }
  16. input[type=text] {
  17. font-size: 3em;
  18. text-align: center;
  19. }
  20. button[type=submit] {
  21. font-size: 1.5em;
  22. }
  23. form {
  24. position: absolute;
  25. top: 50vh;
  26. height: 12em;
  27. margin-top: -8em;
  28. padding-bottom: 4em;
  29. left: 50vw;
  30. width: 15em;
  31. margin-left: -7.5em;
  32. display: inline-grid;
  33. }
  34. </style>
  35. <title>{{tool.title()}}</title>
  36. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  37. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@2.1.0/build/pure-min.css" integrity="sha384-yHIFVG6ClnONEA5yB5DJXfW2/KC173DIQrYoZMEtBvGzmf0PKiGyNEqe9N6BNDBH" crossorigin="anonymous"/>
  38. <link rel="stylesheet" href="https://shandan.one/css/grids-responsive-min.css"/>
  39. <link rel="stylesheet" href="https://shandan.one/css/responsive-visibility-collapse.css"/>
  40. </head>
  41. <body align="center" style="text-align: center">
  42. % include('button-style')
  43. <form id="{{tool}}-open" action="{{action}}" method="{{method}}">
  44. <label for="{{tool}}-code">
  45. <span hidden="true">Enter&nbs;</span>
  46. <span>{{tool.title()}}</span>
  47. <span hidden="true">&nbs;Code</span></span>
  48. </label>
  49. <input
  50. type="text"
  51. id="{{tool}}-code"
  52. name="hash"
  53. placeholder="C0DE"
  54. required="true"
  55. pattern="[A-TV-Za-tv-z0-9]{1,5}"
  56. title="Base32 Code: Any of letters A-Z (excluding U) or digits 0-9.&#10;&#10;Note: O 0 and i I l L 1 can be used interchangeably"
  57. size="5"
  58. style="margin: 0.1em 0 0.3em"
  59. autofocus="true"
  60. ></input>
  61. <button class="button-resize pure-button" type="submit" form="{{tool}}-open"> Open </button>
  62. </form>
  63. </body>
  64. </html>