<
+
+
+ SHOP BY CATEGORY
+
+
+
+ Burgers
+
+
+
+ Pizzas
+
+
+
+ Desserts
+
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911164051.js b/.history/src/Sidebar_20200911164051.js
new file mode 100644
index 000000000..d4d7acaa5
--- /dev/null
+++ b/.history/src/Sidebar_20200911164051.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171103.js b/.history/src/Sidebar_20200911171103.js
new file mode 100644
index 000000000..649fce276
--- /dev/null
+++ b/.history/src/Sidebar_20200911171103.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171105.js b/.history/src/Sidebar_20200911171105.js
new file mode 100644
index 000000000..6ea52edeb
--- /dev/null
+++ b/.history/src/Sidebar_20200911171105.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171108.js b/.history/src/Sidebar_20200911171108.js
new file mode 100644
index 000000000..02c8f8d2b
--- /dev/null
+++ b/.history/src/Sidebar_20200911171108.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171110.js b/.history/src/Sidebar_20200911171110.js
new file mode 100644
index 000000000..9a3242ca0
--- /dev/null
+++ b/.history/src/Sidebar_20200911171110.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171113.js b/.history/src/Sidebar_20200911171113.js
new file mode 100644
index 000000000..adf6d7c1a
--- /dev/null
+++ b/.history/src/Sidebar_20200911171113.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171114.js b/.history/src/Sidebar_20200911171114.js
new file mode 100644
index 000000000..649fce276
--- /dev/null
+++ b/.history/src/Sidebar_20200911171114.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171242.css b/.history/src/Sidebar_20200911171242.css
new file mode 100644
index 000000000..d5e861016
--- /dev/null
+++ b/.history/src/Sidebar_20200911171242.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: 000;
+}
diff --git a/.history/src/Sidebar_20200911171244.css b/.history/src/Sidebar_20200911171244.css
new file mode 100644
index 000000000..c03908f27
--- /dev/null
+++ b/.history/src/Sidebar_20200911171244.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: 000000;
+}
diff --git a/.history/src/Sidebar_20200911171245.css b/.history/src/Sidebar_20200911171245.css
new file mode 100644
index 000000000..934e182c3
--- /dev/null
+++ b/.history/src/Sidebar_20200911171245.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: 000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171249.css b/.history/src/Sidebar_20200911171249.css
new file mode 100644
index 000000000..c38dd11f8
--- /dev/null
+++ b/.history/src/Sidebar_20200911171249.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171330.css b/.history/src/Sidebar_20200911171330.css
new file mode 100644
index 000000000..8906daa2a
--- /dev/null
+++ b/.history/src/Sidebar_20200911171330.css
@@ -0,0 +1,83 @@
+#page-wrap {
+ text-align: center;
+
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171334.css b/.history/src/Sidebar_20200911171334.css
new file mode 100644
index 000000000..ff34a50a6
--- /dev/null
+++ b/.history/src/Sidebar_20200911171334.css
@@ -0,0 +1,83 @@
+#page-wrap {
+ text-align: center;
+ height
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171336.css b/.history/src/Sidebar_20200911171336.css
new file mode 100644
index 000000000..176d3aaf0
--- /dev/null
+++ b/.history/src/Sidebar_20200911171336.css
@@ -0,0 +1,83 @@
+#page-wrap {
+ text-align: center;
+ height: 100%;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171344.css b/.history/src/Sidebar_20200911171344.css
new file mode 100644
index 000000000..c38dd11f8
--- /dev/null
+++ b/.history/src/Sidebar_20200911171344.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171418.css b/.history/src/Sidebar_20200911171418.css
new file mode 100644
index 000000000..9148eb779
--- /dev/null
+++ b/.history/src/Sidebar_20200911171418.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: ##131921;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171421.css b/.history/src/Sidebar_20200911171421.css
new file mode 100644
index 000000000..72841173b
--- /dev/null
+++ b/.history/src/Sidebar_20200911171421.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #131921;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171433.css b/.history/src/Sidebar_20200911171433.css
new file mode 100644
index 000000000..c38dd11f8
--- /dev/null
+++ b/.history/src/Sidebar_20200911171433.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 0;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171448.css b/.history/src/Sidebar_20200911171448.css
new file mode 100644
index 000000000..4656f1a6e
--- /dev/null
+++ b/.history/src/Sidebar_20200911171448.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: 10;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171449.css b/.history/src/Sidebar_20200911171449.css
new file mode 100644
index 000000000..e6887dd76
--- /dev/null
+++ b/.history/src/Sidebar_20200911171449.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -10;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171455.css b/.history/src/Sidebar_20200911171455.css
new file mode 100644
index 000000000..6716f91c0
--- /dev/null
+++ b/.history/src/Sidebar_20200911171455.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -10px;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171510.css b/.history/src/Sidebar_20200911171510.css
new file mode 100644
index 000000000..6922937f7
--- /dev/null
+++ b/.history/src/Sidebar_20200911171510.css
@@ -0,0 +1,82 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -12px;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000CC;
+}
diff --git a/.history/src/Sidebar_20200911171705.css b/.history/src/Sidebar_20200911171705.css
new file mode 100644
index 000000000..07bb762b4
--- /dev/null
+++ b/.history/src/Sidebar_20200911171705.css
@@ -0,0 +1,86 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -12px;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 10px 10px 10px 10px;
+ -moz-border-radius: 10px 10px 10px 10px;
+ -webkit-border-radius: 10px 10px 10px 10px;
+ border: 0px none #000000;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911171726.css b/.history/src/Sidebar_20200911171726.css
new file mode 100644
index 000000000..91a4252f2
--- /dev/null
+++ b/.history/src/Sidebar_20200911171726.css
@@ -0,0 +1,84 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -12px;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 10px;
+ border: 0px none #000000;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911171741.css b/.history/src/Sidebar_20200911171741.css
new file mode 100644
index 000000000..bbd96a0d8
--- /dev/null
+++ b/.history/src/Sidebar_20200911171741.css
@@ -0,0 +1,84 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -12px;
+ width: 281px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: 0px none #000000;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911171753.css b/.history/src/Sidebar_20200911171753.css
new file mode 100644
index 000000000..01acd07a5
--- /dev/null
+++ b/.history/src/Sidebar_20200911171753.css
@@ -0,0 +1,84 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -12px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: 0px none #000000;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911171801.css b/.history/src/Sidebar_20200911171801.css
new file mode 100644
index 000000000..efd801490
--- /dev/null
+++ b/.history/src/Sidebar_20200911171801.css
@@ -0,0 +1,84 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -13px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: 0px none #000000;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911171806.css b/.history/src/Sidebar_20200911171806.css
new file mode 100644
index 000000000..ddc6ba125
--- /dev/null
+++ b/.history/src/Sidebar_20200911171806.css
@@ -0,0 +1,84 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: 0px none #000000;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911171905.css b/.history/src/Sidebar_20200911171905.css
new file mode 100644
index 000000000..e02712beb
--- /dev/null
+++ b/.history/src/Sidebar_20200911171905.css
@@ -0,0 +1,84 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911171930.js b/.history/src/Sidebar_20200911171930.js
new file mode 100644
index 000000000..fc35852b5
--- /dev/null
+++ b/.history/src/Sidebar_20200911171930.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171947.js b/.history/src/Sidebar_20200911171947.js
new file mode 100644
index 000000000..b007dacbd
--- /dev/null
+++ b/.history/src/Sidebar_20200911171947.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171948.js b/.history/src/Sidebar_20200911171948.js
new file mode 100644
index 000000000..8c9593506
--- /dev/null
+++ b/.history/src/Sidebar_20200911171948.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171950.js b/.history/src/Sidebar_20200911171950.js
new file mode 100644
index 000000000..039dcd93c
--- /dev/null
+++ b/.history/src/Sidebar_20200911171950.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911171952.js b/.history/src/Sidebar_20200911171952.js
new file mode 100644
index 000000000..25f4d9bb3
--- /dev/null
+++ b/.history/src/Sidebar_20200911171952.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172009.css b/.history/src/Sidebar_20200911172009.css
new file mode 100644
index 000000000..b18742802
--- /dev/null
+++ b/.history/src/Sidebar_20200911172009.css
@@ -0,0 +1,86 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+
+
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172012.css b/.history/src/Sidebar_20200911172012.css
new file mode 100644
index 000000000..112f95f0b
--- /dev/null
+++ b/.history/src/Sidebar_20200911172012.css
@@ -0,0 +1,88 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+
+ p{
+ tect
+ }
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172018.css b/.history/src/Sidebar_20200911172018.css
new file mode 100644
index 000000000..37bedaed5
--- /dev/null
+++ b/.history/src/Sidebar_20200911172018.css
@@ -0,0 +1,88 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+
+ p{
+ text-
+ }
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172020.css b/.history/src/Sidebar_20200911172020.css
new file mode 100644
index 000000000..a018e8e54
--- /dev/null
+++ b/.history/src/Sidebar_20200911172020.css
@@ -0,0 +1,88 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+
+ p{
+ text-align: ;
+ }
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172021.css b/.history/src/Sidebar_20200911172021.css
new file mode 100644
index 000000000..a9ace9260
--- /dev/null
+++ b/.history/src/Sidebar_20200911172021.css
@@ -0,0 +1,88 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+
+ p{
+ text-align: center;
+ }
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172028.css b/.history/src/Sidebar_20200911172028.css
new file mode 100644
index 000000000..d7def8aa9
--- /dev/null
+++ b/.history/src/Sidebar_20200911172028.css
@@ -0,0 +1,85 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172031.css b/.history/src/Sidebar_20200911172031.css
new file mode 100644
index 000000000..d7def8aa9
--- /dev/null
+++ b/.history/src/Sidebar_20200911172031.css
@@ -0,0 +1,85 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172033.css b/.history/src/Sidebar_20200911172033.css
new file mode 100644
index 000000000..b1627cde8
--- /dev/null
+++ b/.history/src/Sidebar_20200911172033.css
@@ -0,0 +1,85 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+text
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172036.css b/.history/src/Sidebar_20200911172036.css
new file mode 100644
index 000000000..e7537eb5f
--- /dev/null
+++ b/.history/src/Sidebar_20200911172036.css
@@ -0,0 +1,85 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+text-align: ;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172038.css b/.history/src/Sidebar_20200911172038.css
new file mode 100644
index 000000000..051b48f5e
--- /dev/null
+++ b/.history/src/Sidebar_20200911172038.css
@@ -0,0 +1,85 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+text-align: center;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172045.css b/.history/src/Sidebar_20200911172045.css
new file mode 100644
index 000000000..522f0b609
--- /dev/null
+++ b/.history/src/Sidebar_20200911172045.css
@@ -0,0 +1,85 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: center;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172055.css b/.history/src/Sidebar_20200911172055.css
new file mode 100644
index 000000000..eef8f54e7
--- /dev/null
+++ b/.history/src/Sidebar_20200911172055.css
@@ -0,0 +1,85 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 10px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172108.css b/.history/src/Sidebar_20200911172108.css
new file mode 100644
index 000000000..34a0ca0dc
--- /dev/null
+++ b/.history/src/Sidebar_20200911172108.css
@@ -0,0 +1,85 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172141.css b/.history/src/Sidebar_20200911172141.css
new file mode 100644
index 000000000..b4b089826
--- /dev/null
+++ b/.history/src/Sidebar_20200911172141.css
@@ -0,0 +1,86 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172219.css b/.history/src/Sidebar_20200911172219.css
new file mode 100644
index 000000000..32bc0c2fd
--- /dev/null
+++ b/.history/src/Sidebar_20200911172219.css
@@ -0,0 +1,86 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 4px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172227.css b/.history/src/Sidebar_20200911172227.css
new file mode 100644
index 000000000..b4b089826
--- /dev/null
+++ b/.history/src/Sidebar_20200911172227.css
@@ -0,0 +1,86 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172338.js b/.history/src/Sidebar_20200911172338.js
new file mode 100644
index 000000000..5ce037f86
--- /dev/null
+++ b/.history/src/Sidebar_20200911172338.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172350.js b/.history/src/Sidebar_20200911172350.js
new file mode 100644
index 000000000..bf39dc0e6
--- /dev/null
+++ b/.history/src/Sidebar_20200911172350.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172352.js b/.history/src/Sidebar_20200911172352.js
new file mode 100644
index 000000000..e544e9975
--- /dev/null
+++ b/.history/src/Sidebar_20200911172352.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172408.js b/.history/src/Sidebar_20200911172408.js
new file mode 100644
index 000000000..fcb6e620c
--- /dev/null
+++ b/.history/src/Sidebar_20200911172408.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172702.js b/.history/src/Sidebar_20200911172702.js
new file mode 100644
index 000000000..45dba82bc
--- /dev/null
+++ b/.history/src/Sidebar_20200911172702.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172706.js b/.history/src/Sidebar_20200911172706.js
new file mode 100644
index 000000000..301d1d61a
--- /dev/null
+++ b/.history/src/Sidebar_20200911172706.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172711.js b/.history/src/Sidebar_20200911172711.js
new file mode 100644
index 000000000..fcb6e620c
--- /dev/null
+++ b/.history/src/Sidebar_20200911172711.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172717.js b/.history/src/Sidebar_20200911172717.js
new file mode 100644
index 000000000..c2345f909
--- /dev/null
+++ b/.history/src/Sidebar_20200911172717.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172718.js b/.history/src/Sidebar_20200911172718.js
new file mode 100644
index 000000000..979c7c80f
--- /dev/null
+++ b/.history/src/Sidebar_20200911172718.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172719.js b/.history/src/Sidebar_20200911172719.js
new file mode 100644
index 000000000..ec07070cd
--- /dev/null
+++ b/.history/src/Sidebar_20200911172719.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172800.css b/.history/src/Sidebar_20200911172800.css
new file mode 100644
index 000000000..40f64bb7a
--- /dev/null
+++ b/.history/src/Sidebar_20200911172800.css
@@ -0,0 +1,88 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172803.css b/.history/src/Sidebar_20200911172803.css
new file mode 100644
index 000000000..0e46159b1
--- /dev/null
+++ b/.history/src/Sidebar_20200911172803.css
@@ -0,0 +1,90 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172810.css b/.history/src/Sidebar_20200911172810.css
new file mode 100644
index 000000000..0e46159b1
--- /dev/null
+++ b/.history/src/Sidebar_20200911172810.css
@@ -0,0 +1,90 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172814.css b/.history/src/Sidebar_20200911172814.css
new file mode 100644
index 000000000..f34943494
--- /dev/null
+++ b/.history/src/Sidebar_20200911172814.css
@@ -0,0 +1,90 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ h2
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172817.css b/.history/src/Sidebar_20200911172817.css
new file mode 100644
index 000000000..0e46159b1
--- /dev/null
+++ b/.history/src/Sidebar_20200911172817.css
@@ -0,0 +1,90 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172821.css b/.history/src/Sidebar_20200911172821.css
new file mode 100644
index 000000000..810ac0ec6
--- /dev/null
+++ b/.history/src/Sidebar_20200911172821.css
@@ -0,0 +1,90 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172822.css b/.history/src/Sidebar_20200911172822.css
new file mode 100644
index 000000000..98fdcd9aa
--- /dev/null
+++ b/.history/src/Sidebar_20200911172822.css
@@ -0,0 +1,90 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size:
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172829.css b/.history/src/Sidebar_20200911172829.css
new file mode 100644
index 000000000..c39ef0e13
--- /dev/null
+++ b/.history/src/Sidebar_20200911172829.css
@@ -0,0 +1,90 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172836.css b/.history/src/Sidebar_20200911172836.css
new file mode 100644
index 000000000..272f0c19b
--- /dev/null
+++ b/.history/src/Sidebar_20200911172836.css
@@ -0,0 +1,91 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding:
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172840.css b/.history/src/Sidebar_20200911172840.css
new file mode 100644
index 000000000..c61d4339b
--- /dev/null
+++ b/.history/src/Sidebar_20200911172840.css
@@ -0,0 +1,91 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172842.css b/.history/src/Sidebar_20200911172842.css
new file mode 100644
index 000000000..e20ff10aa
--- /dev/null
+++ b/.history/src/Sidebar_20200911172842.css
@@ -0,0 +1,91 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172845.css b/.history/src/Sidebar_20200911172845.css
new file mode 100644
index 000000000..f2291fa0a
--- /dev/null
+++ b/.history/src/Sidebar_20200911172845.css
@@ -0,0 +1,91 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172847.css b/.history/src/Sidebar_20200911172847.css
new file mode 100644
index 000000000..9d97553a5
--- /dev/null
+++ b/.history/src/Sidebar_20200911172847.css
@@ -0,0 +1,91 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172850.css b/.history/src/Sidebar_20200911172850.css
new file mode 100644
index 000000000..9837859ee
--- /dev/null
+++ b/.history/src/Sidebar_20200911172850.css
@@ -0,0 +1,91 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172851.css b/.history/src/Sidebar_20200911172851.css
new file mode 100644
index 000000000..41d385ab8
--- /dev/null
+++ b/.history/src/Sidebar_20200911172851.css
@@ -0,0 +1,91 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172853.css b/.history/src/Sidebar_20200911172853.css
new file mode 100644
index 000000000..70851f544
--- /dev/null
+++ b/.history/src/Sidebar_20200911172853.css
@@ -0,0 +1,91 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172905.css b/.history/src/Sidebar_20200911172905.css
new file mode 100644
index 000000000..45358d9a2
--- /dev/null
+++ b/.history/src/Sidebar_20200911172905.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172908.css b/.history/src/Sidebar_20200911172908.css
new file mode 100644
index 000000000..e611e0a59
--- /dev/null
+++ b/.history/src/Sidebar_20200911172908.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172910.css b/.history/src/Sidebar_20200911172910.css
new file mode 100644
index 000000000..bfb11c7be
--- /dev/null
+++ b/.history/src/Sidebar_20200911172910.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: ;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172919.css b/.history/src/Sidebar_20200911172919.css
new file mode 100644
index 000000000..bfb11c7be
--- /dev/null
+++ b/.history/src/Sidebar_20200911172919.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: ;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172923.css b/.history/src/Sidebar_20200911172923.css
new file mode 100644
index 000000000..e3ff5b7f5
--- /dev/null
+++ b/.history/src/Sidebar_20200911172923.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911172949.js b/.history/src/Sidebar_20200911172949.js
new file mode 100644
index 000000000..feb8de79a
--- /dev/null
+++ b/.history/src/Sidebar_20200911172949.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911172951.js b/.history/src/Sidebar_20200911172951.js
new file mode 100644
index 000000000..62d6fd1ba
--- /dev/null
+++ b/.history/src/Sidebar_20200911172951.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173003.js b/.history/src/Sidebar_20200911173003.js
new file mode 100644
index 000000000..d4abaee2d
--- /dev/null
+++ b/.history/src/Sidebar_20200911173003.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173004.js b/.history/src/Sidebar_20200911173004.js
new file mode 100644
index 000000000..42d2ddff8
--- /dev/null
+++ b/.history/src/Sidebar_20200911173004.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173017.js b/.history/src/Sidebar_20200911173017.js
new file mode 100644
index 000000000..492fde23b
--- /dev/null
+++ b/.history/src/Sidebar_20200911173017.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173102.css b/.history/src/Sidebar_20200911173102.css
new file mode 100644
index 000000000..92e00f760
--- /dev/null
+++ b/.history/src/Sidebar_20200911173102.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 12px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173108.css b/.history/src/Sidebar_20200911173108.css
new file mode 100644
index 000000000..2a2ec739a
--- /dev/null
+++ b/.history/src/Sidebar_20200911173108.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 13px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173114.css b/.history/src/Sidebar_20200911173114.css
new file mode 100644
index 000000000..92e00f760
--- /dev/null
+++ b/.history/src/Sidebar_20200911173114.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 12px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173120.css b/.history/src/Sidebar_20200911173120.css
new file mode 100644
index 000000000..e3ff5b7f5
--- /dev/null
+++ b/.history/src/Sidebar_20200911173120.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173136.css b/.history/src/Sidebar_20200911173136.css
new file mode 100644
index 000000000..e72581ac0
--- /dev/null
+++ b/.history/src/Sidebar_20200911173136.css
@@ -0,0 +1,93 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ high
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173137.css b/.history/src/Sidebar_20200911173137.css
new file mode 100644
index 000000000..c6055343a
--- /dev/null
+++ b/.history/src/Sidebar_20200911173137.css
@@ -0,0 +1,93 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ highgt
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173140.css b/.history/src/Sidebar_20200911173140.css
new file mode 100644
index 000000000..4e0dd81b1
--- /dev/null
+++ b/.history/src/Sidebar_20200911173140.css
@@ -0,0 +1,93 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: ;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173142.css b/.history/src/Sidebar_20200911173142.css
new file mode 100644
index 000000000..d4337bb7e
--- /dev/null
+++ b/.history/src/Sidebar_20200911173142.css
@@ -0,0 +1,93 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: auto;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173151.css b/.history/src/Sidebar_20200911173151.css
new file mode 100644
index 000000000..03b3243e6
--- /dev/null
+++ b/.history/src/Sidebar_20200911173151.css
@@ -0,0 +1,93 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: 25px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173155.css b/.history/src/Sidebar_20200911173155.css
new file mode 100644
index 000000000..03b3243e6
--- /dev/null
+++ b/.history/src/Sidebar_20200911173155.css
@@ -0,0 +1,93 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: 25px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173159.css b/.history/src/Sidebar_20200911173159.css
new file mode 100644
index 000000000..0f3271d6a
--- /dev/null
+++ b/.history/src/Sidebar_20200911173159.css
@@ -0,0 +1,93 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: 125px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173207.css b/.history/src/Sidebar_20200911173207.css
new file mode 100644
index 000000000..7f0851b16
--- /dev/null
+++ b/.history/src/Sidebar_20200911173207.css
@@ -0,0 +1,93 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: 45px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173218.css b/.history/src/Sidebar_20200911173218.css
new file mode 100644
index 000000000..0ff68c976
--- /dev/null
+++ b/.history/src/Sidebar_20200911173218.css
@@ -0,0 +1,93 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+ color: white;
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: 35px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173311.js b/.history/src/Sidebar_20200911173311.js
new file mode 100644
index 000000000..afd0d4ace
--- /dev/null
+++ b/.history/src/Sidebar_20200911173311.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173314.js b/.history/src/Sidebar_20200911173314.js
new file mode 100644
index 000000000..4f262f190
--- /dev/null
+++ b/.history/src/Sidebar_20200911173314.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173356.js b/.history/src/Sidebar_20200911173356.js
new file mode 100644
index 000000000..c5e0ff661
--- /dev/null
+++ b/.history/src/Sidebar_20200911173356.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173358.js b/.history/src/Sidebar_20200911173358.js
new file mode 100644
index 000000000..4f262f190
--- /dev/null
+++ b/.history/src/Sidebar_20200911173358.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173439.js b/.history/src/Sidebar_20200911173439.js
new file mode 100644
index 000000000..da4bba7c9
--- /dev/null
+++ b/.history/src/Sidebar_20200911173439.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173442.js b/.history/src/Sidebar_20200911173442.js
new file mode 100644
index 000000000..36310a47b
--- /dev/null
+++ b/.history/src/Sidebar_20200911173442.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173443.js b/.history/src/Sidebar_20200911173443.js
new file mode 100644
index 000000000..da4bba7c9
--- /dev/null
+++ b/.history/src/Sidebar_20200911173443.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173447.js b/.history/src/Sidebar_20200911173447.js
new file mode 100644
index 000000000..824f129a4
--- /dev/null
+++ b/.history/src/Sidebar_20200911173447.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173448.js b/.history/src/Sidebar_20200911173448.js
new file mode 100644
index 000000000..9b73b894a
--- /dev/null
+++ b/.history/src/Sidebar_20200911173448.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173450.js b/.history/src/Sidebar_20200911173450.js
new file mode 100644
index 000000000..da4bba7c9
--- /dev/null
+++ b/.history/src/Sidebar_20200911173450.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173452.js b/.history/src/Sidebar_20200911173452.js
new file mode 100644
index 000000000..9d390a4f0
--- /dev/null
+++ b/.history/src/Sidebar_20200911173452.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173457.js b/.history/src/Sidebar_20200911173457.js
new file mode 100644
index 000000000..d6b00cf27
--- /dev/null
+++ b/.history/src/Sidebar_20200911173457.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173500.js b/.history/src/Sidebar_20200911173500.js
new file mode 100644
index 000000000..f6957f789
--- /dev/null
+++ b/.history/src/Sidebar_20200911173500.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173505.js b/.history/src/Sidebar_20200911173505.js
new file mode 100644
index 000000000..0fc18d8b9
--- /dev/null
+++ b/.history/src/Sidebar_20200911173505.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};
diff --git a/.history/src/Sidebar_20200911173746.css b/.history/src/Sidebar_20200911173746.css
new file mode 100644
index 000000000..b3910b8ca
--- /dev/null
+++ b/.history/src/Sidebar_20200911173746.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: 35px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.history/src/Sidebar_20200911173747.css b/.history/src/Sidebar_20200911173747.css
new file mode 100644
index 000000000..8a43a7d66
--- /dev/null
+++ b/.history/src/Sidebar_20200911173747.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: 35px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..3fa67f8ac
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,19 @@
+{
+ "workbench.colorCustomizations": {
+ "activityBar.activeBackground": "#dbfae0",
+ "activityBar.activeBorder": "#9f8fef",
+ "activityBar.background": "#dbfae0",
+ "activityBar.foreground": "#15202b",
+ "activityBar.inactiveForeground": "#15202b99",
+ "activityBarBadge.background": "#9f8fef",
+ "activityBarBadge.foreground": "#15202b",
+ "statusBar.background": "#aff3b9",
+ "statusBar.foreground": "#15202b",
+ "statusBarItem.hoverBackground": "#83ec92",
+ "titleBar.activeBackground": "#aff3b9",
+ "titleBar.activeForeground": "#15202b",
+ "titleBar.inactiveBackground": "#aff3b999",
+ "titleBar.inactiveForeground": "#15202b99"
+ },
+ "peacock.color": "#aff3b9"
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index f38fe5e8b..57ca942a1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2823,6 +2823,12 @@
"resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
"integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM="
},
+ "amdefine": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
+ "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
+ "optional": true
+ },
"ansi-colors": {
"version": "3.2.4",
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
@@ -3013,6 +3019,58 @@
"resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
"integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c="
},
+ "ast-transform": {
+ "version": "0.0.0",
+ "resolved": "https://registry.npmjs.org/ast-transform/-/ast-transform-0.0.0.tgz",
+ "integrity": "sha1-dJRAWIh9goPhidlUYAlHvJj+AGI=",
+ "requires": {
+ "escodegen": "~1.2.0",
+ "esprima": "~1.0.4",
+ "through": "~2.3.4"
+ },
+ "dependencies": {
+ "escodegen": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.2.0.tgz",
+ "integrity": "sha1-Cd55Z3kcyVi3+Jot220jRRrzJ+E=",
+ "requires": {
+ "esprima": "~1.0.4",
+ "estraverse": "~1.5.0",
+ "esutils": "~1.0.0",
+ "source-map": "~0.1.30"
+ }
+ },
+ "esprima": {
+ "version": "1.0.4",
+ "resolved": "https://registry.npmjs.org/esprima/-/esprima-1.0.4.tgz",
+ "integrity": "sha1-n1V+CPw7TSbs6d00+Pv0drYlha0="
+ },
+ "estraverse": {
+ "version": "1.5.1",
+ "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-1.5.1.tgz",
+ "integrity": "sha1-hno+jlip+EYYr7bC3bzZFrfLr3E="
+ },
+ "esutils": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/esutils/-/esutils-1.0.0.tgz",
+ "integrity": "sha1-gVHTWOIMisx/t0XnRywAJf5JZXA="
+ },
+ "source-map": {
+ "version": "0.1.43",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
+ "integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
+ "optional": true,
+ "requires": {
+ "amdefine": ">=0.0.4"
+ }
+ }
+ }
+ },
+ "ast-types": {
+ "version": "0.7.8",
+ "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.7.8.tgz",
+ "integrity": "sha1-kC0uDWDQcb3NRtwRXhgJ7RHBOKk="
+ },
"ast-types-flow": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
@@ -3762,6 +3820,16 @@
"safe-buffer": "^5.1.2"
}
},
+ "browserify-optional": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/browserify-optional/-/browserify-optional-1.0.1.tgz",
+ "integrity": "sha1-HhNyLP3g2F8SFnbCpyztUzoBiGk=",
+ "requires": {
+ "ast-transform": "0.0.0",
+ "ast-types": "^0.7.0",
+ "browser-resolve": "^1.8.1"
+ }
+ },
"browserify-rsa": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
@@ -4116,6 +4184,11 @@
}
}
},
+ "classnames": {
+ "version": "2.2.6",
+ "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
+ "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
+ },
"clean-css": {
"version": "4.2.3",
"resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz",
@@ -6024,6 +6097,11 @@
"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
"integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
},
+ "eve": {
+ "version": "0.5.4",
+ "resolved": "https://registry.npmjs.org/eve/-/eve-0.5.4.tgz",
+ "integrity": "sha1-Z9CAuXJSkdfjieNMJoYN2X8d66o="
+ },
"event-target-shim": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
@@ -11381,6 +11459,18 @@
"whatwg-fetch": "^3.0.0"
}
},
+ "react-burger-menu": {
+ "version": "2.7.1",
+ "resolved": "https://registry.npmjs.org/react-burger-menu/-/react-burger-menu-2.7.1.tgz",
+ "integrity": "sha512-WJiypBIsX6WNF31CabHhPqvsYygXxdWLPhK+ue84MNuWWL/x5c6M/1UfiIHpX5ZuuQ4MghzzpmYKiY6PEdsr8Q==",
+ "requires": {
+ "browserify-optional": "^1.0.0",
+ "classnames": "^2.2.6",
+ "eve": "~0.5.1",
+ "prop-types": "^15.7.2",
+ "snapsvg-cjs": "0.0.6"
+ }
+ },
"react-currency-format": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/react-currency-format/-/react-currency-format-1.0.0.tgz",
@@ -12716,6 +12806,22 @@
"kind-of": "^3.2.0"
}
},
+ "snapsvg": {
+ "version": "0.5.1",
+ "resolved": "https://registry.npmjs.org/snapsvg/-/snapsvg-0.5.1.tgz",
+ "integrity": "sha1-DK9Sx5GJopB0b8RGzF6GP2vd3+M=",
+ "requires": {
+ "eve": "~0.5.1"
+ }
+ },
+ "snapsvg-cjs": {
+ "version": "0.0.6",
+ "resolved": "https://registry.npmjs.org/snapsvg-cjs/-/snapsvg-cjs-0.0.6.tgz",
+ "integrity": "sha1-Oy9WryVz09Nkw+1b+IhXRfTS3eE=",
+ "requires": {
+ "snapsvg": "0.5.1"
+ }
+ },
"sockjs": {
"version": "0.3.20",
"resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.20.tgz",
diff --git a/package.json b/package.json
index d9fa4acab..3735c5d11 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
"firebase": "^7.19.1",
"moment": "^2.27.0",
"react": "^16.13.1",
+ "react-burger-menu": "^2.7.1",
"react-currency-format": "^1.0.0",
"react-dom": "^16.13.1",
"react-router-dom": "^5.2.0",
diff --git a/src/Header.js b/src/Header.js
index ca8a2a44a..04acfbf99 100644
--- a/src/Header.js
+++ b/src/Header.js
@@ -1,10 +1,12 @@
-import React from "react";
-import "./Header.css";
-import SearchIcon from "@material-ui/icons/Search";
-import ShoppingBasketIcon from "@material-ui/icons/ShoppingBasket";
-import { Link } from "react-router-dom";
-import { useStateValue } from "./StateProvider";
-import { auth } from "./firebase";
+import React from 'react';
+import './Header.css';
+import SearchIcon from '@material-ui/icons/Search';
+import ShoppingBasketIcon from '@material-ui/icons/ShoppingBasket';
+import { Link } from 'react-router-dom';
+import { useStateValue } from './StateProvider';
+import { auth } from './firebase';
+
+import Sidebar from './Sidebar';
function Header() {
const [{ basket, user }, dispatch] = useStateValue();
@@ -13,47 +15,51 @@ function Header() {
if (user) {
auth.signOut();
}
- }
+ };
return (
-
-
+
+
+
-
-
-
+
+
+
-
+
-
-
Hello {!user ? 'Guest' : user.email}
-
{user ? 'Sign Out' : 'Sign In'}
+
+
+ Hello {!user ? 'Guest' : user.email}
+
+
+ {user ? 'Sign Out' : 'Sign In'}
+
-
-
Returns
-
& Orders
+
+ Returns
+ & Orders
-
-
-
Your
-
Prime
+
+ Your
+ Prime
-
-
+
+
-
+
{basket?.length}
diff --git a/src/Sidebar.css b/src/Sidebar.css
new file mode 100644
index 000000000..8a43a7d66
--- /dev/null
+++ b/src/Sidebar.css
@@ -0,0 +1,92 @@
+#page-wrap {
+ text-align: center;
+
+ /* Prevent sidebar from showing a scrollbar on page */
+ overflow: auto;
+}
+
+/* Individual item */
+.bm-item {
+ display: inline-block;
+
+ /* Our sidebar item styling */
+ text-decoration: none;
+ margin-bottom: 10px;
+ color: #d1d1d1;
+ transition: color 0.2s;
+}
+
+/* Change color on hover */
+.bm-item:hover {
+}
+
+/* The rest copied directly from react-burger-menu docs */
+
+/* Position and sizing of burger button */
+.bm-burger-button {
+ position: relative;
+ width: 36px;
+ height: 30px;
+ left: 6px;
+ border: 1px solid #fff;
+}
+
+/* Color/shape of burger icon bars */
+.bm-burger-bars {
+ background: #fff;
+}
+
+/* Position and sizing of clickable cross button */
+.bm-cross-button {
+ height: 24px;
+ width: 24px;
+}
+
+/* Style for greeting header */
+.sidebar-header {
+ background-color: #232f3e;
+ padding: 10px;
+ top: -14px;
+ width: 282px;
+ height: 35px;
+ position: absolute;
+ margin-left: -30px;
+ margin-right: -15px;
+ border-radius: 1px;
+ border: none !important;
+ text-align: 15px;
+ cursor: pointer;
+}
+
+.menu-title {
+ font-size: 14px;
+ padding: 13px 20px 13px 36px;
+ color: #969397;
+}
+
+/* Color/shape of close button cross */
+.bm-cross {
+ background: #bdc3c7;
+}
+
+/* General sidebar styles */
+.bm-menu {
+ background: #fff;
+ padding: 2.5em 1.5em 0;
+ font-size: 1.15em;
+}
+
+/* Morph shape necessary with bubble or elastic */
+.bm-morph-shape {
+ fill: #373a47;
+}
+
+/* Wrapper for item list */
+.bm-item-list {
+ color: #b8b7ad;
+}
+
+/* Styling of overlay */
+.bm-overlay {
+ background: #000000cc;
+}
diff --git a/src/Sidebar.js b/src/Sidebar.js
new file mode 100644
index 000000000..0fc18d8b9
--- /dev/null
+++ b/src/Sidebar.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import './Sidebar.css';
+import { slide as Menu } from 'react-burger-menu';
+
+export default (props) => {
+ return (
+ // Pass on our props
+
+ );
+};