diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..72dc839
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,334 @@
+# https://github.com/aclark4life/makefile
+#
+# The MIT License (MIT)
+#
+# Copyright (c) 2016–2020 Alex Clark
+#
+# Permission is hereby granted, free of charge, to any person obtaining a copy
+# of this software and associated documentation files (the "Software"), to deal
+# in the Software without restriction, including without limitation the rights
+# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+# copies of the Software, and to permit persons to whom the Software is
+# furnished to do so, subject to the following conditions:
+#
+# The above copyright notice and this permission notice shall be included in all
+# copies or substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+# SOFTWARE.
+
+#-------------------------------------------------------------------------------
+
+# Default Goal
+# 
+# https://www.gnu.org/software/make/manual/html_node/Goals.html
+# https://www.gnu.org/software/make/manual/html_node/Special-Variables.html#Special-Variables
+# 
+# By default, the goal is the first target in the makefile (not counting targets
+# that start with a period). Therefore, makefiles are usually written so that the
+# first target is for compiling the entire program or programs they describe. If
+# the first rule in the makefile has several targets, only the first target in the
+# rule becomes the default goal, not the whole list. You can manage the selection
+# of the default goal from within your makefile using the .DEFAULT_GOAL variable
+# (see Other Special Variables). 
+
+.DEFAULT_GOAL=usage
+
+#-------------------------------------------------------------------------------
+
+# Variables
+
+# A variable is a name defined in a makefile to represent a string of text, called
+# the variable's value. These values are substituted by explicit request into targets,
+# prerequisites, recipes, and other parts of the makefile.
+#
+# https://www.gnu.org/software/make/manual/html_node/Using-Variables.html
+
+# Flavors
+
+# https://www.gnu.org/software/make/manual/html_node/Flavors.html#Flavors
+
+COMMIT_MESSAGE = "Update"
+PROJECT = project
+APP = app
+# https://stackoverflow.com/a/589260/185820
+TMPDIR := $(shell mktemp -d)
+RANDIR := $(shell openssl rand -base64 12 | sed 's/\///g')
+UNAME := $(shell uname)
+# http://unix.stackexchange.com/a/37316
+REMOTE_BRANCHES = `git branch -a | grep remote | grep -v HEAD | grep -v master`
+
+#-------------------------------------------------------------------------------
+
+# Additional Concepts for this Makefile
+#
+# "Alias" - A new target definition that only exists to create a shorter target 
+# name for another target that already exists.
+#
+# "Multi-target Alias" - Like an "Alias", but with multiple targets.
+#
+# "BBB" - For backwards compatibility. Via
+# https://docs.plone.org/appendices/glossary.html
+
+#-------------------------------------------------------------------------------
+
+# Rules
+#
+# A rule appears in the makefile and says when and how to remake certain files,
+# called the rule's targets (most often only one per rule). It lists the other
+# files that are the prerequisites of the target, and the recipe to use to
+# create or update the target. 
+#
+# https://www.gnu.org/software/make/manual/html_node/Rules.html
+
+##########
+# Django #
+##########
+
+django-init-app:
+	-mkdir -p $(PROJECT)/$(APP)/templates
+	-touch $(PROJECT)/$(APP)/templates/base.html
+	-django-admin startproject $(PROJECT) .
+	-django-admin startapp $(APP) $(PROJECT)/$(APP)
+django-init-db:  # PostgreSQL
+	-dropdb $(PROJECT)
+	-createdb $(PROJECT)
+init-db: django-init-db  # Alias
+django-graph:
+	python manage.py graph_models $(APP) -o graph_models_$(PROJECT)_$(APP).png 
+django-init: 
+	@$(MAKE) pip-install-django
+	@$(MAKE) django-init-db
+	@$(MAKE) django-init-app
+	@$(MAKE) django-up-settings
+	git add $(PROJECT)
+	git add manage.py
+	@$(MAKE) commit-push
+django-migrate:
+	python manage.py migrate
+django-migrations-default:
+	python manage.py makemigrations $(APP)
+	git add $(PROJECT)/$(APP)/migrations/*.py
+django-serve-default:
+	python manage.py runserver 0.0.0.0:8000
+django-test:
+	python manage.py test
+django-up-settings:
+	echo "STATIC_ROOT = 'static'" >> $(PROJECT)/settings.py
+	echo "ALLOWED_HOSTS = ['*']" >> $(PROJECT)/settings.py
+	echo "AUTH_PASSWORD_VALIDATORS = [{'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', }, { 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', },]" >> $(PROJECT)/settings.py
+	echo "import dj_database_url; DATABASES = { 'default': dj_database_url.config(default=os.environ.get( 'DATABASE_URL', 'postgres://%s:%s@%s:%s/%s' % (os.environ.get('DB_USER', ''), os.environ.get('DB_PASS', ''), os.environ.get('DB_HOST', 'localhost'), os.environ.get('DB_PORT', '5432'), os.environ.get('DB_NAME', 'project_app'))))}" >> $(PROJECT)/settings.py
+django-shell:
+	python manage.py shell
+django-static:
+	python manage.py collectstatic --noinput
+django-su:
+	python manage.py createsuperuser
+django-loaddata-default:
+	python manage.py loaddata
+django-yapf:
+	-yapf -i *.py
+	-yapf -i $(PROJECT)/*.py
+	-yapf -i $(PROJECT)/$(APP)/*.py
+django-wc:
+	-wc -l *.py
+	-wc -l $(PROJECT)/*.py
+	-wc -l $(PROJECT)/$(APP)/*.py
+graph: django-graph
+migrate: django-migrate  # Alias
+migrations: django-migrations  # Alias
+static: django-static  # Alias
+su: django-su  # Alias
+test: django-test  # Alias
+loaddata: django-loaddata  # Alias
+
+##########
+# Drupal #
+##########
+
+drupal-init-composer-8:
+	composer create-project drupal/recommended-project $(RANDIR) --no-interaction
+drupal-init-docksal-7:
+	git clone https://github.com/docksal/boilerplate-drupal7.git d7
+	cd d7; fin init
+drupal-init-docksal-8:
+	git clone https://github.com/docksal/boilerplate-drupal8.git d8
+	cd d8; fin init
+d7: drupal-init-docksal-7  # Alias
+d8: drupal-init-docksal-8  # Alias
+
+#######
+# Git #
+#######
+
+git-ignore:
+	echo ".Python\nbin/\ninclude/\nlib/\n.vagrant/\n" >> .gitignore
+	git add .gitignore
+	$(MAKE) commit-push
+git-init:
+	git init
+	hub create $(RANDDIR)
+	hub browse
+git-branches:
+	-for i in $(REMOTE_BRANCHES) ; do \
+        git checkout -t $$i ; done
+git-prune:
+	git remote update origin --prune
+git-commit:
+	git commit -a -m $(COMMIT_MESSAGE)
+git-commit-edit:
+	git commit -a
+git-push:
+	git push
+git-push-up:
+	git push --set-upstream origin master
+commit: git-commit  # Alias
+ce: commit-edit  # Alias
+cp: commit-push  # Alias
+push: git-push  # Alias
+p: push  # Alias
+commit-push: git-commit git-push  # Multi-target Alias
+commit-push-up: git-commit git-push-up  # Multi-target Alias
+commit-edit: git-commit-edit git-push  # Multi-target Alias
+git-commit-auto-push: commit-push  # BBB
+git-commit-edit-push: commit-edit-push  # BBB
+
+########
+# Misc #
+########
+
+rand:
+	@openssl rand -base64 12 | sed 's/\///g'
+r: rand  # Alias
+
+readme:
+	echo "Creating README.rst"
+	@echo $(PROJECT) > README.rst
+	@echo ================================================================================ >> README.rst
+	echo "Done."
+	git add README.rst
+	@$(MAKE) commit-push
+
+review:
+ifeq ($(UNAME), Darwin)
+	@open -a $(EDITOR) `find $(PROJECT) -name \*.py | grep -v __init__.py | grep -v migrations`\
+		`find $(PROJECT) -name \*.html` `find $(PROJECT) -name \*.js`
+else
+	@echo "Unsupported"
+endif
+
+list-targets:
+	@$(MAKE) -pRrq -f $(lastword $(MAKEFILE_LIST)) : 2>/dev/null | awk -v RS= -F:\
+        '/^# File/,/^# Finished Make data base/ {if ($$1 !~ "^[#.]") {print $$1}}'\
+        | sort | egrep -v -e '^[^[:alnum:]]' -e '^$@$$' | xargs | tr ' ' '\n' | awk\
+        '{print "make "$$0}' | less  # http://stackoverflow.com/a/26339924
+help: list-targets  # Alias
+h: list-targets  # Alias
+
+usage:
+	@echo "Project Makefile"
+	@echo "Usage:\n"
+	@echo "\tmake <target>\n"
+	@echo "Help:\n"
+	@echo "\tmake help"
+
+make:
+	git add Makefile
+	@$(MAKE) commit-push-up
+
+deploy-default:
+	eb deploy
+d: deploy  # Alias
+
+#######
+# Pip #
+#######
+
+pip-freeze-default:
+	pip freeze | sort > $(TMPDIR)/requirements.txt
+	mv -f $(TMPDIR)/requirements.txt .
+pip-install:
+	pip install -r requirements.txt
+pip-install-test:
+	pip install -r requirements-test.txt
+pip-install-django:
+	@echo "Django\ndj-database-url\npsycopg2-binary\n" > requirements.txt
+	@$(MAKE) pip-install
+	@$(MAKE) freeze
+	-git add requirements.txt
+	-@$(MAKE) commit-push-up
+pip-install-sphinx:
+	echo "Sphinx\n" > requirements.txt
+	$(MAKE) pip-install
+pip-upgrade-default:
+	cat requirements.txt | awk -F \= '{print $1}' > $(TMPDIR)/requirements.txt
+	mv -f $(TMPDIR)/requirements.txt .
+	pip install -U -r requirements.txt
+	$(MAKE) pip-freeze
+freeze: pip-freeze  # Alias
+
+##########
+# Python # 
+##########
+
+python-serve:
+	@echo "\n\tServing HTTP on http://0.0.0.0:8000\n"
+	python -m http.server
+python-virtualenv-2-6:
+	virtualenv --python=python2.6 .
+python-virtualenv-2-7:
+	virtualenv --python=python2.7 .
+python-virtualenv-3-7:
+	virtualenv --python=python3.7 .
+python-virtualenv: python-virtualenv-3-7  # Alias
+virtualenv: python-virtualenv-3-7  # Alias
+virtualenv-2: python-virtualenv-2-7  # Alias
+serve: python-serve  # Alias
+
+##########
+# Sphinx #
+##########
+
+sphinx-build:
+	sphinx-build -b html -d _build/doctrees . _build/html
+sphinx-init:
+	$(MAKE) pip-install-sphinx
+	sphinx-quickstart -q -p $(PROJECT) -a $(USER) -v 0.0.1 $(RANDIR)
+	mv $(RANDIR)/* .
+	rmdir $(RANDIR)
+sphinx-serve:
+	cd _build/html;python -m http.server
+
+###########
+# Vagrant #
+###########
+
+vagrant-init:
+	vagrant init ubuntu/trusty64
+	git add Vagrantfile
+	$(MAKE) git-push-up
+	$(MAKE) vagrant-up
+vagrant-up:
+	vagrant up --provider virtualbox
+vagrant: vagrant-init  # Alias
+vm: vagrant-init  # Alias
+
+#-------------------------------------------------------------------------------
+
+# Overrides
+#
+# https://www.gnu.org/software/make/manual/html_node/Overriding-Makefiles.html
+#
+# https://stackoverflow.com/a/49804748
+%: %-default
+	@ true
+
+#PROJECT = project
+#APP = app
+.DEFAULT_GOAL=commit-push
+#install: pip-install
diff --git a/index.html b/index.html
index fe7c4c7..1096bcc 100644
--- a/index.html
+++ b/index.html
@@ -1,123 +1,114 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
 
-<html>
-<head>
-  <meta name="generator" content=
-  "HTML Tidy for Mac OS X (vers 25 March 2009), see www.w3.org">
-  <meta name="generator" content="Python Imaging">
-  <meta http-equiv="X-UA-Compatible" content="chrome=1">
-  <meta name="description" content="Pillow: the friendly PIL fork">
-  <link rel="stylesheet" type="text/css" media="screen" href=
-  "stylesheets/stylesheet.css">
-  <link rel="icon" type="image/x-icon" href="/images/pillow.ico">
-
-  <title>Pillow: the friendly PIL fork</title>
-  <!-- Latest compiled and minified CSS -->
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+    <meta name="generator" content="Jekyll v3.8.6">
+    <title>Python Pillow</title>
+
+    <link rel="canonical" href="https://getbootstrap.com/docs/4.4/examples/jumbotron/">
+
+    <!-- Bootstrap core CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+
+    <!-- Favicons -->
+    <meta name="msapplication-config" content="/docs/4.4/assets/img/favicons/browserconfig.xml">
+    <meta name="theme-color" content="#563d7c">
+    <link rel="icon" type="image/x-icon" href="/images/pillow.ico">
+
+    <style>
+      .bd-placeholder-img {
+        font-size: 1.125rem;
+        text-anchor: middle;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+      }
+
+      @media (min-width: 768px) {
+        .bd-placeholder-img-lg {
+          font-size: 3.5rem;
+        }
+      }
+    </style>
+    <!-- Custom styles for this template -->
+    <link href="jumbotron.css" rel="stylesheet">
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+  <a class="navbar-brand" href="#"><img src="images/pillow-logo.png"></a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item">
+        <a class="nav-link" href="#tidelift">Enterprise</a>
+      </li>
+    </ul>
+  </div>
+</nav>
 
-  <!-- Optional theme -->
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
-</head>
+<main role="main">
 
-<body>
-  <!-- HEADER -->
+  <!-- Main jumbotron for a primary marketing message or call to action -->
+  <div class="jumbotron" style="background: url(images/img49.png)">
+    <div class="container bg-dark text-light rounded p-3">
+      <h1 class="display-3">Welcome</h1>
+      <p class="lead">This is the home of Pillow, the friendly PIL fork. PIL is the Python Imaging Library. If you have ever worried or wondered about the future of PIL, please stop. <strong>We're here to save the day</strong>.</p>
+      <p><a target="_blank" class="btn btn-primary btn-lg" href="https://pillow.readthedocs.io/en/stable/about.html" role="button">Learn more &raquo;</a></p>
+    </div>
+  </div>
 
-  <div id="header_wrap" class="outer">
-    <div class="inner">
-      <div class="banners">
-		  <a id="forkme_banner" href=
-		  "https://github.com/python-pillow/Pillow" name=
-		  "forkme_banner">View on GitHub</a>
-		  <a id="enterprise_banner" href="https://tidelift.com/subscription/pkg/pypi-pillow?utm_source=pypi-pillow&utm_medium=referral&utm_campaign=enterprise">Pillow for enterprise</a>
+  <div class="container">
+    <!-- Example row of columns -->
+    <div class="row">
+      <div class="col-md-4">
+        <h2>Documentation</h2>
+        <p>Our documentation is <a target="_blank" href="https://pillow.readthedocs.io/">hosted on readthedocs.io</a> and includes <a target="_blank" href="https://pillow.readthedocs.io/en/stable/installation.html">installation instructions</a>, <a target="_blank" href="https://pillow.readthedocs.io/en/stable/handbook/index.html">handbook</a>, <a target="_blank" href= "https://pillow.readthedocs.io/en/stable/reference/index.html">API reference</a> and <a target="_blank" href="https://pillow.readthedocs.io/en/stable/releasenotes/index.html">release notes</a>.</p> 
+        <p><a target="_blank" class="btn btn-secondary" href="https://pillow.readthedocs.io/" role="button">View details &raquo;</a></p>
+      </div>
+      <div class="col-md-4">
+        <h2>Discussion</h2>
+        <p>Discussion about Pillow development, programming and technical issues occurs on <a target="_blank" href="https://github.com/python-pillow/Pillow/issues">GitHub</a>, <a target="_blank" href="https://stackoverflow.com/questions/tagged/python-imaging-library">Stack Overflow</a>, <a target="_blank" href="https://gitter.im/python-pillow/Pillow">Gitter</a> and <a target="_blank" href="irc://irc.freenode.net#pil">IRC</a>.</p>
+        <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+      </div>
+      <div class="col-md-4">
+        <h2>Source Code</h2>
+        <p>Our source code is <a target="_blank" href= "https://github.com/python-pillow/Pillow">hosted on GitHub</a> and tested on <a target="_blank" href="https://travis-ci.org/python-pillow/Pillow">Travis CI</a>, <a target="_blank" href="https://ci.appveyor.com/project/python-pillow/Pillow">AppVeyor</a>, <a target="_blank" href="https://github.com/python-pillow/Pillow/actions">GitHub Actions</a>, <a target="_blank" href="https://codecov.io/gh/python-pillow/Pillow">Codecov</a> and released on the <a href="https://pypi.org/project/Pillow">Python Package Index</a>.</p>
+        <p><a target="_blank" class="btn btn-secondary" href="https://github.com/python-pillow/Pillow" role="button"><i class="fab fa-github mr-1"></i>View details &raquo;</a></p>
       </div>
-
-      <h1 id="project_title"><img alt="Pillow logo" style=
-      "border: 0px" src="/images/pillow-logo.png"></h1>
-
-      <h2 id="project_tagline">The friendly PIL fork</h2>
     </div>
-  </div><!-- MAIN CONTENT -->
-
-  <div id="main_content_wrap" class="outer">
-    <div id="main_content" class="inner">
-      <div style="float: right; padding: 1em;text-align: center">
-        <a href=
-        "https://jeremykun.com/2012/01/01/random-psychedelic-art/"><img class="img-thumbnail"
-        style="width: 90%" src="/images/img49.png" alt=
-        "Random psychedelic art made with Pillow"></a><br>
-        <span><a href=
-        "https://jeremykun.com/2012/01/01/random-psychedelic-art/">Random
-        psychedelic art</a> made with PIL</span>
+    <div class="row justify-content-center mt-3 bg-light p-3" id="tidelift">
+      <div class="col-md-8 text-center">
+        <p>
+          <h2>For Enterprise</h2>
+        </p>
+        <p>
+          <img class="img-fluid" src="images/Tidelift_primary-logo.png">
+        </p>
+        <p>Available as part of the Tidelift Subscription.</p>
+        <p class="text-left">The maintainers of Pillow and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use.</p>
+        <p><a target="_blank" class="btn btn-primary btn-lg" href="https://tidelift.com/subscription/pkg/pypi-pillow?utm_source=pypi-pillow&utm_medium=referral&utm_campaign=enterprise&utm_term=repo">Learn more.</a></p>
       </div>
+    </div>
 
-      <h3><a name="welcome-to-github-pages" class="anchor" href=
-      "#welcome-to-github-pages" id=
-      "welcome-to-github-pages"></a>Welcome</h3>
-
-      <p>This is the home of <a href=
-      "https://github.com/python-pillow/Pillow">Pillow</a>, the
-      friendly PIL fork. PIL is the <a href=
-      "https://en.wikipedia.org/wiki/Python_Imaging_Library">Python
-      Imaging Library</a>. If you have ever worried or wondered about
-      the future of PIL, please stop. <a href=
-      "https://github.com/python-pillow/Pillow/graphs/contributors">
-      We're here</a> to save the day.</p>
-
-      <h3><a href=
-      "https://github.com/python-pillow/Pillow">Code</a></h3>
-
-      <p>Our code is <a href=
-      "https://github.com/python-pillow/Pillow">hosted on
-      GitHub</a>, tested on
-      <a href="https://travis-ci.org/python-pillow/Pillow">Travis CI</a>,
-      <a href="https://ci.appveyor.com/project/python-pillow/Pillow">AppVeyor</a>,
-      <a href="https://github.com/python-pillow/Pillow/actions">GitHub Actions</a>,
-      <a href="https://codecov.io/gh/python-pillow/Pillow">Codecov</a>
-      and <a href="https://pypi.org/project/Pillow">released on
-      PyPI</a>.</p>
-
-      <h3><a href=
-      "https://pillow.readthedocs.io/">Documentation</a></h3>
-
-      <p>Our documentation is <a href=
-      "https://pillow.readthedocs.io/">hosted on readthedocs.io</a>
-      and includes <a href=
-      "https://pillow.readthedocs.io/en/stable/installation.html">installation
-      instructions</a>, <a href=
-      "https://pillow.readthedocs.io/en/stable/handbook/index.html">handbook</a>,
-      <a href=
-      "https://pillow.readthedocs.io/en/stable/reference/index.html">API
-      reference</a>, <a href=
-      "https://pillow.readthedocs.io/en/stable/releasenotes/index.html">release
-      notes</a> and more.</p>
+    <hr>
 
-      <h3>Discussion</h3>
-      <p>Discussion occurs on <a href="https://github.com/python-pillow/Pillow/issues">GitHub</a>, <a href="https://stackoverflow.com/questions/tagged/python-imaging-library">Stack Overflow</a>, <a href="https://gitter.im/python-pillow/Pillow">Gitter</a> and <a href="irc://irc.freenode.net#pil">IRC</a>.</p>
-	    
-      <h3>For enterprise</h3>
-      <p>Available as part of the Tidelift Subscription.</p>
-      <p>
-      The maintainers of Pillow and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use.
-      <a href="https://tidelift.com/subscription/pkg/pypi-pillow?utm_source=pypi-pillow&utm_medium=referral&utm_campaign=enterprise&utm_term=repo">Learn more.</a>
-      </p>
-      
+  </div> <!-- /container -->
 
-      <h3>More</h3>
-      <p>Also check out <a href="https://python-pillow.org/pillow-perf">Pillow Perf</a></p>
-    </div><!-- FOOTER  -->
+</main>
 
-    <div id="footer_wrap" class="outer">
-      <div class="inner">
-        <p>&copy; Copyright 1995-2011, Fredrik Lundh, 2010-2020 <a href=
-        "https://github.com/python-pillow/Pillow/graphs/contributors">
-        Alex Clark and Contributors</a>. Published with <a href=
-        "https://github.com/python-pillow/python-pillow.github.io">GitHub
-        Pages</a>. Pillow logo <a href=
-        "https://github.com/python-pillow/Pillow/issues/575">created
-        by Alastair Houghton</a>. Random psychedelic art by
-        <a href="https://jeremykun.com/">Jeremy Kun</a>.</p>
-      </div>
-    </div>
-  </div>
-</body>
+<footer class="container">
+  <p>&copy; Copyright <a target="_blank" href="https://effbot.org/zone/copyright.htm">Fredrik Lundh (PIL author)</a>, <a target="_blank" href="https://aclark.net/#pillow">Alex Clark (Pillow fork author)</a> and <a target="_blank" href="https://github.com/python-pillow/Pillow/graphs/contributors">GitHub Contributors</a> 1995-2020. Logo by <a target="_blank" href="https://github.com/python-pillow/Pillow/issues/575">Alastair Houghton</a>. Psychedelic art by <a target="_blank" href="https://jeremykun.com/2012/01/01/random-psychedelic-art/">Jeremy Kun</a>.</p>
+</footer>
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+<script src="https://kit.fontawesome.com/b99cce5dfd.js" crossorigin="anonymous"></script>
 </html>
diff --git a/jumbotron.css b/jumbotron.css
new file mode 100644
index 0000000..9a86006
--- /dev/null
+++ b/jumbotron.css
@@ -0,0 +1,4 @@
+/* Move down content because we have a fixed navbar that is 3.5rem tall */
+body {
+  padding-top: 4.5rem;
+}