[ENH] Correctly embed tailwind into the site (#199)

Get rid of CDN dependency
Closes #55

.gitignore

@@ -128,3 +128,5 @@ dmypy.json
 
 # Pyre type checker
 .pyre/
+
+node_modules/

README.md

@@ -26,4 +26,20 @@ When your local build runs well, commit the changes to the `main` branch with a
 mkdocs gh-deploy
 ```
 
-See the [docs for more details](https://www.mkdocs.org/user-guide/deploying-your-docs/).
+See the [docs for more details](https://www.mkdocs.org/user-guide/deploying-your-docs/).
+
+## Installing tailwind
+
+To install tailwind, run:
+
+```bash
+npm i
+```
+
+## Rebuilding tailwind
+
+If you need to rebuild the tailwind css, run:
+
+```bash
+npx tailwindcss build docs/stylesheets/tailwind.css -o docs/stylesheets/output.css
+```

docs/overrides/home.html

@@ -1,11 +1,6 @@
 <!-- Custom HTML site displayed as the Home chapter -->
 {% extends "main.html" %}
 
-{% block scripts %}
-{{ super() }}
-<script src="https://cdn.tailwindcss.com"></script>
-{% endblock %}
-
 {% block tabs %}
 {{ super() }}
 

docs/overrides/main.html

@@ -1,2 +1,7 @@
 
 {% extends "base.html" %}
+
+{% block extra_css %}
+{{ super() }}
+<link rel="stylesheet" href="{{ base_url }}/stylesheet/output.css">
+{% endblock %}