From 708594489145ac4e77f0b88e36c400551f40dd4c Mon Sep 17 00:00:00 2001
From: Stefan van der Walt <stefanv@berkeley.edu>
Date: Wed, 29 Sep 2021 11:47:06 -0700
Subject: [PATCH] Add numpy.org theme and let it inherit from hugo-fresh

---
 .gitignore                           |   2 +
 .gitmodules                          |   3 +
 config.yaml                          |   2 +
 layouts/_default/baseof.html         |  35 ++
 layouts/_default/list.html           |   1 +
 layouts/_default/single.html         |  31 ++
 layouts/index.html                   |  44 ++
 layouts/partials/css.html            |  29 ++
 layouts/partials/footer.html         |  64 +++
 layouts/partials/hero-body.html      |  26 ++
 layouts/partials/hero.html           |   5 +
 layouts/partials/javascript.html     |  23 +
 layouts/partials/keyfeatures.html    |  17 +
 layouts/partials/navbar-clone.html   | 103 +++++
 layouts/partials/navbar.html         | 106 +++++
 layouts/partials/news.html           |   9 +
 layouts/partials/section1.html       |  33 ++
 layouts/partials/shell-content.html  |  24 ++
 layouts/partials/shell-lesson.html   |  20 +
 layouts/partials/shell.html          |  27 ++
 layouts/partials/single/content.html |  20 +
 layouts/shortcodes/numfocus.html     |  44 ++
 layouts/shortcodes/partners.html     |  37 ++
 layouts/shortcodes/sponsors.html     |  43 ++
 static/css/content.css               |  89 ++++
 static/css/keyfeatures.css           | 111 +++++
 static/css/news.css                  |  48 +++
 static/css/shell.css                 | 204 +++++++++
 static/css/styles.css                | 354 +++++++++++++++
 static/gallery/team.html             | 623 +++++++++++++++++++++++++++
 static/images/README.md              |   4 +
 static/images/favicon.ico            | Bin 0 -> 15086 bytes
 themes/hugo-fresh                    |   1 +
 33 files changed, 2182 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .gitmodules
 create mode 100644 config.yaml
 create mode 100644 layouts/_default/baseof.html
 create mode 100644 layouts/_default/list.html
 create mode 100644 layouts/_default/single.html
 create mode 100644 layouts/index.html
 create mode 100644 layouts/partials/css.html
 create mode 100644 layouts/partials/footer.html
 create mode 100644 layouts/partials/hero-body.html
 create mode 100644 layouts/partials/hero.html
 create mode 100644 layouts/partials/javascript.html
 create mode 100644 layouts/partials/keyfeatures.html
 create mode 100644 layouts/partials/navbar-clone.html
 create mode 100644 layouts/partials/navbar.html
 create mode 100644 layouts/partials/news.html
 create mode 100644 layouts/partials/section1.html
 create mode 100644 layouts/partials/shell-content.html
 create mode 100644 layouts/partials/shell-lesson.html
 create mode 100644 layouts/partials/shell.html
 create mode 100644 layouts/partials/single/content.html
 create mode 100644 layouts/shortcodes/numfocus.html
 create mode 100644 layouts/shortcodes/partners.html
 create mode 100644 layouts/shortcodes/sponsors.html
 create mode 100644 static/css/content.css
 create mode 100644 static/css/keyfeatures.css
 create mode 100644 static/css/news.css
 create mode 100644 static/css/shell.css
 create mode 100644 static/css/styles.css
 create mode 100644 static/gallery/team.html
 create mode 100644 static/images/README.md
 create mode 100644 static/images/favicon.ico
 create mode 160000 themes/hugo-fresh

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..5236e1e4
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+*~
+
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 00000000..fd5c1201
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "themes/hugo-fresh"]
+	path = themes/hugo-fresh
+	url = https://github.com/StefMa/hugo-fresh.git
diff --git a/config.yaml b/config.yaml
new file mode 100644
index 00000000..0206dddf
--- /dev/null
+++ b/config.yaml
@@ -0,0 +1,2 @@
+theme:
+  - scientific-python-hugo-theme/themes/hugo-fresh
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 00000000..fab97c66
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode }}">
+  <head>
+    {{ partial "meta.html" . }}
+    <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
+    {{ partial "css.html" . }}
+
+    <!-- Refer: https://regisphilibert.com/blog/2018/08/hugo-multilingual-part-1-managing-content-translation/ -->
+    {{ if .IsTranslated }}
+      {{ range .Translations }}
+      <link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}" />
+      {{ end }}
+    {{ end }}
+    {{ template "_internal/twitter_cards.html" . }}
+  </head>
+  <body>
+    <!-- Preloader. Set to true for front-page fade-in animation -->
+    {{ if .IsHome }}
+    <div id="preloader"></div>
+    {{ end }}
+
+    {{ block "main" . }}
+    {{ end }}
+
+    <!-- Back To Top Button -->
+    <div id="backtotop"><a href="#" id="backtotop-color"></a></div>
+
+    {{ if .Site.Params.sidebar }}
+    {{ partial "sidebar.html" . }}
+    {{ end }}
+
+    {{ partial "javascript.html" . }}
+    {{ template "_internal/google_analytics_async.html" . }}
+  </body>
+</html>
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
new file mode 100644
index 00000000..ac23ec7b
--- /dev/null
+++ b/layouts/_default/list.html
@@ -0,0 +1 @@
+<!-- Ignore this file. This quiets a hugo server warning. -->
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 00000000..541f9935
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode }}">
+
+<head>
+  {{ partial "meta.html" . }}
+  <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
+  {{ partial "css.html" . }}
+</head>
+
+<body>
+  {{ block "main" . }}
+
+  {{ partial "single/single.html" . }}
+
+  <!-- Back To Top Button -->
+  <div id="backtotop"><a href="#"></a></div>
+
+  {{ if .Params.sidebar }}
+  {{ partial "single/sidebar.html" . }}
+  {{ end }}
+
+  {{ end }}
+
+  {{ partial "javascript.html" . }}
+
+  {{ if .Site.Params.footer }}
+  {{ partial "footer.html" . }}
+  {{ end }}
+</body>
+
+</html>
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 00000000..19084b8c
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1,44 @@
+{{ define "main" }}
+    {{ if .Site.Params.hero }}
+    {{ partial "hero.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.news }}
+    {{ partial "news.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.keyfeatures }}
+    {{ partial "keyfeatures.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.shell }}
+    {{ partial "shell.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.tabs }}
+    {{ partial "tabs.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.casestudies }}
+    {{ partial "casestudies.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.section4 }}
+    {{ partial "section4.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.section5 }}
+    {{ partial "section5.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.footer }}
+    {{ partial "footer.html" . }}
+    {{ end }}
+
+    <!-- Back To Top Button -->
+    <div id="backtotop"><a href="#"></a></div>
+
+    {{ if .Site.Params.sidebar }}
+    {{ partial "sidebar.html" . }}
+    {{ end }}
+{{ end }}
diff --git a/layouts/partials/css.html b/layouts/partials/css.html
new file mode 100644
index 00000000..76b7b635
--- /dev/null
+++ b/layouts/partials/css.html
@@ -0,0 +1,29 @@
+{{- $inServerMode := .Site.IsServer }}
+{{- $sass         := "style.sass" }}
+{{- $cssTarget    := "css/style.css" }}
+{{- $cssOpts      := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true) (dict "targetPath" $cssTarget "outputStyle" "compressed") }}
+{{- $fontFace     := replace .Site.Params.font.name " " "+" }}
+{{- $fontSizes    := delimit .Site.Params.font.sizes "," }}
+{{- $fontUrl      := printf "https://fonts.googleapis.com/css?family=%s:%s" $fontFace $fontSizes }}
+<link href="{{ $fontUrl }}" rel="stylesheet">
+{{- if $inServerMode }}
+{{- $css := resources.Get $sass | toCSS $cssOpts }}
+<link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}">
+{{- else }}
+{{- $css := resources.Get $sass | toCSS $cssOpts | minify | fingerprint }}
+<link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}">
+{{- end }}
+<link rel="stylesheet" type="text/css" href="{{ "css/icons.css" | relURL }}">
+<!-- Numpy Favicon -->
+<link rel="icon" type="image/ico" href="{{ "images/favicon.ico" | relURL }}" />
+<!-- Google Fonts -->
+<link href="https://fonts.googleapis.com/css?family=Lato:400,900&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap" rel="stylesheet">
+<!-- Custom CSS -->
+<link rel="stylesheet" type="text/css" href="{{ "css/styles.css" | relURL }}" />
+<link rel="stylesheet" type="text/css" href="{{ "css/shell.css" | relURL }}" />
+<link rel="stylesheet" type="text/css" href="{{ "css/tabs.css" | relURL }}" />
+<link rel="stylesheet" type="text/css" href="{{ "css/content.css" | relURL }}" />
+<link rel="stylesheet" type="text/css" href="{{ "css/news.css" | relURL }}" />
+<link rel="stylesheet" type="text/css" href="{{ "css/keyfeatures.css" | relURL }}" />
+<link rel="stylesheet" type="text/css" href="{{ "css/casestudies.css" | relURL }}" />
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 00000000..353ba5d7
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,64 @@
+{{- $footer      := .Site.Params.footer }}
+{{- $logo        := index $footer "logo" }}
+{{- $quickLinks  := index $footer "quicklinks" }}
+{{- $socialMedia := index $footer "socialmedia" }}
+<footer id="footer" class="footer">
+  <div class="container">
+    <div id="footer-columns" class="columns">
+      <div class="footer-logo-column">
+        <img id="footer-logo" src="{{ printf "/images/logos/%s" $logo | relURL }}" alt="SciPy logo.">
+      </div>
+      {{- range $quickLinks }}
+        <div class="link-column">
+          <div class="footer-column">
+            <div class="footer-header">
+            </div>
+            <ul class="link-list">
+              {{- range .links }}
+              <li class="link-list">
+                <a class="footer-link" href="{{ .link }}">
+                  {{ .text }}
+                </a>
+              </li>
+              {{- end }}
+            </ul>
+          </div>
+        </div>
+      {{- end }}
+        <div class="footer-actions">
+            <p>Sign up for the latest SciPy news, resources, <br> and more</p>
+            <!-- Begin Mailchimp -->
+            <form action="https://numpy.us4.list-manage.com/subscribe/post?u=5ddd0d1d6e807900a8212481a&amp;id=287fa4253c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate sign-up-container" target="_blank" novalidate>
+                <div class="sign-up-image">
+                    <i class="far fa-envelope"></i>
+                </div>
+                <input type="email" value="" name="EMAIL" class="required email sign-up-input" id="mce-EMAIL" aria-label="Input for email, press enter to submit" onkeypress="if (event.which === 13 || event.keyCode === 13 || event.key === 'Enter') sendThankYou()" />
+                <div class="submission-instructions">Press Enter</div>
+                <button class="signup-button" onclick="sendThankYou()" aria-label="Submit">
+                    <i class="far fa-paper-plane"></i>
+                </button>
+                <div id="mce-responses" class="clear">
+                    <div class="response" id="mce-error-response" style="display:none"></div>
+                    <div class="response" id="mce-success-response" style="display:none"></div>
+                </div>
+                <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+                <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5ddd0d1d6e807900a8212481a_287fa4253c" tabindex="-1" value=""></div>
+                <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" style="display: none;"></div>
+            </form>
+            <div class="thank-you">Thank you! &#127881;</div>
+            <!--End MailChimp -->
+
+            <nav class="level is-mobile">
+                <div class="social-media-icons">
+                    {{- range $socialMedia }}
+                    <a class="level-item" href="{{ .link }}" aria-label="{{ .link }}">
+                    <span class="icon"><i class="fab fa-{{ .icon }}"></i></span>
+                    </a>
+                    {{- end }}
+                </div>
+            </nav>
+            <div class="copyright">&copy; 2021 SciPy. All rights reserved.</div>
+        </div>
+    </div>
+  </div>
+</footer>
diff --git a/layouts/partials/hero-body.html b/layouts/partials/hero-body.html
new file mode 100644
index 00000000..a644d921
--- /dev/null
+++ b/layouts/partials/hero-body.html
@@ -0,0 +1,26 @@
+{{- $hero       := .Site.Params.hero }}
+{{- $title      := index $hero "title" }}
+{{- $subtitle   := index $hero "subtitle" }}
+{{- $buttonText := index $hero "buttontext" }}
+{{- $buttonLink := index $hero "buttonlink" }}
+{{- $image      := index $hero "image" }}
+<div class="hero-container">
+    <div class="hero-content">
+        <div class="hero-title-content">
+            <div class="hero-title">
+                {{ $title }}
+                <img class="hero-logo" src="{{ printf "/images/%s" $image | relURL }}" alt="Numpy logo. A three-dimensional blue cube with the letter 'N' highlighted in yellow.">
+            </div>
+            <div class="flex-column">
+                {{ with $subtitle }}
+                <div class="hero-subtitle">
+                    {{ . }}
+                </div>
+                {{ end }}
+                <div class="hero-cta">
+                    <a href="{{ $buttonLink }}"><button class="cta-button">{{ $buttonText }}</button></a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
new file mode 100644
index 00000000..5fa2ad85
--- /dev/null
+++ b/layouts/partials/hero.html
@@ -0,0 +1,5 @@
+<section class="hero">
+  {{ partial "navbar.html" . }}
+  {{ partial "navbar-clone.html" . }}
+  {{ partial "hero-body.html" . }}
+</section>
\ No newline at end of file
diff --git a/layouts/partials/javascript.html b/layouts/partials/javascript.html
new file mode 100644
index 00000000..4df5b7b2
--- /dev/null
+++ b/layouts/partials/javascript.html
@@ -0,0 +1,23 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
+<script src="https://unpkg.com/feather-icons"></script>
+<script src="{{ "js/fresh.js" | relURL }}"></script>
+<script src="{{ "js/jquery.panelslider.min.js" | relURL }}"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
+<!-- Font Awesome -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/js/all.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"></script>
+<!-- UIkit -->
+<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.7/dist/js/uikit.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.7/dist/css/uikit.min.css" />
+<!-- Thebe Configuration -->
+<script type="text/x-thebe-config">
+    {
+        requestKernel: true,
+        binderOptions: {
+            repo: "joelachance/thebelab-requirements"
+        },
+    }
+</script>
+<script src="https://unpkg.com/thebelab@0.4.0/lib/index.js"></script>
+<!-- app.js -->
+<script src="{{ "js/app.js" | relURL }}"></script>
diff --git a/layouts/partials/keyfeatures.html b/layouts/partials/keyfeatures.html
new file mode 100644
index 00000000..2a869dea
--- /dev/null
+++ b/layouts/partials/keyfeatures.html
@@ -0,0 +1,17 @@
+{{- $keyfeatures := .Site.Params.keyfeatures }}
+{{- $features := index $keyfeatures "features" }}
+
+<section class="keyfeatures">
+    <div class="container">
+        <div class="keyfeatures-box-container">
+            {{- range $features }}
+            <div class="keyfeatures-box-content keyfeatures-underline">
+                <p>
+                    <div class="keyfeatures-box-title">{{ .title }}</div>
+                    <div class="keyfeatures-box-text">{{ .text | markdownify }}</div>
+                </p>
+            </div>
+            {{- end }}
+        </div>
+    </div>
+</section>
diff --git a/layouts/partials/navbar-clone.html b/layouts/partials/navbar-clone.html
new file mode 100644
index 00000000..0fdf5ff9
--- /dev/null
+++ b/layouts/partials/navbar-clone.html
@@ -0,0 +1,103 @@
+{{- $navbar         := .Site.Params.navbar }}
+{{- $sidebarVisible := .Site.Params.sidebar }}
+{{ if .Params.sidebar }}
+{{ $sidebarVisible = .Params.sidebar }}
+{{ end }}
+{{- $navbarLogo     := .Site.Params.navbarlogo }}
+<nav id="navbar-clone" class="navbar is-fresh is-transparent" role="navigation" aria-label="main navigation">
+  <div class="container">
+    <div class="navbar-brand">
+      {{- if $navbarLogo}}
+      <a id="navbar-item" class="navbar-item" href="{{ $navbarLogo.link }}">
+        <img src="{{ printf "/images/%s" $navbarLogo.image | relURL }}" alt="" width="112" height="28">
+      </a>
+      {{- end}}
+
+      {{- if $sidebarVisible }}
+      <a id="navbar-item" class="navbar-item is-hidden-desktop is-hidden-tablet">
+        <div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
+          <svg width="1000px" height="1000px">
+            <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
+            <path class="path2" d="M 300 500 L 700 500"></path>
+            <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
+          </svg>
+          <button id="menu-icon-trigger" class="menu-icon-trigger"></button>
+        </div>
+      </a>
+      {{- end }}
+
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="cloned-navbar-menu">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+      </a>
+    </div>
+
+    <div id="cloned-navbar-menu" class="navbar-menu is-fixed">
+
+      {{- if $sidebarVisible }}
+      <div class="navbar-start">
+        <a id="navbar-item" class="navbar-item is-hidden-mobile">
+          <div id="cloned-menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
+            <svg width="1000px" height="1000px">
+              <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
+              <path class="path2" d="M 300 500 L 700 500"></path>
+              <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
+            </svg>
+            <button id="cloned-menu-icon-trigger" class="menu-icon-trigger"></button>
+          </div>
+        </a>
+      </div>
+      {{- end }}
+
+      <div class="navbar-end">
+        {{- range $navbar }}
+        {{- if .sublinks }}
+        <div id="navbar-item" class="navbar-item has-dropdown is-hoverable">
+          <a class="navbar-link">
+            {{ .title }}
+          </a>
+
+          <div class="navbar-dropdown">
+            {{- range .sublinks }}
+            <a href="{{ .url }}" id="navbar-item" class="navbar-item">
+              {{ .title }}
+            </a>
+            {{- end }}
+          </div>
+        </div>
+        {{- else if .button }}
+        <a href="{{ .url }}" id="navbar-item" class="navbar-item">
+          <span class="button signup-button rounded secondary-btn raised">
+            {{ .title }}
+          </span>
+        </a>
+        {{- else }}
+        <a href="{{ .url }}" id="navbar-item" class="navbar-item is-secondary">
+          {{ .title }}
+        </a>
+        {{- end }}
+        {{- end }}
+        {{- if .IsTranslated }}
+            <div class="navbar-item has-dropdown is-hoverable">
+                <a class="navbar-link">{{ .Language.LanguageName }}</a>
+              <div class="navbar-dropdown">
+              {{- range .Translations }}
+
+              <a href="{{ .RelPermalink }}" id="navbar-item" class="navbar-item">
+                {{ .Language.LanguageName }}
+              </a>
+
+              {{- end }}
+
+              <a href="https://crowdin.com/project/numpyorg"
+              id="navbar-item" class="navbar-item" target="_blank">
+                Help us to translate
+              </a>
+              </div>
+            </div>
+        {{- end }}
+      </div>
+    </div>
+</div>
+</nav>
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
new file mode 100644
index 00000000..086296ac
--- /dev/null
+++ b/layouts/partials/navbar.html
@@ -0,0 +1,106 @@
+{{- $navbar         := .Site.Params.navbar }}
+{{- $sidebarVisible := .Site.Params.sidebar }}
+{{ if .Params.sidebar }}
+{{ $sidebarVisible = .Params.sidebar }}
+{{ end }}
+{{- $navbarLogo     := .Site.Params.navbarlogo }}
+
+<nav id="nav" class="navbar is-fresh is-transparent no-shadow" role="navigation" aria-label="main navigation">
+  <div class="container">
+    <div class="navbar-brand">
+      {{ if not .IsHome }}
+        {{- if $navbarLogo}}
+            <a id="navbar-item" class="navbar-item" href="{{ $navbarLogo.link }}">
+                <img src="{{ printf "/images/%s" $navbarLogo.image | relURL }}" alt="Numpy logo. A three-dimensional blue cube with the letter 'N' highlighted in yellow." width="112" height="28" alt="Numpy logo. A three-dimensional blue cube with the letter 'N' highlighted in yellow.">
+            </a>
+        {{- end}}
+      {{ end }}
+      {{- if $sidebarVisible }}
+      <a id="navbar-item" class="navbar-item is-hidden-desktop is-hidden-tablet">
+        <div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
+          <svg width="1000px" height="1000px">
+            <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
+            <path class="path2" d="M 300 500 L 700 500"></path>
+            <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
+          </svg>
+          <button id="menu-icon-trigger" class="menu-icon-trigger"></button>
+        </div>
+      </a>
+      {{- end }}
+
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar-menu">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+      </a>
+    </div>
+
+      <div id="navbar-menu" class="navbar-menu is-static">
+
+        {{- if $sidebarVisible }}
+        <div class="navbar-start">
+          <a id="navbar-item" class="navbar-item is-hidden-mobile">
+            <div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
+              <svg width="1000px" height="1000px">
+                <path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
+                <path class="path2" d="M 300 500 L 700 500"></path>
+                <path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
+              </svg>
+              <button id="menu-icon-trigger" class="menu-icon-trigger"></button>
+            </div>
+          </a>
+        </div>
+        {{- end }}
+
+        <div class="navbar-end">
+          {{- range $navbar }}
+          {{- if .sublinks }}
+          <div id="navbar-item" class="navbar-item has-dropdown is-hoverable">
+            <a class="navbar-link">
+              {{ .title }}
+            </a>
+
+            <div class="navbar-dropdown">
+              {{- range .sublinks }}
+              <a href="{{ .url }}" id="navbar-item" class="navbar-item">
+                {{ .title }}
+              </a>
+              {{- end }}
+            </div>
+          </div>
+          {{- else if .button }}
+          <a href="{{ .url }}" id="navbar-item" class="navbar-item">
+            <span class="button signup-button rounded secondary-btn raised">
+              {{ .title }}
+            </span>
+          </a>
+          {{- else }}
+          <a href="{{ .url }}" id="navbar-item" class="navbar-item is-secondary">
+            {{ .title }}
+          </a>
+          {{- end }}
+          {{- end }}
+
+          {{- if .IsTranslated }}
+            <div class="navbar-item has-dropdown is-hoverable">
+              <a aria-label="Select language" class="navbar-link">{{ .Language.LanguageName }}</a>
+              <div class="navbar-dropdown">
+              {{- range .Translations }}
+
+              <a href="{{ .RelPermalink }}" id="navbar-item" class="navbar-item">
+                {{ .Language.LanguageName }}
+              </a>
+
+              {{- end }}
+              <a href="https://crowdin.com/project/numpyorg"
+                id="navbar-item" class="navbar-item" target="_blank">
+                Help us to translate
+              </a>
+              </div>
+            </div>
+          {{- end }}
+        </div>
+      </div>
+  </div>
+</nav>
+
diff --git a/layouts/partials/news.html b/layouts/partials/news.html
new file mode 100644
index 00000000..e2a0211f
--- /dev/null
+++ b/layouts/partials/news.html
@@ -0,0 +1,9 @@
+{{- $news       := .Site.Params.news }}
+{{- $title      := index $news "title" }}
+{{- $content      := index $news "content" }}
+{{- $url      := index $news "url" }}
+
+<div class="news-container">
+    <div class="news-title"> <a href="{{ $url}}"> {{ $title }} </a></div>
+    <div class="news-content"> <a href="{{ $url}}"> {{ $content }} </a></div>
+</div>
diff --git a/layouts/partials/section1.html b/layouts/partials/section1.html
new file mode 100644
index 00000000..21d72dd3
--- /dev/null
+++ b/layouts/partials/section1.html
@@ -0,0 +1,33 @@
+{{- $section1 := .Site.Params.section1 }}
+{{- $title    := index $section1 "title" }}
+{{- $subtitle := index $section1 "subtitle" }}
+{{- $tiles    := index $section1 "tiles" }}
+<section class="section is-medium">
+  <div class="container">
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2">{{ $title }}</h2>
+      <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
+      <div class="divider is-centered"></div>
+    </div>
+
+    <div class="content-wrapper">
+      <div class="columns">
+        {{- range $tiles }}
+        <div class="column is-one-quarter">
+          <div id="feature-card" class="feature-card is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
+            <div class="card-title">
+              <h4>{{ .title }}</h4>
+            </div>
+            <div class="card-icon">
+                <img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
+            </div>
+            <div class="card-text">
+                <p>{{ .text }}</p>
+            </div>
+          </div>
+        </div>
+        {{- end }}
+      </div>
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/shell-content.html b/layouts/partials/shell-content.html
new file mode 100644
index 00000000..b7838875
--- /dev/null
+++ b/layouts/partials/shell-content.html
@@ -0,0 +1,24 @@
+{{- $shellcontent := .Site.Params.shellcontent }}
+{{- $intro := index $shellcontent "intro" }}
+{{- $loading := index $shellcontent "loading" }}
+{{- $docslink := index $shellcontent "docslink" }}
+<div class="shell-intro shell-content">
+    {{- range $intro }}
+    <div class="shell-title">{{ .title }}</div>
+    <div class="shell-content-message">{{ .text }}</div>
+    {{- end }}
+</div>
+
+<div class="shell-wait shell-content" style="display: none;">
+    {{- range $loading }}
+    <div class="shell-title">{{ .title }}</div>
+    <div class="shell-content-message">
+        <p>{{ .text }}</p>
+    {{- end }}
+        <p>{{ $docslink | markdownify }}</p>
+    </div>
+</div>
+
+<div class="shell-lesson shell-content" style="display: none;">
+    {{partial "shell-lesson.html" | print | markdownify}}
+</div>
diff --git a/layouts/partials/shell-lesson.html b/layouts/partials/shell-lesson.html
new file mode 100644
index 00000000..35070e5a
--- /dev/null
+++ b/layouts/partials/shell-lesson.html
@@ -0,0 +1,20 @@
+```python
+>>> # The standard way to import NumPy:
+>>> import numpy as np
+
+>>> # Create a 2-D array, set every second element in
+>>> # some rows and find max per row:
+
+>>> x = np.arange(15, dtype=np.int64).reshape(3, 5)
+>>> x[1:, ::2] = -99
+>>> x
+array([[  0,   1,   2,   3,   4],
+       [-99,   6, -99,   8, -99],
+       [-99,  11, -99,  13, -99]])
+>>> x.max(axis=1)
+array([ 4,  8, 13])
+
+>>> # Generate normally distributed random numbers:
+>>> rng = np.random.default_rng()
+>>> samples = rng.normal(size=2500)
+```
diff --git a/layouts/partials/shell.html b/layouts/partials/shell.html
new file mode 100644
index 00000000..ed8749e9
--- /dev/null
+++ b/layouts/partials/shell.html
@@ -0,0 +1,27 @@
+{{- $shell := .Site.Params.shell }}
+{{- $promptlabel := index $shell "promptlabel" }}
+{{- $button := index $shell "button" }}
+<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="{{ $promptlabel }}">&gt;</div>
+                {{- range $button }}
+                <button class="shell-enable-button shell-button" onclick="loadShell();" aria-label="{{ .label }}">
+                    {{ .text }}
+                    <div class="loader-container">
+                        <div id="shell-loader" class="loader"></div>
+                    </div>
+                </button>
+                {{- end }}
+            </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>
\ No newline at end of file
diff --git a/layouts/partials/single/content.html b/layouts/partials/single/content.html
new file mode 100644
index 00000000..4ab717f1
--- /dev/null
+++ b/layouts/partials/single/content.html
@@ -0,0 +1,20 @@
+<section class="content-padding flex-row">
+    <div class="shortcuts-container">
+        <div class="shortcuts-title">Shortcuts</div>
+        <div id="shortcuts"></div>
+        <div class="sidebar-links">
+            <a href="/gethelp">Get Help</a>
+        </div>
+    </div>
+    <div class="content-container">
+        <div class="columns">
+            <div class="column is-centered-tablet-portrait">
+                <h1 class="title section-title">{{ .Title }}</h1>
+                <h5 class="subtitle is-5 is-muted">{{ .Params.Subtitle }}</h5>
+                <div class="divider"></div>
+            </div>
+        </div>
+        {{ .Content }}
+    </div>
+  </div>
+</section>
diff --git a/layouts/shortcodes/numfocus.html b/layouts/shortcodes/numfocus.html
new file mode 100644
index 00000000..95a588e5
--- /dev/null
+++ b/layouts/shortcodes/numfocus.html
@@ -0,0 +1,44 @@
+<div class="numfocus">
+    <a href="https://numfocus.org/donate-to-numpy">
+        <img src="/images/logos/NumFOCUS_sponsored_project_logo.svg" width="200" alt="NumFOCUS logo" />
+    </a>
+    <a href="https://numfocus.org/donate-to-numpy" class="numfocus-button">
+        DONATE
+    </a>
+</div>
+
+<style>
+    .numfocus {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin: 30px;
+        cursor: pointer;
+    }
+
+    .numfocus-button {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 170px;
+        height: 35px;
+        margin: 15px 0;
+        font-size: 11px;
+        text-transform: uppercase;
+        letter-spacing: 1.5px;
+        font-weight: 500;
+        color: #fff;
+        transition: background-color 0.5s ease, color 0.5s ease;
+        background-color: #013243;
+        border: none;
+        border-radius: 25px;
+        outline: none;
+        box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
+        cursor: pointer;
+    }
+    .numfocus-button:hover {
+        text-decoration: none;
+        background-color: #e4f1fe;
+        color: #013243;
+    }
+</style>
\ No newline at end of file
diff --git a/layouts/shortcodes/partners.html b/layouts/shortcodes/partners.html
new file mode 100644
index 00000000..9ad9aab3
--- /dev/null
+++ b/layouts/shortcodes/partners.html
@@ -0,0 +1,37 @@
+<div class="partner-images">
+    <a href="https://www.berkeley.edu">
+        <img src="/images/logos/berkeley-color.svg" width="200" alt="Logo of UC Berkeley" />
+    </a>
+    <a href="https://www.quansight.com">
+        <img src="/images/logos/quansight.svg" width="200" alt="Logo of Quansight" />
+    </a>
+</div>
+
+<style>
+    .partner-images {
+        display: flex;
+        flex-direction: row;
+        max-width: 900px;
+        justify-content: center;
+        margin: 30px;
+    }
+
+    .partner-images > a {
+        height: 75px;
+        width: auto;
+        padding: 0 30px;
+        margin: 30px 0;
+    }
+
+    @media only screen and (max-width: 850px) {
+        .partner-images {
+            flex-direction: column;
+        }
+
+        .partner-images > img {
+            height: auto;
+            margin: 30px 0;
+            padding: 0;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/layouts/shortcodes/sponsors.html b/layouts/shortcodes/sponsors.html
new file mode 100644
index 00000000..885a2d7b
--- /dev/null
+++ b/layouts/shortcodes/sponsors.html
@@ -0,0 +1,43 @@
+<div class="sponsor-images">
+    <a href="https://www.moore.org">
+        <img src="/images/logos/moore.svg" alt="Logo of the Gordon and Betty Moore Foundation" />
+    </a>
+    <a href="https://www.sloan.org">
+        <img src="/images/logos/sloan.svg" alt="Logo of the Alfred P. Sloan Foundation" />
+    </a>
+    <a href="https://www.chanzuckerberg.com">
+        <img src="/images/logos/CZI.svg" alt="Logo of the Chan Zuckerberg Initiative" />
+    </a>
+    <a href="https://www.tidelift.com">
+        <img src="/images/logos/tidelift.png" width="200" alt="Logo of Tidelift" />
+    </a>
+</div>
+
+<style>
+    .sponsor-images {
+        display: flex;
+        flex-direction: row;
+        max-width: 900px;
+        justify-content: center;
+        margin: 30px;
+    }
+
+    .sponsor-images > a {
+        height: 75px;
+        width: auto;
+        padding: 0 30px;
+        margin: 30px 0;
+    }
+
+    @media only screen and (max-width: 850px) {
+        .sponsor-images {
+            flex-direction: column;
+        }
+
+        .sponsor-images > img {
+            height: auto;
+            margin: 30px 0;
+            padding: 0;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/static/css/content.css b/static/css/content.css
new file mode 100644
index 00000000..3fa8fbff
--- /dev/null
+++ b/static/css/content.css
@@ -0,0 +1,89 @@
+.content-padding {
+    display: flex;
+    justify-content: center;
+    padding: 75px 15px 125px 15px;
+}
+
+.shortcuts-container {
+    width: 100%;
+    max-width: 150px;
+    margin: 75px 15px;
+}
+
+.content-container {
+    max-width: 850px;
+    margin: 0 30px;
+    overflow: hidden;
+}
+
+.content-container ul {
+    list-style-type: circle;
+    padding: 10px;
+    margin-left: 15px;
+}
+
+.content-container  ol {
+    padding: 10px;
+    margin-left: 15px;
+}
+
+.content-container h1 {
+    font-size: 2em;
+    text-transform: uppercase;
+    letter-spacing: 1.5px;
+    font-weight: bold;
+}
+
+.content-container .divider {
+    background: #013243;
+}
+
+.content-container h2 {
+    font-size: 1.4em;
+    text-transform: uppercase;
+    letter-spacing: 1.3px;
+    font-weight: bold;
+    margin-top:30px;
+}
+
+.content-container h3 {
+    font-size: 1.1em;
+    text-transform: uppercase;
+    letter-spacing: 1.3px;
+    font-weight: bold;
+    margin-top: 25px;
+}
+
+.shortcuts-title {
+    font-size: 17px;
+    font-weight: bold;
+}
+
+#shortcuts {
+    margin-top: 10px;
+    border-left: 1px solid #013243;
+}
+
+.shortcuts-H2 {
+    margin: 5px 5px 0 15px;
+    font-size: 15px;
+    cursor: pointer;
+}
+
+.shortcuts-H3 {
+    margin: 5px 5px 0 25px;
+    font-size: 14px;
+    cursor: pointer;
+}
+
+.sidebar-links {
+    display: flex;
+    flex-direction: column;
+    margin: 30px 0 0 0;
+}
+
+@media only screen and (max-width: 1090px) {
+    .shortcuts-container {
+        display: none;
+    }
+}
\ No newline at end of file
diff --git a/static/css/keyfeatures.css b/static/css/keyfeatures.css
new file mode 100644
index 00000000..a014dcbc
--- /dev/null
+++ b/static/css/keyfeatures.css
@@ -0,0 +1,111 @@
+.keyfeatures {
+    margin: 15px 0;
+}
+
+.keyfeatures .container {
+    display: flex;
+    flex-direction: column;
+}
+
+.keyfeatures-box-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.keyfeatures-box-content {
+    height: 200px;
+    min-width: 275px;
+    width: 335px;
+    margin: 25px auto;
+    border-radius: 3px;
+}
+
+.keyfeatures-box-title {
+    margin: 15px;
+    font-size: 16px;
+    text-transform: uppercase;
+}
+
+.keyfeatures-box-text > a {
+    color: #4D77CF;
+}
+
+.keyfeatures-box-text {
+    margin: 15px;
+    font-size: 14px;
+    height: 6em;
+    overflow: hidden;
+}
+
+.keyfeatures-box-text:after {
+    content: "";
+    text-align: right;
+    position: absolute;
+    bottom:30px;
+    right: 0;
+    width: 70%;
+    height: 1.2em;
+    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
+}
+
+.keyfeatures-box-content:hover > .keyfeatures-box-text, .keyfeatures-box-content:focus > .keyfeatures-box-text, .keyfeatures-box-content:active > .keyfeatures-box-text {
+    color: #6C7A89;
+}
+
+@media only screen and (max-width: 1280px) {
+    .keyfeatures .container {
+        align-items: center;
+        justify-content: center;
+    }
+
+    .keyfeatures-box-container {
+        justify-content: center;
+    }
+}
+
+@media only screen and (max-width: 1090px) {
+    .keyfeatures .container {
+        margin: 0 6vw;
+    }
+}
+
+@media only screen and (max-width: 425px) {
+    .keyfeatures .container {
+        align-items: center;
+        justify-content: center;
+        margin: 0 10%;
+    }
+}
+
+.keyfeatures-underline {
+    display: inline-block;
+    vertical-align: middle;
+    -webkit-transform: perspective(1px) translateZ(0);
+    transform: perspective(1px) translateZ(0);
+    /* Black, with 10% opacity */
+    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
+    position: relative;
+    overflow: hidden;
+}
+
+.keyfeatures-underline:before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    left: 0;
+    right: 100%;
+    bottom: 0;
+    background: #013243;
+    height: 4px;
+    -webkit-transition-property: right;
+    transition-property: right;
+    -webkit-transition-duration: 0.3s;
+    transition-duration: 0.3s;
+    -webkit-transition-timing-function: ease-out;
+    transition-timing-function: ease-out;
+}
+
+.keyfeatures-underline:hover:before, .keyfeatures-underline:focus:before, .keyfeatures-underline:active:before {
+    right: 0;
+}
diff --git a/static/css/news.css b/static/css/news.css
new file mode 100644
index 00000000..6108aee8
--- /dev/null
+++ b/static/css/news.css
@@ -0,0 +1,48 @@
+.news-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100vw;
+    min-height: 45px;
+    background-color: #013243;
+    color: white;
+    white-space: nowrap;
+}
+
+.news-container a {
+    color: white;
+}
+
+.news-container a:hover {
+    color: white;
+}
+
+.news-title {
+    display: flex;
+    letter-spacing: 1.5px;
+    font-size: 27px;
+    font-weight: bold;
+    margin: 10px;
+    margin-right: 20px;
+}
+
+@media only screen and (max-width: 1300px) {
+    .news-container {
+        white-space: unset;
+    }
+
+    .news-title {
+        text-align: center;
+    }
+}
+
+@media only screen and (max-width: 1090px) {
+    .news-container {
+        flex-direction: column;
+        padding: 30px;
+    }
+
+    .news-content {
+        text-align: center;
+    }
+}
diff --git a/static/css/shell.css b/static/css/shell.css
new file mode 100644
index 00000000..8bfc8855
--- /dev/null
+++ b/static/css/shell.css
@@ -0,0 +1,204 @@
+.hero-right {
+    display: flex;
+    width: 100vw;
+    /* Black, with 10% opacity */
+    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
+}
+
+.numpy-shell-canvas {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100vw;
+    min-height: 455px;
+    background-color: #EEEEEE;
+}
+
+.numpy-shell-container {
+    width: 100vw;
+    max-width: 1200px;
+    height: 100%;
+    min-height: 400px;
+    display: flex;
+    position: relative;
+    flex-direction: row;
+    justify-content: space-evenly;
+    align-items: center;
+}
+
+.shell-content {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+}
+
+.numpy-shell-border {
+    max-width: 1200px;
+}
+
+#numpy-shell {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.loader-container {
+    position: absolute;
+    top: 19px;
+    right: 60px;
+}
+
+#shell-loader {
+    display: none;
+    position: absolute;
+    top: 30%;
+    left: 40%;
+}
+
+.shell-title-container {
+    text-align: center;
+    align-items: center;
+    margin: 15px;
+    min-width: 260px;
+}
+
+.shell-title {
+    font-size: 35px;
+    font-weight: bold;
+}
+
+.shell-enable-button {
+    position: relative;
+    margin: 15px 0;
+}
+
+.shell-button {
+    width: 225px;
+    height: 50px;
+    font-size: 12px;
+    text-transform: uppercase;
+    letter-spacing: 1.5px;
+    font-weight: 500;
+    color: black;
+    background-color: #EEEEEE;
+    border: none;
+    border-radius: 25px;
+    outline: none;
+    /* Black, with 10% opacity */
+    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+}
+
+.shell-lesson {
+    display: none;
+    text-align: left;
+    padding: 15px;
+    height: 100%;
+    width: 100%;
+}
+
+.shell-lesson > p {
+    margin: 2px 0 2px 0;
+}
+
+.highlight:not(:last-child) {
+    margin-bottom: 1px !important;
+}
+
+.demo-caret {
+    position: absolute;
+    top: 4px;
+    left: 7px;
+    font-weight: bolder;
+    font-size: small;
+}
+
+#demo-code {
+    position: relative;
+    border: none;
+    border-radius: 10px;
+    min-height: 460px;
+    max-height: 460px;
+    min-width: 500px;
+    margin: 15px;
+    padding: 0 17px;
+    color: #FFFFFF;
+    overflow: auto;
+    background-color: #013243;
+    font-family: 'Source Code Pro', monospace;
+}
+
+.CodeMirror {
+    max-height: 124px;
+}
+
+.CodeMirror-lines {
+    min-height: 30px!important;
+}
+
+.CodeMirror pre {
+    color: #FFFFFF !important;
+}
+
+.CodeMirror-cursor {
+    color: #FFFFFF !important;
+    border-left: 1px solid white !important;
+}
+
+#demo-code.fake-shell {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    /* #013243, with 50% opacity */
+    background: rgba(1,50,67, 0.5)
+}
+
+#demo-button-run {
+    width: 170px;
+    height: 35px;
+    font-size: 11px;
+    text-transform: uppercase;
+    letter-spacing: 1.5px;
+    font-weight: 500;
+    color: black;
+    background-color: #EEEEEE;
+    border: none;
+    border-radius: 25px;
+    outline: none;
+    /* Black, with 10% opacity */
+    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+    position: absolute;
+    top: 135px;
+}
+
+.shift-enter {
+    font-size: 0.8em;
+}
+
+.thebelab-input {
+    height: 190px;
+}
+
+#demo-output-parent {
+    position: relative;
+}
+
+#demo-output {
+    position: absolute;
+}
+
+@media only screen and (max-width: 1090px) {
+    .numpy-shell-container {
+        flex-direction: column;
+        justify-content: space-around;
+    }
+
+    #numpy-shell {
+        width: 100vw;
+    }
+
+    #demo-code {
+        min-width: 75%;
+    }
+}
diff --git a/static/css/styles.css b/static/css/styles.css
new file mode 100644
index 00000000..e61e0f6c
--- /dev/null
+++ b/static/css/styles.css
@@ -0,0 +1,354 @@
+/* NumPy Color Palette */
+/* #FFC553 Mustard */
+/* #4DABCF Maximum Blue */
+/* #4D77CF Han Blue */
+/* #FFFFFF White */
+/* #EEEEEE Isabelline */
+/* #6C7A89 Aurometalsaurus */
+/* #013243 Warm Black */
+
+body {
+    font-family: 'Lato', sans-serif;
+}
+
+em {
+    color: black !important;
+}
+
+.flex-row {
+    display: flex;
+    flex-direction: row;
+}
+
+.flex-column {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.hero-container {
+    width: 100vw;
+}
+
+.hero-container {
+    width: 100vw;
+}
+
+.hero-content {
+    display: flex;
+    flex-direction: column;
+}
+
+.hero-title-content {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    max-width: 1200px;
+    margin: 6vh auto;
+    justify-content: space-around;
+}
+
+.hero-headline {
+    display: flex;
+    flex-direction: row;
+}
+
+.hero-title {
+    display: flex;
+    font-family: 'Lato', sans-serif;
+    font-weight: 900;
+    font-size: 6em;
+    color: #013243;
+}
+
+.hero-logo {
+    max-height: 75px;
+    padding: 0px 0 0 15px;
+}
+
+.hero-subtitle {
+    font-size: 1em;
+    max-width: 550px;
+}
+
+.hero-cta {
+    padding: 15px 0;
+}
+
+.cta-button {
+    width: 175px;
+    height: 45px;
+    font-size: 11px;
+    text-transform: uppercase;
+    letter-spacing: 1.5px;
+    font-weight: 500;
+    color:#FFFFFF;
+    background-color: #013243;
+    border: none;
+    border-radius: 25px;
+    outline: none;
+    /* Black, with 10% opacity */
+    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+}
+
+#navbar-item {
+    color: #013243;
+    text-decoration: none;
+}
+
+#navbar-item:hover {
+    color: #4DABCF !important;
+}
+
+#feature-card {
+    height: 475px;
+}
+#backtotop.visible #backtotop-color:hover {
+    background: #ffc553;
+}
+
+.mt-30 {
+    margin-top: 30px;
+}
+
+h2 {
+    font-size: 1.5em;
+    font-weight: bold;
+    padding-top: 15px;
+}
+
+h3 {
+    font-size: 1.2em;
+    font-weight: bold;
+    padding-top: 10px;
+}
+
+p {
+    padding-top: 5px;
+}
+
+.content-container ul {
+    list-style-type: circle;
+    padding: 10px;
+    margin-left: 15px;
+}
+
+.content-container  ol {
+    padding: 10px;
+    margin-left: 15px;
+}
+
+@media only screen and (max-width: 1090px) {
+    .hero-content {
+        flex-direction: column;
+        padding: 0;
+        align-items: center;
+    }
+
+    .hero-title-content {
+        flex-direction: column;
+        align-items: center;
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    .flex-column {
+        margin: 0 30px;
+    }
+
+    .hero-title {
+        font-size: 4em;
+    }
+
+    .hero-logo {
+        max-height: 60px;
+    }
+}
+
+@media only screen and (max-width: 400px) {
+    .hero-logo {
+        max-height: 50px;
+    }
+}
+
+@media only screen and (max-width: 320px) {
+    .hero-logo {
+        max-height: 40px;
+    }
+}
+
+/* Footer */
+#footer {
+    background-color: #013243;
+}
+
+.footer-logo-column {
+    display: flex;
+    justify-content: center;
+    padding: 20px 5vw;
+    font-size: 1rem;
+}
+
+#footer-logo {
+    height: 75px;
+}
+
+.link-column {
+    display: block;
+    flex-basis: 0;
+    flex-grow: 1;
+    flex-shrink: 1;
+}
+
+.footer-link, .footer-link:hover {
+    font-size: 1rem;
+    color: #EEEEEE;
+}
+
+.footer-actions {
+    max-width: 25vw;
+    margin: 20px 25px;
+}
+
+.footer-actions > p {
+    padding-top: 0;
+}
+
+.footer-actions p {
+    margin: 0;
+    color: #EEEEEE;
+}
+
+.sign-up-container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    position: relative;
+    height: 75px;
+}
+
+.sign-up-image {
+    padding: 5px 10px 6px 10px;
+    border-right: 1px solid #EEEEEE;
+    background-color: #EEEEEE;
+    border-radius: 5px 0 0 5px;
+}
+
+.sign-up-input {
+    background-color: white;
+    border-radius: 0 5px 5px 0;
+    border: none;
+    width: 75%;
+    height: 35px;
+    padding-left: 5px;
+    font-size: 14px;
+    color: #013243;
+}
+
+.submission-instructions {
+    position: absolute;
+    right: 18%;
+    font-size: 10px;
+    color: #6c7a89;
+}
+
+.signup-button {
+    display: none;
+}
+
+.thank-you {
+    display: none;
+    height: 75px;
+    color: #EEEEEE;
+    align-items: center;
+}
+
+.social-media-icons {
+    display: flex;
+}
+
+.copyright {
+    font-size: 12px;
+    color: #EEEEEE;
+}
+
+figcaption {
+    text-align: center;
+}
+
+.csfigcaption {
+    text-align: center;
+}
+
+.fig-center {
+    text-align: center;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 80%;
+}
+
+blockquote {
+    margin: 10px;
+}
+
+blockquote p {
+    padding: 15px;
+    background: #EEEEEE;
+    border-radius: 5px;
+}
+
+blockquote p::before {
+    content: '\201C';
+}
+
+blockquote p::after {
+    content: '\201D';
+}
+
+@media only screen and (max-width: 1150px) {
+    .sign-up-input {
+        font-size: 12px;
+    }
+}
+
+@media only screen and (max-width: 850px) {
+    #footer-columns {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+    }
+
+    .footer-actions {
+        max-width: 50vw;
+    }
+
+    .sign-up-input {
+        width: 100%;
+    }
+
+    .thank-you {
+        justify-content: center;
+    }
+
+    .social-media-icons {
+        width: 100%;
+    }
+
+    .submission-instructions {
+        display: none;
+    }
+
+    .signup-button {
+        display: block;
+        height: 35px;
+        border-radius: 5px;
+        margin-left: 5px;
+        width: 60px;
+        color: black;
+        border:none;
+        outline:none;
+    }
+}
diff --git a/static/gallery/team.html b/static/gallery/team.html
new file mode 100644
index 00000000..77b8a5fe
--- /dev/null
+++ b/static/gallery/team.html
@@ -0,0 +1,623 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>NumPy</title>
+    <link rel="stylesheet"
+      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
+      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
+      crossorigin="anonymous">
+
+        <link rel="stylesheet"
+          href="/static/css/styles.css">
+
+    </head>
+    <body>
+      <header>
+      </header>
+      <main role="main">
+        <div class="container">
+          <h1 id="numpy-team-gallery">NumPy Team Gallery</h1>
+<p>We are an international team on a mission to support scientific and research communities worldwide by building quality, open-source software. <a href="/contribute"><strong>Join us</strong></a>!</p>
+<hr>
+
+<h3 id="maintainers">Maintainers</h3>
+<div class="row maintainers">
+
+        <div class="card-group maintainers">
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars1.githubusercontent.com/u/9040124?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Allan Haldane
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/ahaldane">ahaldane</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars0.githubusercontent.com/u/2789820?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Marten van Kerkwijk
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/mhvk">mhvk</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars2.githubusercontent.com/u/1217238?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Stephan Hoyer
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/shoyer">shoyer</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars0.githubusercontent.com/u/609896?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Nathaniel J. Smith
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/njsmith">njsmith</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars3.githubusercontent.com/u/46135?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Robert Kern
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/rkern">rkern</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars3.githubusercontent.com/u/425260?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Eric Wieser
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/eric-wieser">eric-wieser</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars2.githubusercontent.com/u/45071?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Stefan van der Walt
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/stefanv">stefanv</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars1.githubusercontent.com/u/35046?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Pauli Virtanen
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/pv">pv</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars3.githubusercontent.com/u/98330?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Ralf Gommers
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/rgommers">rgommers</a>
+                        </p>
+                    </div>
+                </div>
+
+
+    </div>
+
+        <div class="card-group maintainers">
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars3.githubusercontent.com/u/77272?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Charles Harris
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/charris">charris</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars1.githubusercontent.com/u/61977?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Sebastian Berg
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/seberg">seberg</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars1.githubusercontent.com/u/542663?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Julian Taylor
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/juliantaylor">juliantaylor</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars3.githubusercontent.com/u/5585221?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Kevin Sheppard
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/bashtage">bashtage</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars2.githubusercontent.com/u/67612?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Matthew Brett
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/matthew-brett">matthew-brett</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars2.githubusercontent.com/u/321463?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Warren Weckesser
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/WarrenWeckesser">WarrenWeckesser</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars0.githubusercontent.com/u/823911?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Matti Picus
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/mattip">mattip</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars0.githubusercontent.com/u/7903078?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Tyler Reddy
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/tylerjereddy">tylerjereddy</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+    </div>
+
+</div>
+
+<hr>
+
+<h3 id="web-team">Web Team</h3>
+<div class="row maintainers">
+
+        <div class="card-group maintainers">
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars0.githubusercontent.com/u/3891660?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Joe LaChance
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/joelachance">joelachance</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars0.githubusercontent.com/u/43481325?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            InessaPawson
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/InessaPawson">InessaPawson</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars2.githubusercontent.com/u/46167686?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            MarsBarLee
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/MarsBarLee">MarsBarLee</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars0.githubusercontent.com/u/5890484?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            shalz
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/shaloo">shaloo</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars3.githubusercontent.com/u/98330?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Ralf Gommers
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/rgommers">rgommers</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+    </div>
+
+</div>
+
+<hr>
+
+<h3 id="documentation-team">Documentation Team</h3>
+<div class="row maintainers">
+
+        <div class="card-group maintainers">
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars2.githubusercontent.com/u/3949932?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Melissa Weber Mendonça
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/melissawm">melissawm</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars2.githubusercontent.com/u/1268991?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Ross Barnowski
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/rossbar">rossbar</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars1.githubusercontent.com/u/6691888?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Ben Nathanson
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/bjnath">bjnath</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars3.githubusercontent.com/u/98330?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Ralf Gommers
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/rgommers">rgommers</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%;" alt="" src="https://avatars1.githubusercontent.com/u/35413198?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Anne Bonner
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/bonn0062">bonn0062</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+    </div>
+
+</div>
+
+<hr>
+
+<h3 id="emeritus-maintainers">Emeritus maintainers</h3>
+<div class="emeritus">
+
+        <div class="card-group emerpeople">
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%; filter: grayscale(100%);" alt="" src="https://avatars1.githubusercontent.com/u/254880?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Travis E. Oliphant
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/teoliphant">teoliphant</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%; filter: grayscale(100%);" alt="" src="https://avatars1.githubusercontent.com/u/25111?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            David Cournapeau
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/cournape">cournape</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%; filter: grayscale(100%);" alt="" src="https://avatars0.githubusercontent.com/u/399551?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Mark Wiebe
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/mwiebe">mwiebe</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%; filter: grayscale(100%);" alt="" src="https://avatars3.githubusercontent.com/u/402156?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Pearu Peterson
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/pearu">pearu</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%; filter: grayscale(100%);" alt="" src="https://avatars1.githubusercontent.com/u/123428?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Jarrod Millman
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/jarrodmillman">jarrodmillman</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%; filter: grayscale(100%);" alt="" src="https://avatars1.githubusercontent.com/u/3343990?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Jaime
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/jaimefrio">jaimefrio</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card rounded">
+                    <img class="card-img-top" style="border-radius: 5%; filter: grayscale(100%);" alt="" src="https://avatars3.githubusercontent.com/u/20568?v=4"/>
+                    <div class="card-body">
+                        <h6 class="card-title">
+                            Ondřej Čertík
+                        </h6>
+                        <p class="card-text small">
+                            <a href="https://github.com/certik">certik</a>
+                        </p>
+                    </div>
+                </div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+
+                <div class="card border-0 bg-light"></div>
+
+
+    </div>
+
+</div>
+
+<h3 id="governance">Governance</h3>
+<p>For the list of people on the Steering Council, please see <a href="https://numpy.org/devdocs/dev/governance/people.html">here</a></p>
+        </div>
+      </main>
+      <footer class="container pt-4 pt-md-5 border-top">
+        <p class="float-right">
+          <a href="#">Back to top</a>
+        </p>
+      </footer>
+
+      <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
+        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
+        crossorigin="anonymous"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
+        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
+        crossorigin="anonymous"></script>
+      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
+        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
+        crossorigin="anonymous"></script>
+      <script>
+        $(function () {
+          $('[data-toggle="tooltip"]').tooltip()
+        })
+        $(function () {
+          $('[data-toggle="popover"]').popover()
+        })
+      </script>
+    </body>
+</html>
diff --git a/static/images/README.md b/static/images/README.md
new file mode 100644
index 00000000..d42be421
--- /dev/null
+++ b/static/images/README.md
@@ -0,0 +1,4 @@
+inkscape -w 16 -h 16 -o 16.png logos/scipy.svg
+inkscape -w 32 -h 32 -o 32.png logos/scipy.svg
+inkscape -w 48 -h 48 -o 48.png logos/scipy.svg
+convert 16.png 32.png 48.png favicon.ico
diff --git a/static/images/favicon.ico b/static/images/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..96a7e309e4db11c5831b002ce3baf70669d470c5
GIT binary patch
literal 15086
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

literal 0
HcmV?d00001

diff --git a/themes/hugo-fresh b/themes/hugo-fresh
new file mode 160000
index 00000000..17f51372
--- /dev/null
+++ b/themes/hugo-fresh
@@ -0,0 +1 @@
+Subproject commit 17f51372b615e3c92d44d79f1edfd2fd1866aec7