74 lines
1.7 KiB
HTML
74 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>guestbook</title>
|
|
<link rel="stylesheet" href="static/style.css">
|
|
<style>
|
|
body {
|
|
background-color: #110e0e;
|
|
max-width: 400px;
|
|
color: white;
|
|
font-family: Verdana,sans-serif;
|
|
}
|
|
|
|
form {
|
|
max-width: 250px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
form input{
|
|
width: 100%;
|
|
background-color: #201b1b;
|
|
color: white;
|
|
border: 2px solid #b41d1d;
|
|
}
|
|
form textarea {
|
|
width: 100%;
|
|
height: 100px;
|
|
background-color: #201b1b;
|
|
color: white;
|
|
border: 2px solid #b41d1d;
|
|
resize: none;
|
|
}
|
|
form button {
|
|
background-color: #ff4949;
|
|
color: white;
|
|
border: 2px solid #b41d1d;
|
|
}
|
|
form button:hover {
|
|
background-color: rgb(184, 68, 68);
|
|
}
|
|
.comment {
|
|
background-color: #201b1b;
|
|
color: white;
|
|
border: 2px solid #b41d1d;
|
|
padding: 8px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
a {
|
|
color: #ff4949;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form method="POST" action="/gb/submit">
|
|
<input name="name" placeholder="Name (optional)">
|
|
<input name="website" placeholder="Website (optional, w/o the http(s) part)">
|
|
<textarea name="comment" placeholder="Comment (max 512 characters)"></textarea>
|
|
<button>submit</button>
|
|
</form>
|
|
<hr>
|
|
<b>Sites indexed</b>: {% for site in sites %}<a href="http://{{site[0]}}">{{site[0]}}</a> {% endfor %}
|
|
<hr>
|
|
{% for comment in comments %}
|
|
<div class="comment">
|
|
<a href="http://{{comment[2]}}">{{comment[1]}}</a> <b>{{comment[4]|parsetime}}</b><br>
|
|
{{comment[3]}}
|
|
</div>
|
|
{% endfor %}
|
|
</body>
|
|
</html> |