Improve styling of banner

dotkom · Jul 27, 2024 · cd48cfd · cd48cfd
1 parent 991c4a5
commit cd48cfd
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/src/frontpage/index.tsx b/src/frontpage/index.tsx
@@ -13,11 +13,19 @@ interface FrontpageProps {
 const Frontpage: FC<FrontpageProps> = ({ offlines }) => (
 	<>
 		<AprilFoolsCaptcha />
-		<div>
-			<h3>Fadderukene!</h3>
-			<p>
+		<div style="background-color: #f0f0f0; padding: 20px; border-radius: 8px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
+			<h3 style="font-size: 2rem; margin-bottom: 10px; color: #333;">
+				Fadderukene!
+			</h3>
+			<p style="font-size: 1.1rem; margin-bottom: 15px;">
 				Nytt semester betyr nye fadderuker!
-				<a href="https://splash.online.ntnu.no/">Gå til programmet</a>
+				<br />
+				<a
+					href="https://splash.online.ntnu.no/"
+					style="display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; transition: background-color 0.3s; margin-top: 10px;"
+				>
+					Gå til programmet
+				</a>
 			</p>
 		</div>
 		<EventsContainer />