GH-84 - Modernize CSS #87
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| {% extends "layouts/base.njk" %} | ||
|
|
||
| {% set bodyClass = "idg-category-" + category %} | ||
|
|
||
| {% set editLinkPath %} | ||
| {{ page.filePathStem}}.md | ||
| {% endset %} | ||
|
|
||
| {% set navPages = collections[category + "_" + locale] | eleventyNavigationBreadcrumb(eleventyNavigation.key) %} | ||
|
|
||
| {% block content %} | ||
|
|
||
| <header class="article-header {{ category | lower }}-bg fl-inverted-color"> | ||
| <div class="wrapper"> | ||
| <nav aria-label="{{ _("Breadcrumb") }}"> | ||
| <ul class="breadcrumbs inline-list"> | ||
| <li> | ||
| <a href="/{% if not (locale === config.defaultLanguage) %}{{ config.languages[locale].slug }}{% endif %}"> | ||
| {{ _("Home") }} | ||
| </a> | ||
| </li> | ||
| {% for page in navPages %} | ||
| <li><a href="{{ page.url }}">{{ page.title }}</a></li> | ||
| {% endfor %} | ||
| <li aria-current="page">{{ eleventyNavigation.title }}</li> | ||
| </ul> | ||
| </nav> | ||
| <h1 class="article-title">{{ title }}</h1> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div class="wrapper wrapper__article"> | ||
| {% include "partials/content.njk" %} | ||
|
|
||
| {% if not navPages.length %} | ||
| {# If displaying a listing page of articles #} | ||
| {% set childPages = collections[category + "_" + locale] | eleventyNavigation(eleventyNavigation.key) %} | ||
| <nav class="list-articles__contents" aria-label="{{ _i("${categoryName} contents", {categoryName: eleventyNavigation.key}) }}"> | ||
| <ul> | ||
| {# Output page links in alphabetical order #} | ||
| {% for page in childPages |sort(false, true, "title") %} | ||
| <li><a href="{{ page.url }}">{{ page.title }}</a></li> | ||
| {% endfor %} | ||
| </ul> | ||
| </nav> | ||
| {% else %} | ||
| {% include "partials/editOnGitHub.njk" %} | ||
| {% endif %} | ||
| </div> | ||
| {% endblock %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,3 @@ | ||
| <div class="flc-toc-tocContainer"></div> | ||
|
|
||
| {{ content | safe }} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,5 @@ | ||
| <p class="githubLink"> | ||
| <a href="https://github.com/inclusive-design/guide.inclusivedesign.ca/edit/main/src{{ editLinkPath }}" rel="nofollow" target="_blank" class="link-external"> | ||
| {% svg_sprite "logo-github" %}{{ _("Edit this Page on GitHub") }} | ||
| </a> | ||
| </p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,26 +1,26 @@ | ||
| <footer class="header-footer-bg header-footer-color fl-inverted-color"> | ||
| <div class="wrapper wrapper_site_footer"> | ||
| <p> | ||
| {% set footer_community %}<a href='https://wiki.fluidproject.org/display/fluid/The+Inclusive+Design+Guide' rel='nofollow' target='_blank'>{{ _("community members") }}</a>{% endset %} | ||
| {% set footer_org %}</br><a href='{{ _(site.orgURL) }}' rel='nofollow' target='_blank'>{{ _(site.org) }}</a>{% endset %} | ||
| {% set footer_institute %}<a href='{{ _(site.instituteURL) }}' target='_blank'>{{ _(site.institute) }}</a>{% endset %} | ||
| {{ _i("Created by the ${community} of the ${org} at ${institute}, and supported by", { | ||
| community: footer_community, | ||
| org: footer_org, | ||
| institute: footer_institute | ||
| }) | safe }} | ||
| </p> | ||
| <p> | ||
| <a class="footer__logo-links" aria-label="FLOE Project" href="http://www.floeproject.org/" target="_blank">{% svg_sprite "logo-floe" %}</a> | ||
| <a class="footer__logo-links" aria-label="Prosperity for All" href="http://www.prosperity4all.eu/" target="_blank">{% svg_sprite 'logo-p4a' %}</a><br/> | ||
| </p> | ||
| <p> | ||
| {{ _i("Hosted with ${netlify}.", {netlify: "<a href='https://netlify.com/'>Netlify</a>"}) | safe }} | ||
| </p> | ||
|
|
||
| <p> | ||
| {% set license %}<a rel='license' href='{{ _(site.licenseURL) }}'>{{ _(site.license) }}</a>{% endset %} | ||
| {{ _i("This documentation is licensed under a ${license}.", {license: license}) | safe }} | ||
| </p> | ||
| </div> | ||
| </footer> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,38 +1,28 @@ | ||
| <!-- Skip Link --> | ||
| <nav class="fl-inverted-color"> | ||
|
There was a problem hiding this comment. should we add an aria-label to this? Perhaps also "Skip to Content"? There was a problem hiding this comment. I don't think it's necessary since the link is descriptive enough. |
||
| <a id="skip-to-content" href="#content">{{ _("Skip to Content") }}</a> | ||
| </nav> | ||
| <!-- END skip link --> | ||
|
|
||
| <header class="ignore-for-TOC site-header header-footer-bg header-footer-color fl-inverted-color"> | ||
| {% include "partials/uio.njk" %} | ||
|
|
||
| <div class="menus"> | ||
| {% include 'partials/language.njk' %} | ||
| {% include 'partials/nav-mobile.njk' %} | ||
| </div> | ||
|
|
||
| <div class="wrapper"> | ||
| <a class="banner" href="/{% if not (locale === config.defaultLanguage) %}{{ config.languages[locale].slug }}{% endif %}" title="{{ _i("Home: ${siteName}", {siteName: _(site.title)}) }}"> | ||
| <span class="banner-logo"> | ||
| {% svg_sprite "logo-idrc" %} | ||
| </span> | ||
| <h1 class="banner-heading">{{ _(site.title) }}</h1> | ||
| </a> | ||
|
|
||
| {% include 'partials/nav-desktop.njk' %} | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
| </header> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| <nav class="idg-language-picker menu" aria-labelledBy="idg-language-button"> | ||
| <button id="idg-language-button" class="disclosure-button" aria-expanded="false" aria-controls="idg-language-list"> | ||
| {% svg_sprite "icon-language" %} | ||
| {{ _("Language") }} | ||
| </button> | ||
| <ul id="idg-language-list" class="menu-list"> | ||
| {% localeLink locale, translationKey, category, collections %} | ||
| </ul> | ||
| </nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| <nav class="nav nav-desktop" aria-label="menu"> | ||
| <ul class="inline-list nav-list nav-list__desktop"> | ||
| {% include "partials/menu.njk" %} | ||
| </ul> | ||
| </nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| <nav class="idg-menu-nav menu" aria-labelledBy="idg-menu-nav-button"> | ||
| <button id="idg-menu-nav-button" class="disclosure-button" aria-expanded="false" aria-controls="idg-nav-menu-list"> | ||
| {% svg_sprite "icon-menu" %} | ||
| {{ _("Menu") }} | ||
| </button> | ||
| <ul id="idg-menu-nav-list" class="menu-list"> | ||
| {% include "partials/menu.njk" %} | ||
| </ul> | ||
| </nav> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you pin this to a specific version?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What version should be used?