Update AstroJS; sanitize HTML and markdown support in Guestbook form

1 files changed, 36 insertions, 0 deletions

diff --git a/src/styles/GuestbookForm.css b/src/styles/GuestbookForm.css
new file mode 100644
index 0000000..fa31429
--- /dev/null
+++ b/src/styles/GuestbookForm.css
@@ -0,0 +1,36 @@
+.card form {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.card form input,
+.card form textarea {
+    padding: 10px;
+    border-radius: 5px;
+    background: #2c2c2c;
+    color: #FFFFFF;
+    border: 1px solid #4b4b4b;
+}
+
+.card form textarea[name="message"] {
+    height: 200px;
+}
+
+.card form button {
+    padding: 10px;
+    border-radius: 5px;
+    border: none;
+    background-color: #609460;
+    color: white;
+    cursor: pointer;
+}
+
+.card form button:hover {
+    background-color: #486e48;
+    transition: ease-in-out 0.2s;
+}
+
+.card form label {
+    display: block;
+}