Update playground with deprecation notice (#4683)

Signed-off-by: Simon Stone <[email protected]>
hyperledger-archives · Aug 30, 2019 · fc098c5 · fc098c5
1 parent 36c0df0
commit fc098c5
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 0 deletions.
diff --git a/packages/composer-playground/src/assets/styles/base/_colors.scss b/packages/composer-playground/src/assets/styles/base/_colors.scss
@@ -30,4 +30,5 @@ $second-warning: #AA231F;
 $white: #FDFDFD;
 $white-2: #ffffff;
 $black: #000000;
+$callout: #FFD640;
 
diff --git a/packages/composer-playground/src/assets/styles/composer.scss b/packages/composer-playground/src/assets/styles/composer.scss
@@ -39,3 +39,27 @@
 @import 'components/_dropdown.scss';
 @import 'components/_error-message.scss';
 @import 'components/_tooltip.scss';
+
+//Homepage callout section
+
+.homepage-callout {
+    display: flex;
+    background-color: $callout;
+    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.20);
+    .callout-copy {
+        margin: auto;
+        // width: 70vh;
+        margin-top: 1rem;
+        margin-bottom: 0.5rem;
+        a {
+        text-decoration: none;
+        border-bottom: 1px solid $primary-text;
+        color: $primary-text;
+        transition: all 0.2s ease-in-out;
+        &:hover {
+            border-bottom: 1px solid $primary-text;
+            padding-bottom: 3px;
+        }
+        }
+    }
+}
diff --git a/packages/composer-playground/src/index.html b/packages/composer-playground/src/index.html
@@ -28,6 +28,11 @@
 </head>
 
 <body class="composer">
+  <div class="homepage-callout">
+    <div class="callout-copy">
+        <p><strong>Update Aug 29th 2019: </strong>Hyperledger Composer has been deprecated. Please see the <a href="https://github.com/hyperledger/composer/blob/master/README.md">README</a> for more information.</p>
+    </div>
+  </div>
   <app>
     <div class="initial-loading-elements" style="margin-top: 40vh; color: #19273C;">
     <h1 style="font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.25em; font-weight: 300; text-align: center; line-height: 100%;">Loading <%= htmlWebpackPlugin.options.title %>...</h1>