95 lines
2.4 KiB
HTML
95 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<title>index.html</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<style>
|
|
.title,
|
|
.main {
|
|
background-color: hsl(10, 100%, 51%);
|
|
backdrop-filter: blur(10px);
|
|
color: white;
|
|
padding: 20px;
|
|
margin: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.main {
|
|
background-color: hsla(120, 3%, 23%, 0.6);
|
|
display: flex;
|
|
}
|
|
|
|
|
|
body {
|
|
font-family: 'Montserrat', sans-serif;
|
|
background: hsla(198, 100%, 50%, 1);
|
|
|
|
background: linear-gradient(90deg, hsla(198, 100%, 50%, 1) 0%, hsla(188, 92%, 49%, 1) 48%, hsla(201, 100%, 49%, 1) 97%);
|
|
|
|
background: -moz-linear-gradient(90deg, hsla(198, 100%, 50%, 1) 0%, hsla(188, 92%, 49%, 1) 48%, hsla(201, 100%, 49%, 1) 97%);
|
|
|
|
background: -webkit-linear-gradient(90deg, hsla(198, 100%, 50%, 1) 0%, hsla(188, 92%, 49%, 1) 48%, hsla(201, 100%, 49%, 1) 97%);
|
|
|
|
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00B2FF", endColorstr="#0AD2F1", GradientType=1);
|
|
}
|
|
|
|
.upload,
|
|
.download {
|
|
color: white;
|
|
border-radius: 20px;
|
|
background-color: #fe0000;
|
|
margin: 20px;
|
|
padding: 20px;
|
|
}
|
|
|
|
input,
|
|
button {
|
|
padding: 10px;
|
|
margin: 10px;
|
|
border-radius: 20px;
|
|
background-color: rgb(52, 52, 52);
|
|
border: none;
|
|
color: rgb(222, 222, 222);
|
|
|
|
|
|
}
|
|
</style>
|
|
<html>
|
|
|
|
<head>
|
|
<title>File Upload</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="title">
|
|
<h1>Here to there</h1>
|
|
<h2>A simple file transfer website</h2>
|
|
</div>
|
|
<div class="main">
|
|
<div class="upload">
|
|
<h2>Upload a File</h2>
|
|
<form action="upload" method="post" enctype="multipart/form-data">
|
|
<input type="file" name="file" />
|
|
<br><br>
|
|
<input type="submit" value="Upload" />
|
|
</form>
|
|
</div>
|
|
<br><br>
|
|
<div class="download">
|
|
<h2>Retrieve a File</h2>
|
|
<form action="download" method="get">
|
|
<p>id:</p>
|
|
<input type="text" name="code" placeholder="Enter file code" />
|
|
<button type="submit">Retrieve</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
</body>
|
|
|
|
</html> |