More landing page work. Also: Blurple!

2 files changed, 47 insertions, 21 deletions

diff --git a/templates/main/base.html b/templates/main/base.html
index ead411c4..96a25554 100644
--- a/templates/main/base.html
+++ b/templates/main/base.html
@@ -8,7 +8,7 @@
     <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
     <script defer src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.39/js/uikit.min.js"></script>
     <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.39/css/uikit.min.css" />
+    <link rel="stylesheet" href="/static/uikit_blurple.css" />
     <link rel="stylesheet" href="/static/style.css" />
     {% endblock %}
 </head>
diff --git a/templates/main/index.html b/templates/main/index.html
index 50176242..05537b6e 100644
--- a/templates/main/index.html
+++ b/templates/main/index.html
@@ -1,28 +1,54 @@
 {% extends "main/base.html" %}
 {% block title %}Home{% endblock %}
 {% block content %}
-<div class="uk-section uk-section-primary" style="padding-top: 20px; padding-bottom: 30px;">
-    <div class="uk-container uk-text-center">
-        <h1 class="uk-header">
-            Python Discord
-        </h1>
-        <p class="uk-text-lead">
-            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>
-            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>
-        <hr class="uk-divider-icon" />
-        <div class="uk-container uk-container-small uk-text-meta">
+    <div class="uk-section uk-section-primary" style="padding-top: 20px; padding-bottom: 30px;">
+        <div class="uk-container uk-text-center">
+            <h1 class="uk-header">
+                Python Discord
+            </h1>
+            <p class="uk-text-lead">
+                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>
-                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!
+                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>
+            <div uk-grid class="uk-child-width-expand uk-grid-large">
+                <div>
+                    &nbsp;
+                </div>
+                <div>
+                    <a class="uk-button uk-button-default uk-button-large uk-width-1-1">
+                        Join us on &nbsp;<i class="uk-icon fab fa-discord"></i>
+                    </a>
+                </div>
+                <div>
+                    &nbsp;
+                </div>
+            </div>
+            <hr class="uk-divider-icon" />
+            <div class="uk-container uk-container-small uk-text-meta">
+                <p>
+                    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>
+        </div>
+    </div>
+
+    <div class="uk-section" style="padding-top: 20px;">
+        <div class="uk-container">
+            <div uk-grid class="uk-child-width-expand uk-grid-large">
+                <div>
+                    <a class="uk-button uk-button-default uk-button-large uk-width-1-1">One</a>
+                </div>
+                <div>
+                    <a class="uk-button uk-button-default uk-button-large uk-width-1-1">Two</a>
+                </div>
+            </div>
         </div>
     </div>
-</div>
 {% endblock %}
\ No newline at end of file