Tutorial Website Redesign (#128)

Langhaarzombie · web-flow · commit 12f48188d5ea · 2025-05-07T11:47:42.000+02:00
* Updated tutorial index html structure, temporary change of download links in workflow

* Temporary worklfow change to trigger page build in fork

* Re-added liquid header

* Added container for centering, logo for nav bar

* Prevent line break before version number

* Reverted wget to qutip repo files
diff --git a/.github/workflows/notebook_ci.yaml b/.github/workflows/notebook_ci.yaml
@@ -133,20 +133,21 @@ jobs:
           # Download resources from qutip.github.io repository
           mkdir css
           cd css
-          wget https://raw.githubusercontent.com/qutip/qutip.github.io/master/css/bootstrap.css
           wget https://raw.githubusercontent.com/qutip/qutip.github.io/master/css/site.css
           cd ..
 
           mkdir _includes
           cd _includes
-          wget https://raw.githubusercontent.com/qutip/qutip.github.io/master/_includes/footer.html
-          wget https://raw.githubusercontent.com/qutip/qutip.github.io/master/_includes/header.html
+          wget https://raw.githubusercontent.com/qutip/qutip.github.io/master/_includes/head.html
           wget https://raw.githubusercontent.com/qutip/qutip.github.io/master/_includes/navbar.html
+          wget https://raw.githubusercontent.com/qutip/qutip.github.io/master/_includes/footer.html
+          wget https://raw.githubusercontent.com/qutip/qutip.github.io/master/_includes/scripts.html
           cd ..
 
           mkdir images
           cd images
           wget https://raw.githubusercontent.com/qutip/qutip.github.io/master/images/favicon.ico
+          wget https://raw.githubusercontent.com/langhaarzombie/langhaarzombie.github.io/develop/images/logo_small.png
           cd ..
 
           # build the website
diff --git a/website/create_index.py b/website/create_index.py
@@ -150,15 +150,15 @@ def main():
     root_folder = pathlib.Path(__file__).parent.parent
 
     if args.qutip_version == "v4":
-        title = "Tutorials for QuTiP Version 4"
+        title = "Tutorials for QuTiP Version&nbsp;4"
         tutorials_folder = root_folder / "tutorials-v4"
         version_note = """
             These are the tutorials for QuTiP Version 4. You can
             find the tutorials for QuTiP Version 5
             <a href="./index.html">here</a>.
         """.strip()
     elif args.qutip_version == "v5":
-        title = "Tutorials for QuTiP Version 5"
+        title = "Tutorials for QuTiP Version&nbsp;5"
         tutorials_folder = root_folder / "tutorials-v5"
         version_note = """
             These are the tutorials for QuTiP Version 5. You can
diff --git a/website/index.html.jinja b/website/index.html.jinja
@@ -1,11 +1,16 @@
 ---
 title: QuTiP Tutorials
 ---
-{% raw %}
-{% include header.html %}
-{% include navbar.html %}
-{% endraw %}
 
+<!DOCTYPE html>
+<html lang="en">
+
+{% raw %} {% include head.html %} {% endraw %}
+
+<body>
+    <header> {% raw %} {% include navbar.html %} {% endraw %} </header>
+
+<main class="my-content">
 <div class="row">
 <div class="col-md-12">
 <h1>{{ title }}</h1><br>
@@ -182,7 +187,12 @@ a complete archive of older versions of the tutorials is maintained there.
 
 </div>
 </div>
+</main>
 
 {% raw %}
-{% include footer.html %}
+<footer>{% include footer.html %}</footer>
+{% include scripts.html %}
 {% endraw %}
+
+</body>
+</html>
