From 9521960c2e60327638a85688db641ad4d58999a8 Mon Sep 17 00:00:00 2001
From: Dylan Miller <dylanjaws185323@gmail.com>
Date: Wed, 1 Nov 2023 18:18:39 -0500
Subject: [PATCH 1/5] InfoSec Page

---
 src/App.js                        |  2 ++
 src/assets/gallery/aboutuspic.svg |  3 +++
 src/components/Navbar/Navbar.js   |  1 +
 src/pages/About/About.js          |  4 +--
 src/pages/InfoSec/InfoSec.css     |  0
 src/pages/InfoSec/InfoSec.js      | 42 +++++++++++++++++++++++++++++++
 src/pages/Tutoring/Tutoring.js    |  9 +++++--
 7 files changed, 57 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/gallery/aboutuspic.svg
 create mode 100644 src/pages/InfoSec/InfoSec.css
 create mode 100644 src/pages/InfoSec/InfoSec.js

diff --git a/src/App.js b/src/App.js
index d5614424..d79686b7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -19,6 +19,7 @@ const Hackathon = lazy(() => import('./pages/Hackathon/Hackathon'));
 const Privacy = lazy(() => import('./pages/Policy/Privacy'));
 const Gallery = lazy(() => import('./pages/Gallery/Gallery'));
 const GalleryEvent = lazy(() => import('./pages/Gallery/GalleryEvent'));
+const InfoSec = lazy(() => import('./pages/InfoSec/InfoSec'));
 
 const queryClient = new QueryClient();
 
