webinar plug

Author: nicolaskruchten

_includes/layouts/reference-side-nav.html

@@ -342,4 +342,8 @@
                         </a></span>
         </button>
     </div>
+
+
+    {% include layouts/webinar_plug.html %}
+
 </aside>

_includes/layouts/side-bar.html

@@ -589,4 +589,7 @@
             </nav>
         </details>
     </div>
+
+    {% include layouts/webinar_plug.html %}
+
 </aside>

_includes/layouts/webinar_plug.html

@@ -0,0 +1,5 @@
+
+    <a href="https://go.plotly.com/dashboard-engine?utm_source=Webinar%3A+Dashboard+Engine&utm_medium=dash_docs&utm_content=sidebar" target="_blank">
+      <img src="https://images.prismic.io/plotly-marketing-website/180b201e-929e-4429-827f-934313867b36_dashboard_engine.jpg?auto=compress,format"
+      style="width: 200px; height: 200px; position: fixed; bottom: 10px; left: 50px">
+    </a>

_layouts/base.html

@@ -36,6 +36,8 @@
             <ul class="--sidebar-list"></ul>
           </nav>
         </div>
+        {% include layouts/webinar_plug.html %}
+
       </aside>
       <!-- Main-->
       <section class="--page-body --tutorial-index --base">

all_static/css/main.css

@@ -1672,8 +1672,8 @@ aside.\--sidebar-container {
   aside.\--sidebar-container .\--sidebar-fixed {
     width: 279px;
     z-index: 99;
-    max-height: -webkit-calc(100vh - 128px);
-    max-height: calc(100vh - 128px);
+    max-height: -webkit-calc(100vh - 250px);
+    max-height: calc(100vh - 250px);
     overflow-y: auto;
     scrollbar-color: #20293d !important;
     overflow-x: hidden;
@@ -1699,7 +1699,7 @@ aside.\--sidebar-container {
     aside.\--sidebar-container .\--sidebar-body ul li {
       /* font-size: 1.2rem; */
       font-weight: bold;
-      color: #A0AABA;     
+      color: #A0AABA;
       }
       aside.\--sidebar-container .\--sidebar-body ul li.\--category-title {
         background: #0e1012;
@@ -9628,9 +9628,9 @@ section > .nav-breadcrumb-container {
   padding-right: 5px;
   padding-left: 5px;
   align-items: center;
-  white-space: nowrap; 
+  white-space: nowrap;
   overflow: hidden;
-  text-overflow: ellipsis;  
+  text-overflow: ellipsis;
 }
 
 .breadcrumb-nav a:hover{
@@ -9732,13 +9732,13 @@ section > .nav-breadcrumb-container {
 }
 
 .gg-mega {
-  font-size: 48px; 
+  font-size: 48px;
 }
 
 .gg-big {
-  font-size: 36px; 
+  font-size: 36px;
 }
 
 .gg-sub {
-  font-size: 24px; 
+  font-size: 24px;
 }

scss/_components/_sidebar.scss

@@ -60,7 +60,7 @@ aside {
     .\--sidebar-fixed {
       width: 219px;
       z-index: 99;
-      max-height: calc(100vh - 128px);
+      max-height: calc(100vh - 250px);
       overflow-y: auto;
       overflow-x: hidden;
       &.affix {