├── files └── data.txt ├── static ├── send.jpg ├── folder.png ├── recieve.png ├── err.css ├── post.css ├── script.js ├── recieve.css ├── nav.css ├── index.css ├── send.css └── send.js ├── recieve.html ├── post.html ├── index.html ├── send.html ├── README.md ├── app.py └── LICENSE /files/data.txt: -------------------------------------------------------------------------------- 1 | Data will be stored here.... -------------------------------------------------------------------------------- /static/send.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhineetraj1/file-transfer-website/HEAD/static/send.jpg -------------------------------------------------------------------------------- /static/folder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhineetraj1/file-transfer-website/HEAD/static/folder.png -------------------------------------------------------------------------------- /static/recieve.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhineetraj1/file-transfer-website/HEAD/static/recieve.png -------------------------------------------------------------------------------- /static/err.css: -------------------------------------------------------------------------------- 1 | #content{ 2 | text-align: center; 3 | padding: 1vh; 4 | width: 100%; 5 | margin-top: 3vh; 6 | color: #175dff; 7 | } -------------------------------------------------------------------------------- /static/post.css: -------------------------------------------------------------------------------- 1 | content{ 2 | text-align: center; 3 | } 4 | img{ 5 | margin-top: 3vh; 6 | width: 20%; 7 | position: relative; 8 | left: 40%; 9 | } 10 | p{ 11 | text-align: center; 12 | width: 100%; 13 | font-family: Bahnschrift; 14 | font-size: 20px; 15 | } 16 | @media screen and (max-width:680px) { 17 | img{ 18 | width:80%; 19 | left: 10%; 20 | } 21 | } -------------------------------------------------------------------------------- /static/script.js: -------------------------------------------------------------------------------- 1 | document.getElementById('toggle').onclick=function () { 2 | if (document.getElementById('toggle').innerHTML == "=") { 3 | document.getElementById('tgl').style.display = "block"; 4 | document.getElementById('toggle').innerHTML = "X"; 5 | document.getElementById("content").style.display="none"; 6 | } else { 7 | document.getElementById("content").style.display="inline"; 8 | document.getElementById('tgl').style.display = "none"; 9 | document.getElementById('toggle').innerHTML = "="; 10 | } 11 | } -------------------------------------------------------------------------------- /static/recieve.css: -------------------------------------------------------------------------------- 1 | #content{ 2 | text-align: center; 3 | width: 100%; 4 | margin-top: 3vh; 5 | } 6 | input{ 7 | text-align: left; 8 | font-family: Bahnschrift; 9 | font-size: 20px; 10 | border: solid; 11 | border-radius: 5px; 12 | } 13 | 14 | .frm-btn{ 15 | background: #175dff; 16 | font-family: Agency FB; 17 | color: white; 18 | padding: 1vh; 19 | margin: 1vh; 20 | border: solid; 21 | border-width: 0px; 22 | border-radius: 10px; 23 | font-size: 23px; 24 | padding-left: 3vh; 25 | padding-right: 3vh; 26 | } -------------------------------------------------------------------------------- /static/nav.css: -------------------------------------------------------------------------------- 1 | body{ 2 | padding: 0px; 3 | margin: 0px; 4 | } 5 | #nv{ 6 | font-family: Bahnschrift; 7 | box-shadow: 0px 0px 10px black; 8 | background: #175dff; 9 | color: white; 10 | font-size: 35px; 11 | padding-top: 3px; 12 | padding-bottom: 3px; 13 | text-align: center; 14 | width: 100%; 15 | } 16 | #toggle{ 17 | float: left; 18 | padding-left: 4px; 19 | } 20 | #tgl{ 21 | display: none; 22 | background: #175dff; 23 | width: 250px; 24 | color: white; 25 | font-size: 25px; 26 | padding: 2px; 27 | margin: 0px; 28 | height: 700px; 29 | } 30 | li{ 31 | margin: 3px; 32 | text-align: left; 33 | list-style-type: none; 34 | } 35 | footer{ 36 | font-family: Agency FB; 37 | position: absolute; 38 | bottom: 1px; 39 | font-size: 18px; 40 | } 41 | .li{ 42 | text-decoration: none; 43 | color: white; 44 | } -------------------------------------------------------------------------------- /recieve.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 |
27 | Recieve file(s)
28 |
33 | Send file(s)
34 |
39 | Send file(s)
40 |Drag and drop file(s) here
27 |----OR----
29 |Uploading file(s)
41 |