From 00d8f7a874a3141178f6340a4f6cdb5f7698c22e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timoth=C3=A9e=20Floure?= <timothee.floure@posteo.net>
Date: Wed, 3 Feb 2021 15:02:15 +0100
Subject: [PATCH] Minor UI fixes to services page, contact form wiring to meta

---
 assets/css/main.css |  7 +++----
 contact.part        |  8 ++++----
 services.part       | 18 +++++++++---------
 3 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 0337ebc..e473030 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,4 +1,4 @@
-/* FIXME: this file needs some cleanup */
+/* FIXME: this file is a mess and needs some cleanup */
 
 body {
 	width: 900px;
@@ -44,7 +44,6 @@ a {
  color: #000;
  text-decoration: underline;
 }
-
 a:hover {
 	color: #000;
 	text-decoration: none;
@@ -93,10 +92,10 @@ h2 .service-logo {
 }
 
 .service-description {
-	height: 100px;
+	min-height: 100px;
 }
 .service-description-large {
-	height: 200px;
+	min-height: 200px;
 }
 
 #section-hero {
diff --git a/contact.part b/contact.part
index 64aca20..8b5a01b 100644
--- a/contact.part
+++ b/contact.part
@@ -19,12 +19,12 @@
 		</div>
 		<div class="col contact-rightpane">
 			<h2>Send a message</h2>
-			<form action="https://meta.recycled.cloud/support">
-				<input type="text" name="name" placeholder="Name">
+			<form method="post" action="https://meta.recycled.cloud/support/new">
+				<input type="text" name="support_request[name]" placeholder="Name">
 				<br />
-				<input type="email" name="email" placeholder="Email">
+				<input type="email" name="support_request[email]" placeholder="Email">
 				<br />
-				<textarea name="content" placeholder="Your Message"></textarea>
+				<textarea name="support_request[message]" placeholder="Your Message"></textarea>
 				<br />
 				<input type="submit" class="btn btn-green" value="Send">
 			</form>
diff --git a/services.part b/services.part
index ad96b65..84eadbe 100644
--- a/services.part
+++ b/services.part
@@ -9,8 +9,8 @@
 	</h2>
 	<hr />
 
-	<div class="row center bottom-20">
-		<div class="col">
+	<div class="row justify-content-md-center center bottom-20">
+		<div class="col-4">
 			<h3>Static Website</h3>
 
 			<p class="service-description-large">
@@ -21,7 +21,7 @@
 
 				<a href="contact.html" class="btn btn-bold btn-green">Contact us</a>
 		</div>
-		<div class="col">
+		<div class="col-4">
 			<h3>Wordpress Website</h3>
 
 			<p class="service-description-large">
@@ -32,7 +32,7 @@
 
 			<a href="contact.html" class="btn btn-bold btn-green">Contact us</a>
 		</div>
-		<div class="col">
+		<div class="col-4">
 			<h3>Generic PHP</h3>
 
 			<p class="service-description-large">
@@ -50,8 +50,8 @@
 	</h2>
 	<hr />
 
-	<div class="row center bottom-20">
-		<div class="col">
+	<div class="row justify-content-md-center center bottom-20">
+		<div class="col-4">
 			<h3>Borg Backups</h3>
 
 			<p class="service-description">
@@ -61,7 +61,7 @@
 
 			<a href="contact.html" class="btn btn-bold btn-green">Contact us</a>
 		</div>
-		<div class="col">
+		<div class="col-4">
 			<h3>File Sharing</h3>
 
 			<p class="service-description">Nextcloud-based file sharing and syncing.</p>
@@ -76,8 +76,8 @@
 	</h2>
 	<hr />
 
-	<div class="row center bottom-20">
-		<div class="col">
+	<div class="row justify-content-md-center center bottom-20">
+		<div class="col-4">
 			<h3>KVM Virtual Machine</h3>
 
 			<p class="service-description">