tindex.html - blck - ephemeral pastebin/url shortener
(HTM) git clone https://git.parazyd.org/blck
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
tindex.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>