98 lines
2.5 KiB
HTML
98 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<title>Here To There</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(0, 0%, 22%);
|
|
backdrop-filter: blur(10px);
|
|
color: white;
|
|
padding: 20px;
|
|
margin: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.main {
|
|
background-color: hsla(120, 1%, 24%, 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: #393939;
|
|
margin: 20px;
|
|
padding: 20px;
|
|
width: 300px;
|
|
height: 200px;
|
|
}
|
|
|
|
input,
|
|
button {
|
|
padding: 10px;
|
|
margin: 10px;
|
|
border-radius: 20px;
|
|
background-color: rgb(79, 79, 79);
|
|
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">
|
|
<input type="text" name="code" placeholder="Enter the code for the file" />
|
|
<br>
|
|
<br>
|
|
<button type="submit">Retrieve</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
</body>
|
|
|
|
</html> |