diff --git a/README.md b/README.md
index 51a6fcee..d885b4ee 100644
--- a/README.md
+++ b/README.md
@@ -2,11 +2,6 @@
This is the source to [Jupyter.org](https://jupyter.org/).
-## Build the site locally
-
-The site is built with Jekyll, see [the Jekyll website](https://jekyllrb.com/) for how to customize the build process.
-
-There are a few ways to build the site locally, see the sections below.
## Where the site is hosted
@@ -23,6 +18,12 @@ Here's an image of this box on a GitHub PR page:
+## Build the site locally
+
+See the sections below for a few ways to build the site locally.
+
+The site is built with Jekyll, see [the Jekyll website](https://jekyllrb.com/) for how to customize the build process.
+
### Build the site automatically with `nox`
The easiest way to build the site locally is by using the [`nox` command line tool](https://nox.thea.codes/). This tool makes it easy to automate commands in a repository, and we have included a `build` command to quickly install the dependencies and build the site.
@@ -46,7 +47,6 @@ To build and preview the site locally, follow these steps:
$ nox -s build-live
```
-
This will install the needed dependencies in a virtual environment using [the `conda` package manager](https://docs.conda.io/en/latest/).
**When the build is finished, go to `localhost:4000`**. When Jekyll finishes building your site, it will open a port on your computer and serve the website there so that you may preview it.
diff --git a/assets/JupyterCon-Logo-white.svg b/assets/JupyterCon-Logo-white.svg
new file mode 100644
index 00000000..37d3bb5d
--- /dev/null
+++ b/assets/JupyterCon-Logo-white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/css/main.scss b/assets/css/main.scss
index c89ca248..044f1d69 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -91,15 +91,6 @@
margin-bottom: 27px;
}
-.con-button {
- float: right;
- clear: both;
- margin-right: 28px !important;
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
-}
-
-
-
.jupytercon-section {
background: url('../jupytercon-planet.jpg');
background-size: 100%;
@@ -129,3 +120,48 @@
color: black;
font-weight: 400;
}
+
+/* Convention banner */
+
+.con-jumbotron {
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+.con-container {
+ background: rgba(0, 0, 0, 0.5) url("../header-banner.jpg");
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-blend-mode: darken;
+ background-position: bottom center;
+ text-align: center;
+}
+
+.con-content {
+ max-width: 1200px;
+ margin: 0 auto;
+ float: none !important;
+ padding: 40px;
+}
+
+.con-title {
+ margin-left: auto;
+ margin-right: auto;
+ clear:both;
+ width: 100%;
+ max-width: 500px;
+}
+
+.con-button button {
+ background-color: #f37726;
+ color: white;
+ margin: 0 .5em;
+ padding: 1em;
+ border-radius: 5px;
+ border: none;
+ font-size: 1em;
+ font-weight: 600;
+ cursor: pointer;
+}
+
+
diff --git a/assets/header-banner.jpg b/assets/header-banner.jpg
new file mode 100644
index 00000000..1b9dab3a
Binary files /dev/null and b/assets/header-banner.jpg differ
diff --git a/index.html b/index.html
index 65112c3b..bd5a2df1 100644
--- a/index.html
+++ b/index.html
@@ -246,6 +246,23 @@
---
+
