diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index df8e3b7..ab3154d 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -13,26 +13,23 @@
{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site! #}
{#- #}
-{#-
- CSS bundles are provided via the eleventy-plugin-bundle plugin:
+ {#-
+ CSS bundles are provided via the `eleventy-plugin-bundle` plugin:
1. You can add to them using `{% css %}`
2. You can get from them using `{% getBundle "css" %}` or `{% getBundleFileUrl "css" %}`
+ 3. You can do the same for JS: {% js %}{% endjs %} and
+ 4. Learn more: https://github.com/11ty/eleventy-plugin-bundle
+ #}
- Learn more: https://github.com/11ty/eleventy-plugin-bundle
-#}
-
- {#- Add to the CSS bundle #}
+ {#- Add an arbitrary string to the bundle #}
+ {%- css %}* { box-sizing: border-box; }{% endcss %}
+ {#- Add the contents of a file to the bundle #}
{%- css %}{% include "public/css/index.css" %}{% endcss %}
- {%- css %}{# add your own CSS! #}{% endcss %}
+ {#- Or add from node_modules #}
+ {# {%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %} #}
- {#- Render the CSS bundle #}
- {%- if eleventy.env.runMode === "serve" %}
- {# External files (local dev live reload will refresh without page reload) #}
-
- {%- else %}
- {# Inlined CSS (fastest site performance in production) #}
+ {#- Render the CSS bundle using Inlined CSS (for the fastest site performance in production) #}
- {%- endif %}
Skip to main content
diff --git a/_includes/layouts/home.njk b/_includes/layouts/home.njk
index 16e9819..80bf593 100644
--- a/_includes/layouts/home.njk
+++ b/_includes/layouts/home.njk
@@ -1,7 +1,7 @@
---
layout: layouts/base.njk
---
-
+
{%- css %}{% include "public/css/message-box.css" %}{% endcss %}