diff options
| author | B Stack <bgstack15@gmail.com> | 2020-12-10 15:28:28 -0500 |
|---|---|---|
| committer | B Stack <bgstack15@gmail.com> | 2020-12-10 15:28:28 -0500 |
| commit | c13477aeead1781a01b6446fc49664cd764e59ad (patch) | |
| tree | 5dfc7c812c37a4f4303bc19dc11162f440c0cef7 /front.html.in | |
| parent | add debian/ and improve installation (diff) | |
| download | hex-zero-c13477aeead1781a01b6446fc49664cd764e59ad.tar.gz hex-zero-c13477aeead1781a01b6446fc49664cd764e59ad.tar.bz2 hex-zero-c13477aeead1781a01b6446fc49664cd764e59ad.zip | |
improve front page html
using some css tricks
Diffstat (limited to 'front.html.in')
| -rw-r--r-- | front.html.in | 224 |
1 files changed, 136 insertions, 88 deletions
diff --git a/front.html.in b/front.html.in index fcd2afa..e6e6ca3 100644 --- a/front.html.in +++ b/front.html.in @@ -12,83 +12,141 @@ 8) {8} --> <html lang="en"> - <head> - <title>{6}</title> - <meta http-equiv="content-type" content="text/html; charset=utf-8" /> - <meta name="description" content="Hex Zero" /> - </head> - <body id="body" class="dark-mode"> - <div class="clear" style="min-width: 1150px;"> + <head> + <title>{6}</title> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <meta name="description" content="Hex Zero" /> + <style> +/* this is a template file that gets formatted by python str.format() + * so these double-braces get interpreted to just single ones. + */ +#main {{ + float: left; + margin: 0 0 2em 4em; + padding-bottom: 4em; + width: auto; +}} - <div id="main"> -<div class="block"> -<h1>THE NULL POINTER</h1> -<h2>file hosting and URL shortening service.</h2> -</div> -<h2>USAGE</h2> -<pre> +#header_sub {{ margin-left: 6em; }} +#sidebar {{ + /*float: right;*/ + padding: 0 2.5em 2.5em 0; + position: fixed; + top: 0px; + right: 0px; + background-color: #eee; + border-style: dashed; + border-width: 0px 0px 1px 1px; + border-color: #ddd; +}} +footer {{ + position: fixed; + text-align: center; + bottom: 0; + width: 100%; + padding: 0.25em; + background: #f5f5f5; +}} + +pre {{ + background-color: #ddd; +}} + +body, input, select, textarea {{ + font-size: 10pt; +}} +.box {{ + height: 0; + display: none; + transition:all 0.8s linear; +}} +input:checked ~ .box {{ + display: inline; +}} + +label#toggle {{ + font-size: 80%; + cursor: pointer; + color: blue; + text-decoration: underline; +}} + </style> + </head> + <body id="body"> + <div id="sidebar"> + <input id="toggle" type="checkbox" style="visibility:hidden"> + <label id="toggle" for="toggle">toggle upload form</label> + <div class="box"> + <h2>UPLOAD DIRECTLY</h2> + <form action="{0}" method="POST" enctype="multipart/form-data"> + <label>File:</label> + <input class="form-control" type="file" name="file" style="width:250px;"> + <br /> + <input class="form-control" type="submit" value="Submit"> + </form> + </div> + </div> + <div class="clear" style="min-width: 600px;"> + <div id="main" style="max-width: 640px; width: 80%;"> + <div class="block"> + <h1>THE NULL POINTER</h1> + <h2>file hosting and URL shortening service.</h2> + </div> + <h2>USAGE</h2> + <p> HTTP POST files here: - <code>curl -F'file=@yourfile.png' {0}</code> + <pre>curl -F'file=@yourfile.png' {0}</pre> post your text directly: - <code>echo "text here" | curl -F'file=@-;' {0}</code> + <pre>echo "text here" | curl -F'file=@-;' {0}</pre> you can also POST remote URLs: - <code>curl -F'url=https://example.com/image.jpg' {0}</code> + <pre>curl -F'url=https://example.com/image.jpg' {0}</pre> or you can shorten URLs: - <code>curl -F'shorten=http://example.com/some/long/url' {0}</code> + <pre>curl -F'shorten=http://example.com/some/long/url' {0}</pre> -file URLs are valid for at least 30 days and up to a year (see below). -shortened URLs do not expire. -not allowed: {5} -maximum file size: {1} -</pre> - -<h2>ACCEPTABLE USE POLICY</h2> -<pre> -please do not post any informations that -may violate law (login/password lists, email lists, personal information). - -{0} is NOT a platform for: -</pre> -<ul> - <li>child pornography</li> - <li>malware, including potentially unwanted applications</li> - <li>botnet command and control schemes involving this service</li> - <li>anything even remotely related to crypto currencies</li> - <li>hosting your backups</li> - <li>spamming the service with CI build artifacts</li> - <li>piracy</li> - <li>alt-right shitposting</li> -</ul> -<h2>REQUIREMENTS</h2> -<pre> -there is only one thing you need to use this service - curl. -curl is available on most platforms, including Windows, Mac OS X and Linux. - -if you run a server and like this site, clone it! centralization is bad. -<small><a href="https://github.com/envs-net/0x0" target="_blank">https://github.com/envs-net/0x0</a></small> +file URLs are valid for at least 30 days and up to a year (see below).<br/> +shortened URLs do not expire.<br/> +not allowed: {5}<br/> +maximum file size: {1}<br/> + </p> + <h2>ACCEPTABLE USE POLICY</h2> + <p>please do not post any informations that +may violate law (login/password lists, email lists, personal information).<br/> +<br/> +{0} is NOT a platform for: </p> + <ul> + <li>child pornography</li> + <li>malware, including potentially unwanted applications</li> + <li>botnet command and control schemes involving this service</li> + <li>anything even remotely related to crypto currencies</li> + <li>hosting your backups</li> + <li>spamming the service with CI build artifacts</li> + <li>piracy</li> + </ul> + <h2>REQUIREMENTS</h2> + <p> +there is only one thing you need to use this service - curl.<br/> +curl is available on most platforms, including Windows, Mac OS X and Linux.<br/> +<br/> +if you run a server and like this site, clone it! centralization is bad.<br/> +<small><a href="https://github.com/envs-net/0x0" target="_blank">https://github.com/envs-net/0x0</a></small><br/> you can also support it financially via liberapay. -<a href="https://en.liberapay.com/envs.net/donate" target="_blank" style="border-bottom-color: transparent;"><img src="https://img.shields.io/liberapay/receives/envs.net.svg?logo=liberapay" alt="img_shield_receives_via_liberapay"></a> -</pre> - -<h2>ALIAS</h2> -<pre> -to make your life easier, you can add aliases to your <code>.bash_aliases</code> on Linux -and <code>.bash_profile</code> on Mac OS X. just remember to reset your terminal session after that. -<code>0file() { curl -F"file=@$1" {0} ; } +</p> + <h2>ALIAS</h2> + <p>to make your life easier, you can add aliases to your <pre>.bash_aliases</pre> on Linux +and <pre>.bash_profile</pre> on Mac OS X. just remember to reset your terminal session after that. +<pre>0file() { curl -F"file=@$1" {0} ; } 0pb() { curl -F"file=@-;" {0} ; } 0url() { curl -F"url=$1" {0} ; } -0short() { curl -F"shorten=$1" {0} ; }</code> +0short() { curl -F"shorten=$1" {0} ; }</pre> now you can use: -<code>0file "yourfile.png" +<pre>0file "yourfile.png" # or -echo "text here" | 0pb</code> +echo "text here" | 0pb</pre> -<em>if you want a nice wrapper, try <a href="https://git.envs.net/envs/pb">~tomasino's pb</a></em> -</pre> - -<h2>FILE RETENTION PERIOD</h2> -<pre> +<em>if you want a nice wrapper, try <a href="https://git.envs.net/envs/pb">~tomasino's pb</a></em></p> + <h2>FILE RETENTION PERIOD</h2> + <pre> retention = min_age + (-max_age + min_age) * pow((file_size / max_size - 1), 3) days @@ -111,36 +169,26 @@ retention = min_age + (-max_age + min_age) * pow((file_size / max_size - 1), 3) | ...... 30 | .................... 0{2}{3} - {4} -</pre> - -<h2>ABUSE</h2> -<pre> + {4}</pre> + <h2>ABUSE</h2> + <p> if you would like to request permanent deletion, please send an email to <a href="mailto:{8}?subject=Abuse%200x0%20-%20hex-zero" target="_blank">{8}</a>. please allow up to 24 hours for a response. -</pre> - </div> - -<!-- UPLOAD --> - - <div id="sidebar"> -<div class="block"> -<h2>UPLOAD DIRECTLY</h2> -<form action="{0}" method="POST" enctype="multipart/form-data"> -<label>File:</label> -<input class="form-control" type="file" name="file" style="width:250px;"><br /> -<input class="form-control" type="submit" value="Submit"> -</form> -</div> - </div> - <footer><pre class="clean">Adapted from <a href="https://github.com/envs-net/0x0">envs.net 0x0 app</a></footer> - <!-- +</p> + </div> + <!-- UPLOAD --> + <footer> + <div id="footer"> + <pre class="clean">Adapted from <a href="https://github.com/envs-net/0x0">envs.net 0x0 app</a> + </div> + </footer> +<!-- which itself is a fork of https://github.com/mia-0/0x0 and includes patches from https://github.com/mia-0/0x0/pull/21 https://github.com/iomintz/0x0/commit/51d51d4c00d9a5b66276a670b59308b5351a5e82 --> - </div> - </body> + </div> + </body> </html> |