before we fuck everything up
diff --git a/Components/Header.js b/Components/Header.js
index 68d0557..1ec054b 100644
--- a/Components/Header.js
+++ b/Components/Header.js
@@ -42,6 +42,7 @@
className={Styles.button}
style={{ backgroundColor: `#${button.color}`, color: `#${button.buttonText}` }}
href={button.link}
+ onClick={() => { if (button.id) { this.props.callback(this.props.that, button.id) } }}
target={button.target ? "_blank" : null}
rel="noreferrer">
{button.text}
diff --git a/Components/LEGACY/AutoSpacing.js b/Components/LEGACY/AutoSpacing.js
deleted file mode 100644
index e90da58..0000000
--- a/Components/LEGACY/AutoSpacing.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import react, { Component } from "react";
-import Styles from '../styles/autospacing.module.css';
-
-class AutoSpacing extends Component {
- constructor(props) {
- super(props);
- }
-
-
- render() {
- return (
- <div className={Styles.container}>
- {
- react.Children.toArray(this.props.children).map((item, index) => {
- return <div className={Styles.item} key={index}>{item}</div>
- })
- }
- </div>
- )
- }
-}
-
-export default AutoSpacing;
\ No newline at end of file
diff --git a/Components/LEGACY/Paragraph.js b/Components/LEGACY/Paragraph.js
deleted file mode 100644
index c332832..0000000
--- a/Components/LEGACY/Paragraph.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component } from 'react';
-
-class Paragraph extends Component {
- render () {
- return (
- <p style={{width: "100%", textAlign: "left", paddingLeft: "15%", paddingRight: "15%", fontSize: "120%", color: "var(--card-text-color)"}}>
- {this.props.children}
- </p>
- );
- }
-}
-
-export default Paragraph;
\ No newline at end of file
diff --git a/Components/LEGACY/Scroller.js b/Components/LEGACY/Scroller.js
deleted file mode 100644
index 69e0fa3..0000000
--- a/Components/LEGACY/Scroller.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Component } from "react";
-import Styles from '../styles/scroller.module.css';
-
-class Scroller extends Component {
- constructor(props) {
- super(props);
- }
- render() {
- this.props.text = this.props.text.concat(this.props.text);
- return (
- <div className={Styles.container}>
- {
- this.props.text.map((item, index) => {
- console.log([this.props.text, this.props.text])
- return <div className={Styles.item} key={index}>{item}</div>;
- })
- }
- </div>
- )
- }
-}
-export default Scroller;
diff --git a/Components/LEGACY/SectionHeading.js b/Components/LEGACY/SectionHeading.js
deleted file mode 100644
index ed77661..0000000
--- a/Components/LEGACY/SectionHeading.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from "react";
-import Styles from '../styles/sectionheading.module.css';
-
-class SectionHeading extends Component {
- constructor(props) {
- super(props);
- }
-
-
- render() {
- return (
- <h1 className={Styles.title} id={this.props.id}>{this.props.children}</h1>
- )
- }
-}
-
-export default SectionHeading;
\ No newline at end of file
diff --git a/Components/LEGACY/Subheading.js b/Components/LEGACY/Subheading.js
deleted file mode 100644
index 964f1dd..0000000
--- a/Components/LEGACY/Subheading.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from "react";
-import Styles from '../styles/subheading.module.css';
-
-class SubHeading extends Component {
- constructor(props) {
- super(props);
- }
-
-
- render() {
- return (
- <h2 className={Styles.title} id={this.props.id}>{this.props.children}</h2>
- )
- }
-}
-
-export default SubHeading;
\ No newline at end of file
diff --git a/Components/LEGACY/TileRow.js b/Components/LEGACY/TileRow.js
deleted file mode 100644
index ed0bf0b..0000000
--- a/Components/LEGACY/TileRow.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import react, { Component, cloneElement } from "react";
-import Styles from '../styles/tilerow.module.css';
-
-class TileRow extends Component {
- constructor(props) {
- super(props);
- }
- render() {
- return (
- <div className={Styles.container}>
- {
- react.Children.toArray(this.props.children).map((item, index) => {
- if (this.props.divless !== false) { // Intentional comparison to false, initially had a default of false, now has a default of true
- const className = (item.props.className ? item.props.className + " " : "") + Styles.item
-
- const key = index;
-
- const props = {
- className,
- key
- }
-
- return cloneElement(item, props);
- } else {
- return <div className={Styles.item + " " + Styles.fitItemWidth} key={index}>{item}</div>;
- }
- })
- }
- </div>
- )
- }
-}
-export default TileRow;
diff --git a/Components/LEGACY/Timeline.js b/Components/LEGACY/Timeline.js
deleted file mode 100644
index e69de29..0000000
--- a/Components/LEGACY/Timeline.js
+++ /dev/null
diff --git a/Components/Panels.js b/Components/Panels.js
index 3c1d2e6..e2e89d9 100644
--- a/Components/Panels.js
+++ b/Components/Panels.js
@@ -96,7 +96,8 @@
class Divider extends Component {
render() {
- return <div className={Styles.divider}></div>
+ // return <div className={Styles.divider} style={{ backgroundColor: this.props.bound == this.props.name ? "red" : "var(--theme-ui-colors-hint)"}}></div>
+ return <div className={Styles.divider} style={{ backgroundColor: "var(--theme-ui-colors-hint)"}}></div>
}
}