commit adbae5a04741d81234e8b39a5b33e2f76ef0eb20
parent cc572a502c0d9a2fedc1aff190ac9733be5a238e
Author: Shiimoe <SameulFrost@tuta.io>
Date: Sun, 13 Sep 2020 19:16:04 +0100
guestbook looks
Diffstat:
2 files changed, 32 insertions(+), 26 deletions(-)
diff --git a/style.css b/style.css
@@ -113,10 +113,12 @@ body {
}
.comment-input {
- width: 80%;
height: 5em;
+ margin: 0em 0em;
+ }
+ .input {
+ width: calc(100% - 1.2em)
}
-
#mascot {
height: 10em;
}
diff --git a/templates/guestbook.html b/templates/guestbook.html
@@ -3,6 +3,32 @@
<head>
<title>Shimo!!</title>
+ <style>
+ .name {
+ float: left;
+ }
+ .date {
+ float: right;
+ }
+ .comment-text {
+ clear: left;
+ }
+ .comments {
+ margin-top: 3em;
+ }
+ .comment-input {
+ width: 30%;
+ height: 8em;
+ margin: 0.5em 0em;
+ }
+ .input {
+ font-family: 'Lora', serif;
+ padding: 0.4em 0.6em;
+ font-size: 1em;
+ width: 30%;
+ }
+ </style>
+
<link rel='stylesheet' type='text/css' href="style.css"/>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -20,9 +46,9 @@
</div>
<form action="/postcomment" method="POST">
- <input class="name-input" name="name" placeholder="Your name" required>
+ <input class="name-input input" name="name" placeholder="Your name" required>
<br>
- <textarea class="comment-input" name="comment" placeholder="Your comment" required></textarea>
+ <textarea class="comment-input input" name="comment" placeholder="Your comment" required></textarea>
<br>
<input type="submit" value="Submit">
</form>
@@ -45,27 +71,5 @@
<img src="mascots/1.png" id="mascot"></img>
<script src="image.js"></script>
- <style>
- .name {
- float: left;
- }
- .date {
- float: right;
- }
- .comment-text {
- clear: left;
- }
- .comments {
- margin-top: 3em;
- }
- .comment-input {
- width: 30%;
- height: 8em;
- font-family: 'Lora', serif;
- }
- .name-input {
- font-family: 'Lora', serif;
- }
- </style>
</body>
</html>
