Merge pull request #45 from PseudoDopamine:Release-3.11.0

Release v3.11.0

Author: SweetBoy13735

index.html

@@ -76,7 +76,7 @@ <h2>About us</h2>
 					<p>During the 2020 pandemic, we wanted an opportunity that allowed us to come together and create something amazing, whilst also benefitting the wider world around us. With this in mind, we campaigned <a href="https://Tiltify.com/+the-pseudo-dopamine-centre/chill19" target="_blank" rel="noopener noreferrer">CHILL-19</a> - a 19+ hour charity stream with proceeds towards COVID-19 relief.</p>
 					<p>As time went on and the member list grew, our ethos stayed and remains with us to this day: Empowering our members to continuously create exciting experiences together, whether it be through work, hobbies or play.</p>
 					<h3>Staff</h3>
-					<div class="grid">
+					<div class="flex">
 						<article class="card">
 							<h4 class="title">Ary_Yakos</h4>
 							<p>Amritesh Panda</p>
@@ -159,37 +159,18 @@ <h4 class="title">Sylviaire</h4>
 								</ul>
 							</nav>
 						</article>
-						<article class="card">
-							<h4 class="title">Bghuo</h4>
-							<p>于享琦 (Yú Xiǎngqí)</p>
-							<p class="role">Content Director</p>
-							<nav aria-label="Card menu">
-								<ul>
-									<li>
-										<a href="mailto:NeonGaming1408@gmail.com" title="Send Bghuo an E-Mail!">
-											<i class="fa-solid fa-at"></i>
-										</a>
-									</li>
-									<li>
-										<a href="https://Twitter.com/BghuoYT" target="_blank" rel="noopener noreferrer" title="Follow Bghuo on Twitter!">
-											<i class="fa-brands fa-twitter"></i>
-										</a>
-									</li>
-								</ul>
-							</nav>
-						</article>
 					</div>
 					<hr />
 					<h3>Partners</h3>
-					<div class="grid">
+					<div class="flex">
 						<article class="card">
 							<h4 class="title">Asura</h4>
 							<p>Syed Ayaan "Red" Ahmed</p>
 							<p class="role">Projects & Strategy</p>
 							<nav aria-label="Card menu">
 								<ul>
 									<li>
-										<a href="https://www.Twitch.tv/AsuraFGC" target="_blank" rel="noopener noreferrer" title="Follow Asura on Twitch!">
+										<a href="https://www.Twitch.tv/Asura_DX" target="_blank" rel="noopener noreferrer" title="Follow Asura on Twitch!">
 											<i class="fa-brands fa-twitch"></i>
 										</a>
 									</li>
@@ -199,7 +180,7 @@ <h4 class="title">Asura</h4>
 										</a>
 									</li>
 									<li>
-										<a href="https://Twitter.com/AsuraFGC" target="_blank" rel="noopener noreferrer" title="Follow Asura on Twitter!"><i class="fa-brands fa-twitter"></i>
+										<a href="https://Twitter.com/AsuraDX" target="_blank" rel="noopener noreferrer" title="Follow Asura on Twitter!"><i class="fa-brands fa-twitter"></i>
 										</a>
 									</li>
 									<li>

res/css/style.css

@@ -307,6 +307,19 @@ section:nth-child(even) {
 	color: var(--eerie-black);
 }
 
+#about .flex {
+	align-items: flex-start;
+	flex-wrap: wrap;
+	justify-content: space-evenly;
+}
+
+#about .card {
+	margin-bottom: 1.25rem;
+	max-width: 500px;
+	min-width: 275px;
+	width: 100%;
+}
+
 #rules ::marker {
 	color: var(--honolulu-blue);
 }