alex/spacedrive
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve webapp style

Browse source
This commit is contained in:
atxr 2024-02-27 17:02:56 +01:00
parent 0e4f2e144f
commit 8ca61905e1
3 changed files with 105 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
webapp/static/space.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.7 MiB

78
webapp/static/styles.css Normal file
View file

@ -0,0 +1,78 @@
body {
font-family: 'Roboto', sans-serif;
background-color: #0a0a23;
color: #ffffff;
margin: 0;
padding: 0;
background-image: url('space.jpg');
background-size: cover;
}
.container {
max-width: 500px;
margin: 50px auto;
padding: 20px;
background-color: #1a1a33;
border-radius: 10px;
box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
}
h1 {
text-align: center;
margin-bottom: 30px;
}
form {
text-align: center;
}
input[type="file"] {
margin-bottom: 20px; /* Adjust margin-bottom to create space below the input */
margin-top: 20px; /* Add margin-top to create space above the input */
padding: 10px;
border: 2px solid #ddd;
border-radius: 5px;
width: 80%;
display: block;
margin: 0 auto;
background-color: #1a1a33;
color: #ffffff;
}
input[type="file"]::placeholder {
color: #ffffff;
}
input[type="submit"] {
background-color: #00ccff;
color: #ffffff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
input[type="submit"]:hover {
background-color: #0099cc;
}
.message {
text-align: center;
margin-top: 20px;
padding: 10px;
background-color: #2d2d2d;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 5px;
}
.note {
font-size: 14px;
color: #666;
margin-top: 10px;
text-align: center;
font-style: italic;
}

34
webapp/templates/index.html
View file

@ -1,15 +1,35 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>File Upload</title> <title>Satellite File Upload</title>
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head> </head>
<body> <body>
<h1>File Upload</h1> <div class="container">
<form action="/upload" method="post" enctype="multipart/form-data"> <h1>Satellite File Upload</h1>
<input type="file" name="file"> <p>Welcome to the Satellite File Upload portal. This portal allows you to securely upload files to our satellite
<input type="submit" value="Upload"> systems orbiting Earth.</p>
</form> <p>Our satellites are equipped with advanced sensors and instruments that collect various types of data,
including weather patterns, environmental changes, and astronomical observations. To ensure the smooth
operation of these satellites, it's essential to regularly upload firmware updates, configuration files, and
scientific data.</p>
<p>Using this portal, you can securely transmit files to our satellites from anywhere on Earth. Once uploaded,
our satellite communication systems will process and integrate the data seamlessly into our satellite
networks.</p>
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="file" placeholder="Choose file">
<input type="submit" value="Upload">
<p class="note">Note: Submitted files will be scanned to detect malicious patterns. Our team has developed a
specific tool to scan zip files.</p>
</form>
<div class="message" id="message"></div>
</div>
</body> </body>
</html>
</html>