mobile compatibility + more quotes

Author: Charmunks

src/lib/components/Person.svelte

@@ -94,4 +94,12 @@
 		color: #a6adc8;
 		line-height: 1.5;
 	}
+
+	@media (max-width: 768px) {
+		.person-card {
+			width: 100%;
+			margin: 0.5rem 0;
+			transform: none;
+		}
+	}
 </style>

src/lib/components/PrideSwirl.svelte

@@ -5,13 +5,17 @@
 
 	const quotes = [
 		"You're telling me a queer coded this?",
-		"Made with love (and with pride)",
-		"Trangender for everyone",
-		"Happy New Year!",
-		"The A is for Asexual",
-		"Trans rights or I bites",
+		"Made with love (and with pride).",
+		"Trangender for everyone.",
+		"Happy New Years!",
+		"The A is for Asexual.",
+		"Trans rights or I bites.",
 		"You are perfect.",
-		"Every month is pride month"
+		"Every month is pride month.",
+		"Being gay is natural. Being homophobic is not.",
+		"We're here, We're queer, deal with it.",
+		"Trans women are women.",
+		"Trans men are men."
 	];
 
 	let quoteIndex = Math.floor(Math.random() * quotes.length);

src/lib/components/Project.svelte

@@ -80,4 +80,11 @@
 		line-height: 1.5;
 	}
 
+	@media (max-width: 768px) {
+		.project-card {
+			width: 100%;
+			margin: 0.5rem 0;
+			transform: none;
+		}
+	}
 </style>

src/lib/components/ProjectComingSoon.svelte

@@ -88,4 +88,12 @@
 		color: #6c7086;
 		line-height: 1.5;
 	}
+
+	@media (max-width: 768px) {
+		.project-card {
+			width: 100%;
+			margin: 0.5rem 0;
+			transform: none;
+		}
+	}
 </style>

src/lib/content/home.svx

@@ -6,7 +6,7 @@
 
 # The Queer Web
 
-Hi! The Queer Web is an initative to bring free services to queer folks on the web. We currently offer free secure file hosting and sharing, with plans to expand to more services such as hosting in the near future.
+Hi! The Queer Web is an initative to bring free services to queer folks on the web. We currently offer free secure file storage and sharing, with plans to expand to more services such as hosting and email in the near future.
 
 We support the open web and think everyone deserves freedom on the internet, even queer people. We are fiscally transparent and completely open source
 

src/routes/+page.svelte

@@ -44,4 +44,15 @@
 		min-height: 100vh;
 		background-color: #1e1e2e;
 	}
+
+	@media (max-width: 768px) {
+		.pride-panel {
+			display: none;
+		}
+
+		.content {
+			width: 100%;
+			margin-left: 0;
+		}
+	}
 </style>