From c6ecda4f3a32be7d13c69452f116e35931c720bf Mon Sep 17 00:00:00 2001
From: Lauren McCarthy <laurenleemccarthy@gmail.com>
Date: Fri, 6 Jan 2017 12:13:46 -0800
Subject: [PATCH] adding alpha warning (#249)

* removing avenir font, using montserrat instead due to licensing issues

* removing old import statement for typeography scss file

* adding alpha warning
---
 client/components/Nav.jsx          |  1 +
 client/styles/components/_nav.scss | 16 ++++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/client/components/Nav.jsx b/client/components/Nav.jsx
index 65a07793..1f4a28bf 100644
--- a/client/components/Nav.jsx
+++ b/client/components/Nav.jsx
@@ -142,6 +142,7 @@ function Nav(props) {
           );
         })()}
       </ul>
+      <div className="nav__announce">This is a preview version of the editor, that has not yet been officially released. It is in development, you can report bugs <a href="https://github.com/processing/p5.js-web-editor/issues" target="_blank">here</a>. Please use with caution.</div>
     </nav>
   );
 }
diff --git a/client/styles/components/_nav.scss b/client/styles/components/_nav.scss
index 9bd2362f..84f91fdd 100644
--- a/client/styles/components/_nav.scss
+++ b/client/styles/components/_nav.scss
@@ -50,6 +50,7 @@
 		height: auto;
 	}
 	padding-bottom: #{8 / $base-font-size}rem;
+  z-index: 1;
 }
 
 .nav__item-spacer {
@@ -93,3 +94,18 @@
   width: 100%;
 }
 
+.nav__announce {
+  position: absolute;
+  top: #{40 / $base-font-size}rem;
+  right: #{88 / $base-font-size}rem;
+  width: #{398 / $base-font-size}rem;
+  padding: #{5 / $base-font-size}rem 0;
+  text-transform: uppercase;
+  background-color: #ffbc00;
+  color: white;
+  text-align: center;
+  padding: #{7 / $base-font-size}rem #{8 / $base-font-size}rem;
+  line-height: 145%;
+  z-index: 0;
+}
+