Merge pull request #38 from PseudoDopamine:Release-3.5.0

Release v3.5

index.html

@@ -16,7 +16,7 @@
 		<meta name="theme-color" content="#069DDF" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<meta property="og:description" content="Where Dopamine fails, friends will thrive." />
-		<meta property="og:image" content="https://TPDC.club/res/assets/img/Avatar.gif" />
+		<meta property="og:image" content="https://TPDC.club/res/assets/img/logos/Avatar.gif" />
 		<meta property="og:image:alt" content="TPDC avatar logo (Animated)">
 		<meta property="og:title" content="The Pseudo Dopamine Centre" />
 		<meta property="og:type" content="website" />
@@ -61,24 +61,6 @@ <h1>TPDC</h1>
 		<!-- Header -->
 		<header class="flex">
 			<h1>Where Dopamine fails, friends will thrive.</h1>
-			<hr />
-			<div class="call-to-action">
-				<p>
-					<strong>The Final Three Productions - The Rogue Summit 5</strong>
-					<br />
-					A 2-day charity event raising money for <a href="https://www.PCRF.net" target="_blank" rel="noopener noreferrer">Palestine Children's Relief Fund</a>.
-				</p>
-				<nav aria-label="Call-to-action menu">
-					<ul>
-						<li>
-							<a href="https://Tiltify.com/@ayaan-ahmed/the-rogue-summit-5" target="_blank" rel="noopener noreferrer" class="button">Donate!</a>
-						</li>
-						<li>
-							<a href="https://www.Twitch.tv/AsuraFGC" target="_blank" rel="noopener noreferrer" class="button">Watch now!</a>
-						</li>
-					</ul>
-				</nav>
-			</div>
 		</header>
 
 		<!-- Main content -->
@@ -156,7 +138,7 @@ <h4 class="title">SweetBoy</h4>
 						<article class="card">
 							<h4 class="title">Sylviaire</h4>
 							<p>Leah van Zyl</p>
-							<p class="role">Head of Community Engagement</p>
+							<p class="role">Community Director</p>
 							<nav aria-label="Card menu">
 								<ul>
 									<li>
@@ -180,7 +162,7 @@ <h4 class="title">Sylviaire</h4>
 						<article class="card">
 							<h4 class="title">Bghuo</h4>
 							<p>于享琦 (Yú Xiǎngqí)</p>
-							<p class="role">Head of Content & Partnerships</p>
+							<p class="role">Content Director</p>
 							<nav aria-label="Card menu">
 								<ul>
 									<li>
@@ -202,8 +184,8 @@ <h3>Partners</h3>
 					<div class="grid">
 						<article class="card">
 							<h4 class="title">Asura</h4>
-							<p>Ayaan "Red" Ahmed</p>
-							<p class="role">Caster / Content creator</p>
+							<p>Syed Ayaan "Red" Ahmed</p>
+							<p class="role">Projects & Strategy</p>
 							<nav aria-label="Card menu">
 								<ul>
 									<li>
@@ -231,7 +213,7 @@ <h4 class="title">Asura</h4>
 						<article class="card">
 							<h4 class="title">Mk_Elmnt</h4>
 							<p>Michael Anderson</p>
-							<p class="role">Content creator</p>
+							<p class="role">Content Creation</p>
 							<nav aria-label="Card menu">
 								<ul>
 									<li>
@@ -254,7 +236,7 @@ <h4 class="title">Mk_Elmnt</h4>
 						<article class="card">
 							<h4 class="title">reepR</h4>
 							<p>Cory Annis</p>
-							<p class="role">Content creator</p>
+							<p class="role">Content Creation</p>
 							<nav aria-label="Card menu">
 								<ul>
 									<li>
@@ -282,7 +264,7 @@ <h4 class="title">reepR</h4>
 						<article class="card">
 							<h4 class="title">Creative Shambles</h4>
 							<p>Natasha Carter</p>
-							<p class="role">Artist / Brand designer</p>
+							<p class="role">Projects & Strategy</p>
 							<nav aria-label="Card menu">
 								<ul>
 									<li>

res/css/style.css

@@ -254,7 +254,7 @@ nav.bar li:not(.logo)>a:hover {
 
 /* Header */
 header {
-	background: center / cover no-repeat url("../assets/img/Banner\ \(RS5\).gif");
+	background: center / cover no-repeat url("../assets/img/logos/Banner\ \(No\ text\).png");
 	flex-direction: column;
 	height: 100vh;
 	justify-content: center !important;
@@ -267,7 +267,7 @@ header::before {
 	background-color: var(--night-black);
 	content: "";
 	height: 100%;
-	opacity: .9;
+	opacity: .5;
 	position: absolute;
 	width: 100%;
 }
@@ -311,9 +311,13 @@ section:nth-child(even) {
 	text-decoration: underline;
 }
 
+#join {
+	background: fixed center / cover no-repeat url("../assets/img/backgrounds/Banner.png");
+}
+
 #join iframe {
 	border: none;
-	height: 500px;
+	height: 25rem;
 	width: 100%;
 }