Add new zola version of the website

maelstrom-software · Jul 15, 2024 · 0d84fb2 · 0d84fb2
1 parent 8c2073d
commit 0d84fb2
Show file tree

Hide file tree

Showing 12 changed files with 410 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -10,3 +10,4 @@ result*
 **/.DS_Store
 /crates/maelstrom-web/target
 /**/__pycache__
+/website2/public
diff --git a/package.nix b/package.nix
@@ -13,6 +13,7 @@
   python311Packages,
   mypy,
   black,
+  zola,
   version ? null
 }:
 
@@ -56,6 +57,7 @@ let
       python311Packages.types-protobuf
       python311Packages.xdg-base-dirs
       mdbook
+      zola
     ];
 
     buildInputs = [ openssl ] ++ optionals stdenv.isDarwin [ libiconv ];

diff --git a/website2/config.toml b/website2/config.toml
@@ -0,0 +1,16 @@
+# The URL the site will be built for
+base_url = "https://maelstrom-software.com"
+
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = false
+
+[markdown]
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = false
+
+[extra]
+# Put all your custom variables here
diff --git a/website2/content/blog/_index.md b/website2/content/blog/_index.md
@@ -0,0 +1,6 @@
++++
+title = "The Maelstrom Blog"
+sort_by = "date"
+template = "blog.html"
+page_template = "blog-page.html"
++++
diff --git a/website2/content/blog/first.md b/website2/content/blog/first.md
@@ -0,0 +1,8 @@
++++
+title = "My first post"
+date = 2019-11-27
++++
+
+This is some blog content.
+<!-- more -->
+This is the rest of the content.
diff --git a/website2/content/blog/second.md b/website2/content/blog/second.md
@@ -0,0 +1,8 @@
++++
+title = "My second post"
+date = 2020-11-27
++++
+
+This is some blog content.
+<!-- more -->
+This is the rest of the content.
diff --git a/website2/static/assets b/website2/static/assets
@@ -0,0 +1 @@
+../../website/assets
diff --git a/website2/static/images b/website2/static/images
@@ -0,0 +1 @@
+../../website/images
diff --git a/website2/templates/base.html b/website2/templates/base.html
@@ -0,0 +1,87 @@
+<!DOCTYPE HTML>
+<!-- vim: set sw=2 ts=2 et ai: -->
+<!--
+  Maelstom Software Website
+-->
+<html>
+  <head>
+    <title>Maelstrom Software</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+    <link rel="stylesheet" href="/assets/css/main.css" />
+    <link rel="icon" type="png" href="/images/Favicon.png">
+  </head>
+  <body class="{% if current_path == "/" %}homepage{% else %}no-sidebar{% endif %} is-preload">
+    <div id="page-wrapper">
+
+      <!-- Header -->
+      <div id="header-wrapper">
+        <div id="header" class="container">
+
+          <!-- Logo -->
+          <h1 id="logo"><a href="/" class="image featured first"><img src="/images/MaelstromLogo.png" alt="" /></a></h1>
+
+          <!-- Nav -->
+          <nav id="nav">
+            <ul>
+              <li><a href="https://maelstrom-software.com/book/">Documentation</a></li>
+              <li><a href="/blog/">Blog</a></li>
+              <li class="icon brands fa-discord"><a href="https://discord.gg/rgeuZz6CfV"><span class="extra"></span>Discord</a></li>
+              <li class="icon brands fa-github"><a href="https://github.com/maelstrom-software/maelstrom"><span class="extra"></span>Github</a></li>
+            </ul>
+          </nav>
+
+        </div>
+
+        {% block hero %} {% endblock %}
+
+      </div>
+
+      <!-- Overview -->
+      <div class="wrapper">
+        <div class="container" id="main">
+
+          <!-- Content -->
+          <article id="content">
+            {% block content %} {% endblock %}
+          </article>
+        </div>
+      </div>
+
+      <!-- Footer -->
+      <div id="footer-wrapper">
+        <div id="footer" class="container">
+          <header class="major">
+            <h2>Connect with us</h2>
+            <br>
+            </section>
+            <section class="col-4 col-18-narrower">
+              <div class="row gtr-0">
+                <ul class="divided icons col-4 col-8-mobile">
+                  <li class="icon brands fa-discord"><a href="https://discord.gg/rgeuZz6CfV"><span class="extra"></span>Discord</a></li>
+                </ul>
+                <ul class="divided icons col-4 col-8-mobile">
+                  <li class="icon brands fa-github"><a href="https://github.com/maelstrom-software/maelstrom"><span class="extra"></span>Github</a></li>
+                </ul>
+              </div>
+            </section>
+          </div>
+        </div>
+        <div id="copyright" class="container">
+          <ul class="menu">
+            <li>&copy; Maelstrom. All rights reserved.</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+    <!-- Scripts -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/jquery.dropotron.min.js"></script>
+    <script src="/assets/js/browser.min.js"></script>
+    <script src="/assets/js/breakpoints.min.js"></script>
+    <script src="/assets/js/util.js"></script>
+    <script src="/assets/js/main.js"></script>
+
+  </body>
+</html>
diff --git a/website2/templates/blog-page.html b/website2/templates/blog-page.html
@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{% block content %}
+<h1 class="title">
+  {{ page.title }}
+</h1>
+<p class="subtitle"><strong>{{ page.date }}</strong></p>
+{{ page.content | safe }}
+{% endblock content %}
diff --git a/website2/templates/blog.html b/website2/templates/blog.html
@@ -0,0 +1,41 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<!-- Overview -->
+<div class="wrapper">
+  <div class="container" id="main">
+    <!-- Content -->
+    <article id="content">
+      <header>
+          <h2>{{ section.title }}</h2>
+            <p>Maelstrom packages your Rust tests into hermetic micro-containers, then schedules
+            and distributes them amongst an arbitrarily large cluster of test-runners.</p>
+      </header>
+      <a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>
+    </article>
+  </div>
+</div>
+
+<div class="wrapper">
+  <div class="container">
+    <div class="row">
+      {% for page in section.pages %}
+      <section class="col-6 col-12-narrower feature">
+        <div class="image-wrapper first">
+          <a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
+        </div>
+        <header>
+            <h2>{{ page.title }}</h2>
+        </header>
+        {{ page.summary | safe }}
+        <ul class="actions">
+          <li><a href="{{ page.permalink | safe }}" class="button">Elevate my awareness</a></li>
+        </ul>
+      </section>
+      {% endfor %}
+    </div>
+  </div>
+</div>
+
+{% endblock content %}