@@ -43,6 +44,7 @@ const App = () => {
 						<Route path='/gallery/:event' element={<GalleryEvent />} />
 						<Route path='/404' element={<NotFound />} />
 						<Route path='*' element={<FourOFour />} />
+						<Route path='/InfoSec' element={<InfoSec />} />
 					</Routes>
 					<Footer />
 				</Suspense>
diff --git a/src/assets/gallery/aboutuspic.svg b/src/assets/gallery/aboutuspic.svg
new file mode 100644
index 00000000..a524b57f
--- /dev/null
+++ b/src/assets/gallery/aboutuspic.svg
@@ -0,0 +1,3 @@
+<svg width="400" height="458" viewBox="0 0 400 458" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6667 0H59.0909L136.364 74.2424H143.939V69.697H256.061V74.2424H262.121L340.909 0H381.818L400 24.2424V92.4242L371.212 153.03V201.515L359.091 225.758V281.818L301.515 365.152V393.939L251.515 433.333L234.848 457.576H165.152L148.485 433.333L98.4848 393.939V365.152L40.9091 281.818V225.758L28.7879 201.515V153.03L0 92.4242V24.2424L16.6667 0ZM248.485 287.879V221.212L289.394 193.939L316.667 215.152V239.394L248.485 287.879ZM110.606 193.939L83.3333 215.152V239.394L151.515 287.879V221.212L110.606 193.939ZM192.424 395.455L162.121 369.697H237.879L207.576 395.455V415.152H192.424V395.455Z" fill="#C80F2E"/>
+</svg>
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
index e31caeb8..3b708fce 100644
--- a/src/components/Navbar/Navbar.js
+++ b/src/components/Navbar/Navbar.js
@@ -37,6 +37,7 @@ const NavBar = () => {
 					{/* when hackathon will return to active it again no need to delete */}
 					{/* <ActiveListItem url='/hackathons' name='Hackathons' /> */}
 					<ActiveListItem url='/contactus' name='Contact Us' />
+					<ActiveListItem url='/InfoSec' name='InfoSec' />
 					<Nav.Link href='https://uhcode.red/' target='_blank' rel='noreferrer'>
 						CodeRED <i className='fas fa-external-link-alt'></i>
 					</Nav.Link>
diff --git a/src/pages/About/About.js b/src/pages/About/About.js
index 449d4181..f7155820 100644
--- a/src/pages/About/About.js
+++ b/src/pages/About/About.js
@@ -1,6 +1,6 @@
 import React, { lazy, Suspense } from 'react';
 import { Col, Container, Row } from 'react-bootstrap';
-import gif from '../../assets/about.svg';
+import aboutpic from '../../assets/gallery/aboutuspic.svg';
 import { officersFall2023 } from '../../data/officers';
 import cougarettesLogo from '../../assets/partner-logos/cougarettes.webp';
 import csgirlsLogo from '../../assets/partner-logos/csgirls.webp';
@@ -28,7 +28,7 @@ const About = () => {
 			<Container fluid className='contained hero hero-about'>
 				<Row>
 					<Col md='6' className='order-md-2'>
-						<img src={gif} alt='undraw svg' className='img-fluid'></img>
+						<img src={aboutpic} alt='undraw svg' className='img-fluid'></img>
 					</Col>
 					<Col md='6' className='order-md-0'>
 						<div className='about-us'>
diff --git a/src/pages/InfoSec/InfoSec.css b/src/pages/InfoSec/InfoSec.css
new file mode 100644
index 00000000..e69de29b
diff --git a/src/pages/InfoSec/InfoSec.js b/src/pages/InfoSec/InfoSec.js
new file mode 100644
index 00000000..ede7a07f
--- /dev/null
+++ b/src/pages/InfoSec/InfoSec.js
@@ -0,0 +1,42 @@
+import React from 'react';
+import { Col, Container, Row, Button } from 'react-bootstrap';
+import webgif from '../../assets/CougarCS_Banner.png';
+import { MetaData } from '../../components/Meta/MetaData';
+import './InfoSec.css';
+
+const meta = {
+	title: 'Info-Sec',
+	desc: 'Learn more about CougarCS Web-Dev',
+	url: 'https://cougarcs.com/web-dev',
+	img: 'https://i.ibb.co/NTLFrdj/cougarcs-background11.jpg',
+};
+const InfoSec = () => {
+	return (
+		<>
+			<MetaData {...meta} />
+			<Container fluid className='contained hero hero-web'>
+				<Row className='pb-5'>
+					<Col md='6' className='order-md-2'>
+						<img
+							src={webgif}
+							alt='banner svg'
+							className='img-fluid'
+							style={{ borderRadius: '10px' }}
+						></img>
+					</Col>
+					<Col md='6' className='order-md-0'>
+						<div className='about-us'>
+							<h1>InfoSec at CougarCS</h1>
+							<p className='lead-text'>
+								Information Security something maybe put team members below not
+								to sure what the vision is here
+							</p>
+						</div>
+					</Col>
+				</Row>
+			</Container>
+		</>
+	);
+};
+
+export default InfoSec;
diff --git a/src/pages/Tutoring/Tutoring.js b/src/pages/Tutoring/Tutoring.js
index 7e18b656..c0a147c5 100644
--- a/src/pages/Tutoring/Tutoring.js
+++ b/src/pages/Tutoring/Tutoring.js
@@ -1,7 +1,7 @@
 import axios from 'axios';
 import React from 'react';
 import { Col, Container, Row, Button } from 'react-bootstrap';
-import headerImage from '../../assets/tutoring.svg';
+import headerImage from '../../assets//gallery/linuxw1.webp';
 import discordIcon from '../../assets/icons/discord-icon.webp';
 import { MetaData } from '../../components/Meta/MetaData';
 import { useQuery, useQueryClient } from 'react-query';
@@ -57,7 +57,12 @@ const Tutoring = () => {
 			<Container fluid className='contained hero hero-tutoring'>
 				<Row className='pb-5'>
 					<Col md='6' className='order-md-2'>
-						<img src={headerImage} alt='undraw svg' className='img-fluid'></img>
+						<img
+							src={headerImage}
+							alt='Cougar Cs member tutoring'
+							className='img-fluid'
+							style={{ borderRadius: '10px' }}
+						></img>
 					</Col>
 					<Col md='6' className='order-md-0'>
 						<div className='about-us'>

From 289f5d2fc17564da1d7f5a7b63df7dbbcae0a930 Mon Sep 17 00:00:00 2001
From: Brodypen <brodypen7987@gmail.com>
Date: Wed, 1 Nov 2023 22:26:15 -0500
Subject: [PATCH 2/5] lint fix

---
 src/pages/InfoSec/InfoSec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/InfoSec/InfoSec.js b/src/pages/InfoSec/InfoSec.js
index ede7a07f..4c8e3719 100644
--- a/src/pages/InfoSec/InfoSec.js
+++ b/src/pages/InfoSec/InfoSec.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Col, Container, Row, Button } from 'react-bootstrap';
+import { Col, Container, Row } from 'react-bootstrap';
 import webgif from '../../assets/CougarCS_Banner.png';
 import { MetaData } from '../../components/Meta/MetaData';
 import './InfoSec.css';

From 2b37a3213eab4a1a6d9ecda21a95e692d42385b4 Mon Sep 17 00:00:00 2001
From: Dylan Miller <dylanjaws185323@gmail.com>
Date: Fri, 3 Nov 2023 14:12:40 -0500
Subject: [PATCH 3/5] revised infosec

---
 src/App.js                      |  4 +--
 src/components/Navbar/Navbar.js |  3 ++-
 src/pages/InfoSec/InfoSec.css   | 33 +++++++++++++++++++++++
 src/pages/InfoSec/InfoSec.js    | 46 +++++++++++++++++++++++++++++----
 4 files changed, 78 insertions(+), 8 deletions(-)

diff --git a/src/App.js b/src/App.js
index d79686b7..cd053aca 100644
--- a/src/App.js
+++ b/src/App.js
@@ -41,10 +41,10 @@ const App = () => {
 						<Route path='/privacy-policy' element={<Privacy />} />
 						<Route path='/gallery' element={<Gallery />} />
 						<Route path='/tutoring' element={<Tutoring />} />
+						<Route path='/InfoSec' element={<InfoSec />} />
 						<Route path='/gallery/:event' element={<GalleryEvent />} />
 						<Route path='/404' element={<NotFound />} />
-						<Route path='*' element={<FourOFour />} />
-						<Route path='/InfoSec' element={<InfoSec />} />
+						<Route path='*' element={<FourOFour />} />=
 					</Routes>
 					<Footer />
 				</Suspense>
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
index 3b708fce..564d4679 100644
--- a/src/components/Navbar/Navbar.js
+++ b/src/components/Navbar/Navbar.js
@@ -36,8 +36,9 @@ const NavBar = () => {
 					<ActiveListItem url='/tutoring' name='Tutoring' />
 					{/* when hackathon will return to active it again no need to delete */}
 					{/* <ActiveListItem url='/hackathons' name='Hackathons' /> */}
+					<ActiveListItem url='/infosec' name='InfoSec' />
 					<ActiveListItem url='/contactus' name='Contact Us' />
-					<ActiveListItem url='/InfoSec' name='InfoSec' />
+
 					<Nav.Link href='https://uhcode.red/' target='_blank' rel='noreferrer'>
 						CodeRED <i className='fas fa-external-link-alt'></i>
 					</Nav.Link>
diff --git a/src/pages/InfoSec/InfoSec.css b/src/pages/InfoSec/InfoSec.css
index e69de29b..ed264540 100644
--- a/src/pages/InfoSec/InfoSec.css
+++ b/src/pages/InfoSec/InfoSec.css
@@ -0,0 +1,33 @@
+.discord-button {
+	background-color: #7289da;
+	padding: 13px 25px;
+	display: flex;
+	align-items: center;
+	gap: 15px;
+	border: 0;
+	border-radius: 7px;
+	font-weight: 600;
+	outline: 0px;
+	box-shadow: none !important;
+}
+
+.discord-button:hover,
+.discord-button:active,
+.discord-button:focus {
+	background-color: #627ee2 !important;
+}
+
+.discord-button-wrapper small {
+	color: #777;
+	font-size: 11px;
+}
+
+
+.info-cta {
+	margin-top: 60px;
+}
+
+.info-cta p {
+	font-size: 18px;
+	margin-bottom: 30px;
+}
\ No newline at end of file
diff --git a/src/pages/InfoSec/InfoSec.js b/src/pages/InfoSec/InfoSec.js
index 4c8e3719..81b53aa2 100644
--- a/src/pages/InfoSec/InfoSec.js
+++ b/src/pages/InfoSec/InfoSec.js
@@ -1,13 +1,14 @@
 import React from 'react';
-import { Col, Container, Row } from 'react-bootstrap';
+import { Col, Container, Row, Button } from 'react-bootstrap';
 import webgif from '../../assets/CougarCS_Banner.png';
 import { MetaData } from '../../components/Meta/MetaData';
+import discordIcon from '../../assets/icons/discord-icon.webp';
 import './InfoSec.css';
 
 const meta = {
 	title: 'Info-Sec',
-	desc: 'Learn more about CougarCS Web-Dev',
-	url: 'https://cougarcs.com/web-dev',
+	desc: 'Learn more about CougarCS InfoSec',
+	url: 'https://cougarcs.com/infosec',
 	img: 'https://i.ibb.co/NTLFrdj/cougarcs-background11.jpg',
 };
 const InfoSec = () => {
@@ -28,13 +29,48 @@ const InfoSec = () => {
 						<div className='about-us'>
 							<h1>InfoSec at CougarCS</h1>
 							<p className='lead-text'>
-								Information Security something maybe put team members below not
-								to sure what the vision is here
+								Have you ever wanted to learn how to hack into computers or
+								phish someone through email ? Perhaps you’d like to learn about
+								best information security practices to protect yourself and
+								others? Or maybe you are down for competitive hacking in a
+								controlled environment against external clubs!
 							</p>
+							<div className='hero-ctas'>
+								<div className='discord-button-wrapper'>
+									<Button
+										className='discord-button'
+										href='https://discord.gg/wdxqgErhKF'
+										target='_blank'
+										rel='nofollow noopener'
+									>
+										<img src={discordIcon} alt='discord button logo' />
+										Join Discord
+									</Button>
+									<p>
+										<small>More Information is provided via Discord</small>
+									</p>
+								</div>
+							</div>
 						</div>
 					</Col>
 				</Row>
 			</Container>
+			<Container fluid className='contained sub-section'>
+				<h2 className='heading'>Interested in InfoSec at CougarCS?</h2>
+				<div className='info-cta text-center col-md-8 mx-auto'>
+					<p>
+						Develop Soft &amp; Technical Skills - Polish Resume - Pathway to UH
+						Peer Mentor Program - Earn Accredited Volunteer Hours - Free
+						CougarCS Membership - Earn CougarCS Member Points
+					</p>
+					<Button
+						className='ghost-button'
+						href='mailto:tutoring@cougarcs.com?subject=CougarCS Tutor Application'
+					>
+						Become a Hacker
+					</Button>
+				</div>
+			</Container>
 		</>
 	);
 };

From 8878ecab8869fd625b9764c9b4d07a8fcfc1026f Mon Sep 17 00:00:00 2001
From: Dylan Miller <dylanjaws185323@gmail.com>
Date: Fri, 3 Nov 2023 14:31:59 -0500
Subject: [PATCH 4/5] Revised InfoSec

---
 src/pages/InfoSec/InfoSec.css | 18 ++++++++++++++++++
 src/pages/InfoSec/InfoSec.js  |  6 +++---
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/pages/InfoSec/InfoSec.css b/src/pages/InfoSec/InfoSec.css
index ed264540..278ead4a 100644
--- a/src/pages/InfoSec/InfoSec.css
+++ b/src/pages/InfoSec/InfoSec.css
@@ -30,4 +30,22 @@
 .info-cta p {
 	font-size: 18px;
 	margin-bottom: 30px;
+}
+.ghost-button {
+	background-color: transparent;
+	border: 2px solid;
+	color: var(--color-on-labelAndHeaders);
+	padding: 13px 25px;
+	border-radius: 7px;
+	font-weight: 600;
+	outline: none;
+	box-shadow: none !important;
+}
+
+.ghost-button:hover,
+.ghost-button:active,
+.ghost-button:focus {
+	background-color: var(--color-on-labelAndHeaders) !important;
+	border-color: var(--color-on-labelAndHeaders) !important;
+	color: #fff !important;
 }
\ No newline at end of file
diff --git a/src/pages/InfoSec/InfoSec.js b/src/pages/InfoSec/InfoSec.js
index 81b53aa2..491b022a 100644
--- a/src/pages/InfoSec/InfoSec.js
+++ b/src/pages/InfoSec/InfoSec.js
@@ -59,9 +59,9 @@ const InfoSec = () => {
 				<h2 className='heading'>Interested in InfoSec at CougarCS?</h2>
 				<div className='info-cta text-center col-md-8 mx-auto'>
 					<p>
-						Develop Soft &amp; Technical Skills - Polish Resume - Pathway to UH
-						Peer Mentor Program - Earn Accredited Volunteer Hours - Free
-						CougarCS Membership - Earn CougarCS Member Points
+						Develop Soft &amp; Technical Skills - Learn Linux - Protect yourself
+						on the Internet - Partticapte in Security Challenenges - Earn
+						CougarCS Member Points
 					</p>
 					<Button
 						className='ghost-button'

From 113e79c1f97fab3d8bb588bfe836bf39a5254510 Mon Sep 17 00:00:00 2001
From: Dylan Miller <dylanjaws185323@gmail.com>
Date: Sun, 5 Nov 2023 19:34:40 -0600
Subject: [PATCH 5/5] InfoSec Update

---
 src/App.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index cd053aca..5571c7f1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -41,10 +41,10 @@ const App = () => {
 						<Route path='/privacy-policy' element={<Privacy />} />
 						<Route path='/gallery' element={<Gallery />} />
 						<Route path='/tutoring' element={<Tutoring />} />
-						<Route path='/InfoSec' element={<InfoSec />} />
+						<Route path='/infoSec' element={<InfoSec />} />
 						<Route path='/gallery/:event' element={<GalleryEvent />} />
 						<Route path='/404' element={<NotFound />} />
-						<Route path='*' element={<FourOFour />} />=
+						<Route path='*' element={<FourOFour />} />
 					</Routes>
 					<Footer />
 				</Suspense>