neet.host uploader mockup (2019)

originally made 2019-01-14

by arian_

HTML

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <style>
        body {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          max-width: 720px;
          margin: 0;

          text-align: center;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
        }
        h1 {
          font-size: 36px;
          margin-bottom: 10px; 
        }
        ul {
          list-style-type: none;
          margin-top: 5px;
          padding: 0;
        }
        #submit {
          font-size: 36px;
        }
        #upload-button {
          margin-left: 10px;
          margin-right: 10px;
          border-radius: 20px;
          cursor: pointer;
          background-color: #95e1f9;
        }
        #upload-button:hover {
          background-color: #89cfe5;
        }
        #upload-button:active {
          background-color: #6aa3b5;
        }
        #upload-button > span {
          display: block;
          font-size: 48px;
          padding: 20px;
        }
        #upload-button-container {
          display: block;
          padding-bottom: 10px;
        }
        #upload, #submit {
          display: none;
        }
        .success {
          color: green;
        }
        .error {
          color: red;
        }


        /*.spinner {
          animation: rotate 1.4s linear infinite;
        }
        @keyframes rotate {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(270deg); }
        }
        .path {
          stroke-dasharray: 187;
          stroke-dashoffset: 0;
          transform-origin: center;
          animation: dash 1.4s ease-in-out infinite;
          stroke: #16c7ff;
        }
        @keyframes dash {
         0% {...