Merge pull request #317 from luciankt/feedback-banner

Add feedback banner to home page

Author: ljones315

src/css/App.css

@@ -44,6 +44,31 @@
 	cursor: pointer;
 }
 
+.banner-container {
+	justify-content: center;
+	display: flex;
+}
+
+.banner {
+	background-color: rgb(255, 128, 128);
+	padding: 20px 40px 10px 40px;
+	border-radius: 0px 0px 15px 15px;
+	filter: drop-shadow(3px 3px 3px);
+	font-size: x-large;
+	animation: banner-ease ease-in-out 2.0s forwards;
+	text-align: center;
+	cursor: default;
+}
+
+@keyframes banner-ease {
+    from {
+        transform: translateY(-7vw);
+    }
+    to {
+        transform: translateY(-25px);
+    }
+}
+
 .rotate-effect {
 	transition: transform 1.5s ease;
 }
@@ -144,9 +169,9 @@ body {
 	font-weight: 100;
 }
 
-.content a {
+/* .content a {
 	cursor: default;
-}
+} */
 
 .about a,
 .four-o-four a {

src/screens/HomeScreen.js

@@ -13,6 +13,13 @@ const HomeScreen = ({ theme, toggleTheme }) => (
 		<div className="content">
 			<Switch>
 				<Route exact path="/">
+					<div className="banner-container">
+						<div className="banner">
+							<span role="img" aria-label="nerd">🤓</span>
+							<span> Studying for the final? </span>
+							<a href="https://forms.gle/j9iMhFi8drjf2PU86" target="_blank" rel="noreferrer">Tell us how we can improve!</a>
+						</div>
+					</div>
 					<div className="outer-flex">
 						<div className="inner-flex">
 							{algoList.map((name, idx) =>