From 30e50ce35b005b0beaae9cffe00fdc18c28c3095 Mon Sep 17 00:00:00 2001
From: zannaw <z.annaw19@gmail.com>
Date: Sun, 22 Sep 2019 21:57:45 -0500
Subject: [PATCH 1/2] Added spaces between dash in Welcome section

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

diff --git a/src/components/welcome.js b/src/components/welcome.js
index 7292032..994b329 100644
--- a/src/components/welcome.js
+++ b/src/components/welcome.js
@@ -115,7 +115,7 @@ const LowerBarStyle = styled.div`
 
 // place holder for text
 const welcomeText =
-	'VandyHacks is back this Fall in the Music City–and it’s ready to redesign hackathons.';
+	'VandyHacks is back this Fall in the Music City – and it’s ready to redesign hackathons.';
 const welcomeBoldPresent = 'Presenting VandyHacks VI: Art Edition.';
 const welcomeTextCont =
 	'From November 1-3, hundreds of talented and creative students from across the nation will come together to learn, collaborate, and create exciting projects with the ambition to';

From d12135ee04d2bc0b73fcf9f619e499509a97ed1c Mon Sep 17 00:00:00 2001
From: zannaw <z.annaw19@gmail.com>
Date: Mon, 23 Sep 2019 20:55:38 -0500
Subject: [PATCH 2/2] Add invert button

---
 src/components/invertButton.js | 33 +++++++++++++++++++++++++++++++++
 src/pages/index.js             |  3 ++-
 2 files changed, 35 insertions(+), 1 deletion(-)
 create mode 100644 src/components/invertButton.js

diff --git a/src/components/invertButton.js b/src/components/invertButton.js
new file mode 100644
index 0000000..bcf190b
--- /dev/null
+++ b/src/components/invertButton.js
@@ -0,0 +1,33 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const ButtonStyle = styled.div`
+    position: fixed;
+    maxWidth: '100px';
+    minWidth: '50px';
+    width: '10%';
+    z-index: 10000;
+    margin-top: -9em;
+`;
+
+let IsInvert = false;
+
+function invertColors() {
+	if (!IsInvert) {
+		document.body.style = 'background: black; filter: invert(95%);';
+		IsInvert = true;
+	} else {
+		document.body.style = 'background: white; filter: invert(0%)';
+		IsInvert = false;
+	}
+}
+
+const InvertButton = () => (
+	<ButtonStyle>
+		<button onClick={invertColors} style={{ backgroundColor: 'white', color: '#293993' }}>
+			Change Mode
+		</button>
+	</ButtonStyle>
+);
+
+export default InvertButton;
diff --git a/src/pages/index.js b/src/pages/index.js
index 8571e24..64212f0 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -9,7 +9,7 @@ import FAQAnimated from '../components/faq/faq';
 import ScheduleAnimated from '../components/schedule';
 import SponsorBoxAnimated from '../components/sponsorBox';
 import isMobileContext from '../components/isMobileContext';
-
+import InvertButton from '../components/invertButton.js';
 import '../../node_modules/animate.css/animate.min.css';
 import '../css/layout.css';
 
@@ -42,6 +42,7 @@ const IndexPage = () => {
 
 	return (
 		<Container>
+			<InvertButton />
 			{isMobile === undefined ? null : (
 				<isMobileContext.Provider value={isMobile}>
 					<BigLogoWithGridAnimated />