hardfiles

- EZPZ File Sharing Service
git clone git://git.acid.vegas/hardfiles.git
Log | Files | Refs | Archive | README | LICENSE

index.html (7624B)

      1 <!DOCTYPE html>
      2 <html style="overflow: hidden;">
      3     <head>
      4 	<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
      5         <meta name="viewport" content="width=device-width, initial-scale=1.0">
      6         <link rel="icon" href="fist.ico"> 
      7         <title>HARDFILES</title>
      8         <style>
      9             body {
     10             font-family: sans-serif;
     11             background-image: url('https://media.tenor.com/fYnd0R6F-0UAAAAC/gun-revolver.gif');
     12             background-size: cover;
     13             }
     14             @media (prefers-color-scheme: dark) {
     15             body {
     16             overflow: hidden;
     17             background: black;
     18             background-image: url('https://media.tenor.com/fYnd0R6F-0UAAAAC/gun-revolver.gif');
     19             background-size: cover;
     20             background-position: center;
     21             color: white;
     22             }
     23             }
     24             .container {
     25             padding-right: 15px;
     26             padding-left: 15px;
     27             margin-right: auto;
     28             margin-left: auto;
     29             display: flex;
     30             flex-direction: column;
     31             align-items: center;
     32             justify-content: center;
     33             height: 100vh;
     34             }
     35             @media (min-width: 768px) {
     36             .container {
     37             width: 750px;
     38             }
     39             .hf {
     40                 font-size: 3rem;
     41             }
     42             }
     43             @media (min-width: 992px) {
     44             .container {
     45             width: 970px;
     46             }
     47 
     48             }
     49             @media (min-width: 1200px) {
     50             .container {
     51             width: 1170px;
     52             }
     53             .hf {
     54                 font-size: 5rem;
     55             }
     56             }
     57             input,select {
     58             margin-bottom: 1em;
     59             }
     60             .file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px; width: 300px;}
     61             .file-upload .file-select{display:block;border: 2px solid #dce4ec;color: black;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
     62             .file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
     63             .file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
     64             .file-upload .file-select:hover{border-color:red;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
     65             .file-upload .file-select:hover .file-select-button{background:red;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
     66             .file-upload.active .file-select{border-color:red;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
     67             .file-upload.active .file-select .file-select-button{background:red;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
     68             .file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
     69             .file-upload .file-select.file-select-disabled{opacity:0.65;}
     70             .file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: red;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
     71             .file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
     72             .file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
     73             .subform {
     74             display: flex;
     75             flex-direction: column;
     76             align-items: center;
     77             }
     78             button {
     79             display: inline-block;
     80             border: 0;
     81             outline: 0;
     82             margin: 0;
     83             padding: 15px;
     84             height: 44px;
     85             color: #fff;
     86             font: 19px/15px 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;
     87             font-weight: bold;
     88             text-transform: uppercase;
     89             cursor: pointer;
     90             -webkit-border-radius: 3px;
     91             -moz-border-radius: 3px;
     92             border-radius: 3px;
     93             -webkit-box-sizing: border-box;     /* Safari/Chrome, other WebKit */
     94             -moz-box-sizing: border-box;     /* Firefox, other Gecko */
     95             box-sizing: border-box;     /* Opera/IE 8+ */
     96             -webkit-font-smoothing:antialiased;
     97             -webkit-text-size-adjust:none;
     98             box-shadow: 0 1px 2px rgba(0,0,0,.15);
     99             }
    100             button:hover {
    101             background: #c93c1d;
    102             -webkit-transition:all .25s ease-in-out;
    103             -moz-transition:all .25s ease-in-out;
    104             -o-transition:all .25s ease-in-out;
    105             transition:all .25s ease-in-out; 
    106             }
    107             button:active {
    108             background: #ae3318;
    109             }
    110             button.light {
    111             background: #fff;
    112             color: #555759;
    113             }
    114             button.light:hover {
    115             background: red;
    116             color: #fff;
    117             }
    118         </style>
    119     </head>
    120     <body>
    121         <div class="container">
    122             <img src="header.png" width="50%" alt="supernets" style="margin-top: 10rem;">
    123             <h2 style="font-size: 1em; color: #ffffff; font-weight: 200;">curl -F file=@example.png https://hardfiles.org/</h1>
    124             <form method="POST" class="subform" enctype="multipart/form-data">
    125                 <div class="file-upload" style="display: flex; justify-content: center; width: 25rem;">
    126                     <div class="file-select" style="width: 100%;">
    127                         <div class="file-select-button" id="fileName">Browse</div>
    128                         <div class="file-select-name" id="noFile" style="cursor: pointer;">No file chosen...</div>
    129                         <input type="file" name="file" id="chooseFile">
    130                     </div>
    131                     <button class="light" type="submit" style="margin-left: 0.7rem;">up</button>
    132                 </div>
    133             </form>
    134             <p style="color: white; font-weight: 300;">⚠️ Uploads are erased after 24 hours</p>
    135             
    136         </div>
    137         <div style="position: relative;">    
    138             <a href="https://supernets.org/" target="_blank" style="position: absolute; bottom: 10px; right:10px; display: flex; align-items: center; text-decoration: none;">
    139             <p style="font-weight:200; color:#ffffff">A  SUPERNETS</p>
    140             <img src="https://git.supernets.org/assets/img/logo.png" width="30px" style="margin: 0 5px;">
    141             <p style="font-weight:200; color: #ffffff">SERVICE</p>
    142             </a>
    143         </div>
    144     </body>
    145 </html>
    146 
    147 <script>
    148 $('#chooseFile').bind('change', function () {
    149   var filename = $("#chooseFile").val();
    150   if (/^\s*$/.test(filename)) {
    151     $(".file-upload").removeClass('active');
    152     $("#noFile").text("No file chosen...");
    153   }
    154   else {
    155     $(".file-upload").addClass('active');
    156     $("#noFile").text(filename.replace("C:\\fakepath\\", "")); 
    157   }
    158 });
    159 </script>
    160