musselman
846de5c396
for improved user experience This commit refactors the newuser.html template for improved user experience by adding a title, meta viewport tag, and Bootstrap CSS. It also enhances the layout and styling, including the use of Bootstrap alerts and input groups. The form for creating a new file is now displayed in a more organized manner.
49 lines
No EOL
1.9 KiB
HTML
49 lines
No EOL
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en_US">
|
|
|
|
<head>
|
|
<title>Notatio | Welcome</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" type="text/css" href="/static/style.css">
|
|
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<h2>Welcome to Notatio!</h2>
|
|
<p>Before you begin creating your first file, we want to give you a few tips!</p>
|
|
|
|
<div class="alert alert-danger" role="alert">
|
|
Although E2EE is planned, It is not implemented yet so <strong>DO NOT</strong> store sensitive information.
|
|
The admins can read everything currently.
|
|
</div>
|
|
<div class="alert alert-warning" role="alert">
|
|
Back up your files often if you are using a public instance! You never know if the admin will take the service
|
|
down.
|
|
</div>
|
|
|
|
<div class="alert alert-info" role="alert">
|
|
Use unique and meaningful file names, dates often don't convey what the file holds, nor does temp or document
|
|
1.
|
|
</div>
|
|
|
|
<h4>Enter the name of your first file:</h4>
|
|
|
|
<form id="newFileForm" method="post" action="/create" class="row g-3">
|
|
<div class="col-md-6">
|
|
<div class="input-group">
|
|
<span class="input-group-text"><em>Filename:</em></span>
|
|
<input type="text" class="form-control" name="newFileName" id="newFileName" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<button type="submit" class="btn btn-primary">Create</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
|
|
</html> |