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