From 9f47546ac61c3b4cc0f0f63449ad2e1b36d85e8d Mon Sep 17 00:00:00 2001
From: Shivan Modha <shivanmodha@gmail.com>
Date: Sun, 16 Feb 2020 15:25:41 -0500
Subject: [PATCH] LINTTTT

---
 src/components/Landing/Sections/Home.jsx | 35 ++++++++++++------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/Landing/Sections/Home.jsx b/src/components/Landing/Sections/Home.jsx
index 1f5e0df66..18b270d95 100644
--- a/src/components/Landing/Sections/Home.jsx
+++ b/src/components/Landing/Sections/Home.jsx
@@ -34,73 +34,73 @@ class Home extends Component {
                                         <img
                                             alt="background"
                                             src={"./assets/background/target_green.svg"}
-                                            height={window.innerHeight / 2} /> 
+                                            height={window.innerHeight / 2} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", bottom: -(window.innerHeight / 3) - movement, left: -100, userSelect: "none", pointerEvents: "none", zIndex: 10 }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/target_yellow.svg"}
-                                            height={window.innerHeight / 2} /> 
+                                            height={window.innerHeight / 2} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", top: (window.innerHeight / 2) - (window.innerHeight / 8), right: movement, userSelect: "none", pointerEvents: "none", zIndex: 10 }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/shape_white.svg"}
-                                            height={window.innerHeight / 4} /> 
+                                            height={window.innerHeight / 4} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", top: (window.innerHeight / 8) + (movement / 2), right: -100 - movement, userSelect: "none", pointerEvents: "none", zIndex: 10 }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/cross_yellow.svg"}
-                                            height={window.innerHeight / 3} /> 
+                                            height={window.innerHeight / 3} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", bottom: (window.innerHeight / 8) + movement, left: window.innerWidth / 4, userSelect: "none", pointerEvents: "none", zIndex: 10, transform: "rotate(30deg)" }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/cross_white.svg"}
-                                            height={window.innerHeight / 10} /> 
+                                            height={window.innerHeight / 10} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", bottom: -(window.innerHeight / 5), right: window.innerWidth / 7 - movement, userSelect: "none", pointerEvents: "none", zIndex: 10, transform: "rotate(" + movement + "deg)" }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/circle-dotted_yellow.svg"}
-                                            height={window.innerHeight / 3} /> 
+                                            height={window.innerHeight / 3} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", top: -(window.innerHeight / 5) - movement, right: window.innerWidth / 7, userSelect: "none", pointerEvents: "none", zIndex: 10, transform: "rotate(30deg)" }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/circle_green.svg"}
-                                            height={window.innerHeight / 3} /> 
+                                            height={window.innerHeight / 3} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", top: -(window.innerHeight / 4), right: window.innerWidth / 3 + movement, userSelect: "none", pointerEvents: "none", zIndex: 10, transform: "rotate(30deg)" }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/circle-dotted_white.svg"}
-                                            height={window.innerHeight / 2} /> 
+                                            height={window.innerHeight / 2} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", top: (window.innerHeight / 20) + movement, left: window.innerWidth / 10 + movement, userSelect: "none", pointerEvents: "none", zIndex: 10, transform: "rotate(30deg)" }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/target_yellow.svg"}
-                                            height={window.innerHeight / 3} /> 
+                                            height={window.innerHeight / 3} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", top: (window.innerHeight / 2) - (window.innerHeight / 6), left: -(window.innerHeight / 6), userSelect: "none", pointerEvents: "none", zIndex: 10, transform: "rotate(30deg)" }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/target_white.svg"}
-                                            height={window.innerHeight / 3} /> 
+                                            height={window.innerHeight / 3} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", bottom: (window.innerHeight / 4), left: window.innerWidth / 7 - (movement / 10), userSelect: "none", pointerEvents: "none", zIndex: 10 }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/cross_green.svg"}
-                                            height={window.innerHeight / 10} /> 
+                                            height={window.innerHeight / 10} />
                                     </div>
                                     <div style={{ opacity, position: "absolute", bottom: (window.innerHeight / 5) - movement, left: -(window.innerHeight / 6), userSelect: "none", pointerEvents: "none", zIndex: 10 }}>
                                         <img
                                             alt="background"
                                             src={"./assets/background/square-dotted_white.svg"}
-                                            height={window.innerHeight / 3} /> 
+                                            height={window.innerHeight / 3} />
                                     </div>
                                 </div></div>
                         }
@@ -176,9 +176,10 @@ class Home extends Component {
                                 }
                             </Motion>
                         </Col>
-                        <div style={{ position: "absolute", bottom: 10, left: 10, right: 10, margin: "0 auto"}}> 
-                            { defaults.volunteers.display && <div>
-                                Want to help? Sign up to <a href={defaults.volunteers.vol_url}>volunteer</a> or <a href={defaults.volunteers.mentor_url}>mentor</a>!
+                        <div style={{ position: "absolute", bottom: 10, left: 10, right: 10, margin: "0 auto" }}>
+                            {defaults.volunteers.display &&
+                                <div>
+                                    Want to help? Sign up to <a href={defaults.volunteers.vol_url}>volunteer</a> or <a href={defaults.volunteers.mentor_url}>mentor</a>!
                                 </div>
                             }
                             <Button href="#about"
@@ -269,8 +270,8 @@ class Home extends Component {
                                 }
                             </Motion>
                             {/* {navContainer} */}
-                            { defaults.volunteers.display && <div>
-                                    Want to help? Sign up to <a href={defaults.volunteers.vol_url}>volunteer</a> or <a href={defaults.volunteers.mentor_url}>mentor</a>!
+                            {defaults.volunteers.display && <div>
+                                Want to help? Sign up to <a href={defaults.volunteers.vol_url}>volunteer</a> or <a href={defaults.volunteers.mentor_url}>mentor</a>!
                             </div>}
                         </Col>
                     </Row>