3 files changed, 80 insertions, 0 deletions
diff --git a/pydis_site/templates/base.html b/pydis_site/templates/base.html
new file mode 100644
index 00000000..1dcdfdc4
--- /dev/null
+++ b/pydis_site/templates/base.html
@@ -0,0 +1,22 @@
+{# Base template, with a few basic style definitions. #}
+{% load django_simple_bulma %}
+{% load static %}
+
+<!DOCTYPE html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+  <title>Python Discord | {% block page_title %}Website{% endblock %}</title>
+  <meta name="description" content="{% block page_description %}We're a large, friendly community focused around the Python programming language. Our community is open to those who wish to learn the language, as well as those looking to help others.{% endblock %}">
+
+  {% bulma %}
+  {% font_awesome %}
+  {% block head %}{% endblock %}
+</head>
+<body>
+  {% block body %}
+  {% endblock %}
+</body>
+
+
+<!-- vim: set ft=htmldjango: -->
diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html
new file mode 100644
index 00000000..cc99763b
--- /dev/null
+++ b/pydis_site/templates/home/index.html
@@ -0,0 +1,42 @@
+{% extends 'navbar.html' %}
+{% load static %}
+
+{% block page_title %}Home{% endblock %}
+{% block head %}
+  {{ block.super }}
+  <link rel="stylesheet" href="{% static 'home/css/index.css' %}">
+{% endblock %}
+{% block body %}
+  {{ block.super }}
+  <div class="overview has-text-centered container">
+    <h1 class="has-text-white has-text-weight-semibold is-size-2">Python Discord</h1>
+    <p class="has-text-grey-lighter is-size-7">
+      The official Discord server of
+      <a class="has-text-white" href="https://reddit.com/r/Python">r/Python</a>
+    </p>
+
+    <p class="has-text-light is-size-4">
+      We're a large, friendly community focused around the Python programming language, open to those
+      who wish to learn the language or improve their skills, as well as those looking to help others.
+    </p>
+
+    <p class="has-text-light is-size-6">
+      We organise regular community events and have a dedicated staff of talented Python
+      developers available to assist around the clock. Whether you're looking to learn the
+      language or working on a complex project, we've got someone who can help you if you get stuck.
+    </p>
+
+    <img src="https://discordapp.com/api/guilds/267624335836053506/embed.png?style=banner3">
+
+    <p class="divider has-text-grey-light">
+      ------------------------------------------------------------------------------------------------------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;O&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-------------------------------------------------------------------------------------------------------------
+    </p>
+
+    <p class="has-text-grey-lighter is-size-7">
+      Please note: this site is under construction. What you see now may be vastly different
+      from the final project state. Feel free to chat to us on Discord if you're curious!
+    </p>
+  </div>
+{% endblock %}
+
+<!-- vim: set ft=htmldjango: -->
diff --git a/pydis_site/templates/navbar.html b/pydis_site/templates/navbar.html
new file mode 100644
index 00000000..0efa51c2
--- /dev/null
+++ b/pydis_site/templates/navbar.html
@@ -0,0 +1,16 @@
+{% extends 'base.html' %}
+{% load static %}
+
+{% block head %}
+  <link rel="stylesheet" href="{% static 'css/navbar.css' %}">
+{% endblock %}
+{% block body %}
+  <nav class="navbar is-dark" role="navigation" aria-label="main navigation">
+    <div class="navbar-brand">
+      <img src="{% static 'assets/logo-banner.svg' %}" class="navbar-brand navbar-icon" alt="Python Discord">
+    </div>
+  </nav>
+  {{ block.super }}
+{% endblock %}
+
+<!-- vim: set ft=htmldjango: -->