Add tab for Graphics (#127)

client/src/app/views/recruitment/Graphics.js

@@ -0,0 +1,42 @@
+import graphicsLogo from "assets/icons/graphics-logo.svg";
+
+function Graphics() {
+	return (
+		<>
+			<img src={graphicsLogo} alt="Graphics logo" />
+			<h3>Graphics</h3>
+			<p>
+				As a graphic designer, you will be responsible for creating graphics
+				that represent our organization and events for various platforms, such
+				as Facebook or Instagram. Designers also shape the theme and aesthetic
+				for ZotHacks and IrvineHacks. Each design will follow general guidelines
+				and have to be submitted for review before given deadlines. You must be
+				detail-oriented and have proficient knowledge in visual design, color
+				theory, and typography. You will also be working closely with the web
+				development team, so experience with HTML and CSS is a plus, but not
+				required.
+			</p>
+			<p>
+				<strong>Key Qualifications</strong>
+			</p>
+			<ul>
+				<li>Proficiency in graphic design</li>
+				<li>
+					Experience using a raster graphics editor (ex. Adobe Photoshop, Fire
+					Alpaca, etc.)
+				</li>
+				<li>Creative and critical thinking abilities</li>
+				<li>
+					Experience using a vector graphics editor (ex. Adobe Illustrator,
+					Inkscape, etc.)
+				</li>
+				<li>
+					Willing to dedicate ~4 hours per week to Hack (meeting, content
+					creation, etc.)
+				</li>
+			</ul>
+		</>
+	);
+}
+
+export default Graphics;

client/src/app/views/recruitment/Marketing.js

@@ -5,61 +5,26 @@ function Marketing() {
 		<>
 			<img src={marketingLogo} alt="Marketing logo" />
 			<h3>Marketing</h3>
-			<div style={{ marginBottom: "3rem" }}>
-				<p>
-					<strong>General Marketing Organizer:</strong> As a marketing
-					organizer, your responsibilities vary from sending emails to making
-					posts on social media platforms in a witty and creative manner. This
-					role demands not only meeting strict deadlines but also excelling in
-					communication, as effective engagement with the public is the essence
-					of marketing.
-				</p>
-				<p>
-					<strong>Key Qualifications</strong>
-				</p>
-				<ul>
-					<li>Exceptional communication and writing skills</li>
-					<li>
-						Experience with email and social media marketing campaigns
-						(Instagram, Discord, MailChimp)
-					</li>
-					<li>Creative and critical thinking abilities</li>
-					<li>Drive to work in a fast-paced cross-functional team</li>
-					<li>Photography and videography skills preferred</li>
-				</ul>
-			</div>
-			<div style={{ marginBottom: "3rem" }}>
-				<p>
-					<strong>Graphic Designer:</strong> As a graphic designer, you will be
-					responsible for creating graphics that represent our organization and
-					events for various platforms, such as Facebook or Instagram. Designers
-					also shape the theme and aesthetic for ZotHacks and IrvineHacks. Each
-					design will follow general guidelines and have to be submitted for
-					review before given deadlines. You must be detail-oriented and have
-					proficient knowledge in visual design, color theory, and typography.
-					You will also be working closely with the web development team, so
-					experience with HTML and CSS is a plus, but not required.
-				</p>
-				<p>
-					<strong>Key Qualifications</strong>
-				</p>
-				<ul>
-					<li>Proficiency in graphic design</li>
-					<li>
-						Experience using a raster graphics editor (ex. Adobe Photoshop, Fire
-						Alpaca, etc.)
-					</li>
-					<li>Creative and critical thinking abilities</li>
-					<li>
-						Experience using a vector graphics editor (ex. Adobe Illustrator,
-						Inkscape, etc.)
-					</li>
-					<li>
-						Willing to dedicate ~4 hours per week to Hack (meeting, content
-						creation, etc.)
-					</li>
-				</ul>
-			</div>
+			<p>
+				As a marketing organizer, your responsibilities vary from sending emails
+				to making posts on social media platforms in a witty and creative
+				manner. This role demands not only meeting strict deadlines but also
+				excelling in communication, as effective engagement with the public is
+				the essence of marketing.
+			</p>
+			<p>
+				<strong>Key Qualifications</strong>
+			</p>
+			<ul>
+				<li>Exceptional communication and writing skills</li>
+				<li>
+					Experience with email and social media marketing campaigns (Instagram,
+					Discord, MailChimp)
+				</li>
+				<li>Creative and critical thinking abilities</li>
+				<li>Drive to work in a fast-paced cross-functional team</li>
+				<li>Photography and videography skills preferred</li>
+			</ul>
 		</>
 	);
 }

client/src/app/views/recruitment/Recruitment.js

@@ -7,6 +7,7 @@ import Tab from "react-bootstrap/Tab";
 import Corporate from "./Corporate";
 import Logistics from "./Logistics";
 import Marketing from "./Marketing";
+import Graphics from "./Graphics";
 import Tech from "./Tech";
 import lightBulb from "assets/icons/light_bulb.svg";
 import searchIcon from "assets/icons/search_icon.svg";
@@ -17,6 +18,7 @@ const COMMITTEES = {
 	Corporate: <Corporate />,
 	Logistics: <Logistics />,
 	Marketing: <Marketing />,
+	Graphics: <Graphics />,
 	Technology: <Tech />,
 };