Clicking logo goes to our public homepage, added note about needing a…

… Scout account, aside styling
adamchainz · Apr 20, 2017 · 9c89ce3 · 9c89ce3
1 parent 3ce610c
commit 9c89ce3
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 3 deletions.
diff --git a/source/includes/_elixir.md b/source/includes/_elixir.md
@@ -1,13 +1,19 @@
 # Elixir Agent
 
+<aside class="warning">
 Elixir support is in BETA.
+</aside>
 
 ## Requirements
 
 Our Elixir agent supports Phoenix 1.2.0+ and Elixir 1.4+.
 
 ## Installation
 
+<aside class="notice">
+  A free Scout account is required. <a href="https://apm.scoutapp.com/users/sign_up" target: '_blank'>Signup here</a>.
+</aside>
+
 Tailored instructions are provided within our user interface. General instructions:
 
 <div class="install">

diff --git a/source/layouts/layout.erb b/source/layouts/layout.erb
@@ -62,7 +62,7 @@ under the License.
       </span>
     </a>
     <div class="tocify-wrapper">
-      <%= link_to image_tag( "logo.png", id: 'logo'), '/' %>
+      <%= link_to image_tag( "logo.png", id: 'logo'), "https://scoutapp.com", target: '_blank' %>
       <% if language_tabs %>
         <div class="lang-selector">
           <% language_tabs.each do |lang| %>

diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
@@ -479,12 +479,12 @@ html, body {
 
     &.warning {
       background-color: $aside-warning-bg;
-      @include text-shadow(0 1px 0 lighten($aside-warning-bg, 15%));
+      // @include text-shadow(0 1px 0 lighten($aside-warning-bg, 15%));
     }
 
     &.success {
       background-color: $aside-success-bg;
-      @include text-shadow(0 1px 0 lighten($aside-success-bg, 15%));
+      // @include text-shadow(0 1px 0 lighten($aside-success-bg, 15%));
     }
   }
 

diff --git a/source/stylesheets/screen_overrides.css.scss b/source/stylesheets/screen_overrides.css.scss
@@ -226,6 +226,23 @@ table.help {
   color: #333;
 }
 
+.content {
+  aside {
+    font-weight: bold;
+    font-size: 16px;
+    color: #fff;
+    &:before {
+      font-size: 20px;
+    }
+    &.warning {
+      background-color: #f0592a;
+    }
+    &.notice {
+      background-color: #7aae37;
+    }
+  }
+}
+
 .tocify-wrapper > .search:before {
 
   left: 25px;