feat: many updates to improve styling

In addition, this commit will remove all references to Stylus and update docs files
fluid-project · Mar 10, 2022 · 90da9eb · 90da9eb
1 parent 500d4a9
commit 90da9eb
Show file tree

Hide file tree

Showing 22 changed files with 114 additions and 317 deletions.
diff --git a/README.md b/README.md
@@ -46,6 +46,8 @@ and  files in `dist` are overwritten at build time.
 The ILDH website is based on [Trivet](https://github.com/fluid-project/trivet), an [Eleventy](http://11ty.dev)
 website starter kit.
 
+For more information about making asset pipeline changes, please see the [Asset Handling documentation](src/assets/README.md).
+
 ### Previous version of the ILDH
 
 An older version of the ILDH website used from 2011 to 2015 was previously hosted at the same repository name.

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -56,8 +56,6 @@
         "rimraf": "3.0.2",
         "sass": "1.49.0",
         "sass-loader": "12.4.0",
-        "slugify": "1.6.5",
-        "stylus": "0.56.0",
-        "stylus-loader": "6.2.0"
+        "slugify": "1.6.5"
     }
 }
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
@@ -16,6 +16,7 @@
         {% uioScripts %}
         {% include "partials/global/scripts.njk" %}
     </head>
+    {# The pageBody block is used by the home page which has a different body layout #}
     {% block pageBody %}
     <body class="{{ bodyClass if bodyClass else "page" }}">
         {% uioTemplate %}

diff --git a/src/_includes/layouts/sections.njk b/src/_includes/layouts/sections.njk
@@ -7,7 +7,7 @@
 
     {% set sections = collections.all | eleventyNavigation(eleventyNavigation.key) %}
 
-    <ul id="content" class="content sections">
+    <ul class="sections">
         {% for section in sections %}
             {% set sectionTitle = section.title %}
             {% set sectionIntro = section.intro %}

diff --git a/src/_includes/partials/components/banner.njk b/src/_includes/partials/components/banner.njk
@@ -1,3 +1 @@
-<div class="banner" aria-hidden="true">
-    {%- svg_sprite "site-banner" -%}
-</div>
+<div class="banner" aria-hidden="true"></div>
diff --git a/src/_includes/partials/components/pagination.njk b/src/_includes/partials/components/pagination.njk