From 4f63ca735e2e8ad8c8f6fbadf9f70e10cd800ba9 Mon Sep 17 00:00:00 2001
From: Chinmay-Vadgama <74cdv97@gmail.com>
Date: Tue, 18 Aug 2020 05:04:15 -0700
Subject: [PATCH] Welcome Message Issue Fix and UI Change

---
 src/components/GetInvolved/GetInvolved.js | 2 +-
 src/components/Header/Header.js           | 3 +++
 src/components/Header/NavBar.js           | 7 ++++---
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/GetInvolved/GetInvolved.js b/src/components/GetInvolved/GetInvolved.js
index 0f229c2..fad963f 100644
--- a/src/components/GetInvolved/GetInvolved.js
+++ b/src/components/GetInvolved/GetInvolved.js
@@ -14,7 +14,7 @@ export default class GetInvolved extends Component {
 		const [ rules, user, slack ] = await Promise.all([ ruleRes.json(), userRes.json(), slackRes.json() ]);
 
 		const ruleSorted = rules.sort((a, b) => a.order - b.order);
-		this.setState({ rules: ruleSorted, numberOfUsers: user.members.length - 8, slack: slack[0].slack });
+		//this.setState({ rules: ruleSorted, numberOfUsers: user.members.length - 8, slack: slack[0].slack });
 	}
 
 	renderRules = () => {
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
index 330dffc..d68a289 100644
--- a/src/components/Header/Header.js
+++ b/src/components/Header/Header.js
@@ -37,6 +37,9 @@ export default class Header extends Component {
 							</div>
 						))}
 					</Carousel>
+					<div style={{ position: 'absolute', height:'60px', color:'white',opacity:0.9, backgroundColor: '#000000'}}>
+						<p>We are ML@SJSU, a Recognized Student Organization at San Jose State University! Our community provides an interactive, hands-on environment to support growth in artificial intelligence and machine learning. Come join us on Fridays from 4-6pm in MacQuarrie Hall 226. All are welcome!</p>
+					</div>
 				</header>
 			);
 		}
diff --git a/src/components/Header/NavBar.js b/src/components/Header/NavBar.js
index a9f0162..c140b24 100644
--- a/src/components/Header/NavBar.js
+++ b/src/components/Header/NavBar.js
@@ -5,14 +5,14 @@ import logo from './logo.svg';
 const NavBar = () => {
 	return (
 		<div>
-			<div className="top-header" style={{ position: 'absolute', top: 0 }}>
+			<div className="top-header" style={{ position: 'absolute', top: 0 , background:"#000000", opacity:0.6, height:'120px'}}>
 				<div className="container">
 					<div className="row">
-						<div id="logo" className="col-sm-4 col-xs-8" style={{ marginTop: 20 }}>
+						<div id="logo" className="col-sm-4 col-xs-8" style={{ marginTop: 10}}>
 							<img src={logo} alt="logo" height="66" />
 						</div>
 						<div id="mynav" className="col-sm-8 col-xs-4">
-							<nav className="header-navigation">
+							<nav className="header-navigation" >
 								<ul id="menu-illdy-main" className="clearfix">
 									<li
 										id="menu-item-16"
@@ -58,6 +58,7 @@ const NavBar = () => {
 						</div>
 					</div>
 				</div>
+				
 			</div>
 			<nav className="responsive-menu">
 				<ul>