added project pages, started working on RSMs
diff --git a/Components/Card.js b/Components/Card.js
index c78c780..21ced4a 100644
--- a/Components/Card.js
+++ b/Components/Card.js
@@ -4,8 +4,14 @@
 class Card extends Component {
 	constructor(props) {
 		super(props);
-	}
+        this.keys = []
+    }
 
+    nextKey() {
+        let n = this.keys.length
+        this.keys.push(n);
+        return n
+    }
 
 	render() {
 		return (
@@ -24,9 +30,11 @@
                         {
                             this.props.buttons ? this.props.buttons.map(button => {
                                 return <a
+                                    key={this.nextKey()}
                                     className={Styles.button}
                                     style={{backgroundColor:`#${button.color}`, color:`#${this.props.buttonText}`}}
-                                    href={button.link}>{button.text}
+                                    href={button.link}
+                                    target={button.newTab ? "_blank" : undefined}>{button.text}
                                 </a>
                             }) : null
                         }
diff --git a/Components/NavBar.js b/Components/NavBar.js
index 9e5f03e..946b7f0 100644
--- a/Components/NavBar.js
+++ b/Components/NavBar.js
@@ -25,6 +25,8 @@
                         <a href="/gps"><img className={Styles.icon} src="/Icons/GS.svg"/></a>
                         <a href="/rsm"><img className={Styles.icon} src="/Icons/RM.svg"/></a>
                         <a href="/clicksforms"><img className={Styles.icon} src="/Icons/CF.svg"/></a>
+                        {/* <a href="/castaway"><img className={Styles.icon} src="/Icons/CA.svg"/></a> */}
+                        {/* <a href="https://clcks.dev"><img className={Styles.icon} src="/Icons/CL.svg"/></a> */}
                     </div>
                     <div className={Styles.group}>
                         <a href="/"><img className={Styles.icon} src="/Icons/CMP.svg"/></a>