feat: banner image for social media share

index.html

@@ -12,6 +12,16 @@
 		<link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml" />
 		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
 		<meta name="theme-color" content="#FC8500" />
+		<meta property="og:title" content="MyTimetable" />
+		<meta property="og:url" content="https://mytimetable.csclub.org.au/" />
+		<meta property="og:image" content="/banner.png" />
+		<meta property="og:image:type" content="image/png" />
+		<meta property="og:image:width" content="1200" />
+		<meta property="og:image:height" content="630" />
+		<meta
+			property="og:image:alt"
+			content="A banner image featuring the logo and title, with a laptop displaying a preview of a weekly class schedule."
+		/>
 		<script
 			defer
 			src="https://umami.csclub.org.au/script.js"