phixxy/sparkytron3000
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

finished theme

Browse source
This commit is contained in:
phixxy 2024-06-19 20:46:57 -07:00
parent 5cd502b19c
commit cd5b431127
1 changed files with 61 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

122
flask_templates/index.html
View file

@ -1,73 +1,73 @@
<!DOCTYPE html> <!DOCTYPE html>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<style>
body {
background-color: #333;
color: #fff;
font-family: Arial, sans-serif;
}
h1 {
color: #ff6347;
}
p {
font-size: 1.2em;
}
form {
margin: 20px;
padding: 20px;
background-color: #444;
border-radius: 5px;
}
label {
color: #fff;
}
input {
border: 1px solid #555;
border-radius: 3px;
padding: 5px;
margin-bottom: 5px;
background-color: #555;
color: #fff;
}
button {
background-color: #ff6347;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #db3b21;
}
</style>
<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>Input Form</title> <title>Sparkytron Config</title>
</head> </head>
<style>
body {
background-color: #333;
color: #fff;
}
.container {
background-color: #444;
border-radius: 10px;
padding: 20px;
margin-top: 50px;
}
.form-control {
background-color: #555;
color: #fff;
}
.btn-primary {
background-color: #6c757d;
border-color: #6c757d;
}
.btn-primary:hover {
background-color: #495057;
border-color: #495057;
}
.alert-success {
background-color: #198754;
color: #fff;
border-color: #198754;
}
</style>
<body> <body>
<h1>Warning!</h1> <div class="container">
<p>This information is stored in PLAIN TEXT in a .env file!</p> <h1 class="mt-5">Warning!</h1>
<form method="post"> <p class="lead">This information is stored in PLAIN TEXT in a .env file!</p>
{% for key, value in key_value_pairs.items() %} <form method="post">
<label for="{{ key }}">{{ key }}</label> {% for key, value in key_value_pairs.items() %}
<input type="text" id="{{ key }}" name="{{ key }}" value="{{ value }}"> <div class="row mb-3">
<br> <label for="{{ key }}" class="col-sm-2 col-form-label">{{ key }}</label>
{% endfor %} <div class="col-sm-10">
<button type="submit">Submit</button> <input type="text" id="{{ key }}" name="{{ key }}" value="{{ value }}" class="form-control">
{% with messages = get_flashed_messages() %} </div>
{% if messages %}
{% for message in messages %}
<div class="alert alert-success">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div> </div>
{% endfor %} {% endfor %}
{% endif %}
{% endwith %} <button type="submit" class="btn btn-primary">Submit</button>
</form>
{% with messages = get_flashed_messages() %}
{% if messages %}
{% for message in messages %}
<div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endfor %}
{% endif %}
{% endwith %}
</form>
</div>
</body> </body>
</html> </html>