From 4b59d2ea89efc958d4a54ba16d1867784ee6ccf0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= Date: Mon, 13 May 2019 17:44:54 +0200 Subject: [PATCH] feat[WIP]: going on with Hologram's doc for WebeExtesnion in #292 --- docs/Hologram/test-assets/_header.html | 2 +- sass/themes/_check-alt.scss | 119 ---------------------- sass/themes/_webextension.scss | 132 +++++++++++++++++++++++++ 3 files changed, 133 insertions(+), 120 deletions(-) delete mode 100644 sass/themes/_check-alt.scss create mode 100644 sass/themes/_webextension.scss diff --git a/docs/Hologram/test-assets/_header.html b/docs/Hologram/test-assets/_header.html index c0dd4939..d528b17a 100644 --- a/docs/Hologram/test-assets/_header.html +++ b/docs/Hologram/test-assets/_header.html @@ -33,7 +33,7 @@
  • Warnings
  • Obsoletes
  • Advices
    • -
  • Check alt
    • +
  • WebExtension
  • API Doc
  • diff --git a/sass/themes/_check-alt.scss b/sass/themes/_check-alt.scss deleted file mode 100644 index e381be92..00000000 --- a/sass/themes/_check-alt.scss +++ /dev/null @@ -1,119 +0,0 @@ -@charset 'UTF-8'; - -/*doc ---- -title: "" -name: check-alt-0 -category: Check alternate text for images ---- - -This page provides fake content with images, some have a correct `alt` attribute, some don't, some have an empty `alt`. -This enables us to test the checkalts module. - -##References -* -* -* -* -* -* -* -* -* -* -* -* -* - -*/ - - -/*doc ---- -title: "No alt, no title" -name: check-alt-1 -category: Check alternate text for images ---- - -```html_example -† -``` -*/ - - -/*doc ---- -title: "One alt, one title" -name: check-alt-2 -category: Check alternate text for images ---- - -```html_example -A typewriter† -``` -*/ - - -/*doc ---- -title: "Empty alt, no title" -name: check-alt-3 -category: Check alternate text for images ---- - -```html_example -† -``` -*/ - - -/*doc ---- -title: "One alt, no title" -name: check-alt-4 -category: Check alternate text for images ---- - -```html_example -Sunset† -``` -*/ - - -/*doc ---- -title: "No alt, no title" -name: check-alt-5 -category: Check alternate text for images ---- - -```html_example -† -``` -*/ - - -/*doc ---- -title: "One alt, no title" -name: check-alt-6 -category: Check alternate text for images ---- - -```html_example -Irish river† -``` -*/ - - -/*doc ---- -title: "No alt, no title" -name: check-alt-7 -category: Check alternate text for images ---- - -```html_example -† -``` -*/ diff --git a/sass/themes/_webextension.scss b/sass/themes/_webextension.scss new file mode 100644 index 00000000..c6d8c9d2 --- /dev/null +++ b/sass/themes/_webextension.scss @@ -0,0 +1,132 @@ +@charset 'UTF-8'; + +/*doc +--- +title: "" +name: check-alt-0 +category: WebExtension +--- + +The WebExtension provides some more tools requiring a bit of JavaScript: +* Force focus; +* Show `lang` attributes; +* Check `alt` and `title` for ``; +* Increase text spacings. + +##Description +This page provides fake content with: +* language attributes, +* images: some have a correct `alt` attribute, some don't, some have an empty `alt`. + +This enables us to test two webextension's modules. + +##References for `alt` and `title` on `` +* +* +* +* +* +* +* +* +* +* +* +* +* + +##References for text spacing +* +* . + +*/ + + +/*doc +--- +title: "No alt, no title" +name: check-alt-1 +category: WebExtension +--- + +```html_example +† +``` +*/ + + +/*doc +--- +title: "One alt, one title" +name: check-alt-2 +category: WebExtension +--- + +```html_example +A typewriter† +``` +*/ + + +/*doc +--- +title: "Empty alt, no title" +name: check-alt-3 +category: WebExtension +--- + +```html_example +† +``` +*/ + + +/*doc +--- +title: "One alt, no title" +name: check-alt-4 +category: WebExtension +--- + +```html_example +Sunset† +``` +*/ + + +/*doc +--- +title: "[lang]" +name: check-alt-6 +category: WebExtension +--- + +##Selector +```css_example +[lang] +``` + +##Test +```html_example +

    Just testing languages. Voilà.

    +``` +*/ + + +/*doc +--- +title: "[hreflang]" +name: check-alt-5 +category: WebExtension +--- + +##Selector +```css_example +[hreflang] +``` + +##Test +```html_example +

    Here comes a simple to my very own website.

    +``` +*/