index.html (2594B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width; initial-scale=1"> 6 <title>blck</title> 7 <style> 8 *, :after, :before { box-sizing: border-box; } 9 body { 10 background-attachment: fixed fixed; 11 background-color: #f7f7f7; 12 background-position: 85% 100% top left; 13 background-repeat: no-repeat, repeat; 14 color: #333; 15 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 16 font-size: 14px; 17 height: 100%; 18 line-height: 20px; 19 margin: 0; 20 padding-top: 20px; 21 padding-bottom: 40px; 22 } 23 .container { 24 margin: 0 auto; 25 max-width: 700px; 26 } 27 p { margin: 0 0 10px; } 28 a { 29 color: #0078b4; 30 text-decoration: none; 31 transition: color .25s 32 } 33 a:active, a:focus, a:hover { color: #005580; } 34 a:focus { outline: thin dotted #333 } 35 .jumbotron { 36 margin: 60px 0; 37 text-align: center; 38 transition: width .5s, height .5s, margin .5s, padding .5s 39 } 40 .jumbotron h1 { 41 color: inherit; 42 font-family: inherit; 43 font-size: 72px; 44 font-weight: 700; 45 line-height: 1; 46 margin: 10px 0; 47 cursor: default; 48 } 49 .jumbotron .lead { 50 font-size: 21px; 51 font-weight: 200; 52 line-height: 30px; 53 margin-bottom: 20px; 54 transition: font-size .5s 55 } 56 .jumbotron .btn { 57 background: rgba(202, 230, 190, .75); 58 border: 1px solid #b7d1a0; 59 border-radius: 4px; 60 color: #468847; 61 cursor: pointer; 62 display: inline-block; 63 font-size: 24px; 64 padding: 28px 48px; 65 text-shadow: 0 1px rgba(255, 255, 255, .5); 66 transition: background-color .25s, width .5s, height .5s; 67 } 68 .jumbotron .btn:active, .jumbotron .btn:focus, .jumbotron .btn:hover { 69 background-color: #bce4aa; 70 text-decoration: none; 71 } 72 </style> 73 </head> 74 <body> 75 <div class="container"> 76 <div class="jumbotron"> 77 <h1>blck</h1> 78 <p class="lead">Upload an <abbr title="It gets deleted when viewed"><u>ephemeral</u></abbr> file</p> 79 <div class="form"> 80 <form method="post" action="{{ r }}" enctype="multipart/form-data"> 81 <input type="file" id="upload-input" name="c" class="btn" value="Select file"> 82 <input type="submit" value="Submit"> 83 </form> 84 </div> 85 <hr> 86 <footer> 87 with ❤️ from <a href="https://twitter.com/parazyd">parazyd</a> | 88 <a href="https://github.com/parazyd/blck">source</a> 89 </footer> 90 <div> 91 </div> 92 </body> 93 </html>