moves shell into partial and moves below key features. Adds numpy shel title

Author: joelachance

config.yaml

@@ -32,6 +32,9 @@ params:
   # Customizable navbar. For a dropdown, add a "sublinks" list.
   news:
     title: NumPy News
+
+  shell:
+    title: placeholder
   section3:
     title: CASE STUDIES
     features:

layouts/index.html

@@ -11,6 +11,10 @@
     {{ partial "section2.html" . }}
     {{ end }}
 
+    {{ if .Site.Params.shell }}
+    {{ partial "shell.html" . }}
+    {{ end }}
+
     {{ if .Site.Params.tabs }}
     {{ partial "tabs.html" . }}
     {{ end }}
@@ -37,4 +41,4 @@
     {{ if .Site.Params.sidebar }}
     {{ partial "sidebar.html" . }}
     {{ end }}
-{{ end }}
+{{ end }}

layouts/partials/hero-body.html

@@ -22,25 +22,5 @@
                 </div>
             </div>
         </div>
-        <div class="hero-right">
-            <div class="numpy-shell-canvas">
-                <div class="numpy-shell-container">
-                    {{ partial "shell-content.html" . }}
-                    <!-- Interactive Shell -->
-                    <div class="fake-shell" id="demo-code">
-                        <div class="demo-caret" aria-label="interactive shell prompt">&gt;</div>
-                        <button class="shell-enable-button shell-button" onclick="loadShell();" aria-label="Enables the interactive tutorial shell">
-                            Enable
-                            <div class="loader-container">
-                                <div id="shell-loader" class="loader"></div>
-                            </div>
-                        </button>
-                    </div>
-                    <div class="real-shell" id="numpy-shell" style="display: none;">
-                        <pre id="demo-code" data-executable="true" data-language="python" style="white-space: pre-line;">import numpy as np</pre>
-                    </div>
-                </div>
-            </div>
-        </div>
     </div>
 </div>

layouts/partials/shell.html

@@ -0,0 +1,22 @@
+<div class="hero-right">
+    <div class="numpy-shell-canvas">
+        <div class="numpy-shell-container">
+            <div class="flex-column shell-title-container">
+                {{ partial "shell-content.html" . }}
+            </div>
+            <!-- Interactive Shell -->
+            <div class="fake-shell" id="demo-code">
+                <div class="demo-caret" aria-label="interactive shell prompt">&gt;</div>
+                <button class="shell-enable-button shell-button" onclick="loadShell();" aria-label="Enables the interactive tutorial shell">
+                    Enable
+                    <div class="loader-container">
+                        <div id="shell-loader" class="loader"></div>
+                    </div>
+                </button>
+            </div>
+            <div class="real-shell" id="numpy-shell" style="display: none;">
+                <pre id="demo-code" data-executable="true" data-language="python" style="white-space: pre-line;">import numpy as np</pre>
+            </div>
+        </div>
+    </div>
+</div>

static/css/styles.css

@@ -26,8 +26,9 @@ em {
     justify-content: center;
 }
 
-.hero-container {
-    min-height: 630px;
+.shell-title-container {
+    text-align: center;
+    margin: 15px;
 }
 
 .hero-content {