Permalink
Browse files

Fix: Add new HTML formatter design

Close #1326
  • Loading branch information...
sarvaje authored and alrra committed Sep 13, 2018
1 parent baaa976 commit aa52c565c09ba941eea0ae5d4fbb7015588439d1
Showing with 1,214 additions and 445 deletions.
  1. +31 −0 packages/formatter-html/THIRD_PARTY_NOTICES.txt
  2. +1 −0 packages/formatter-html/src/assets/images/back-to-top.svg
  3. +1 −1 packages/formatter-html/src/assets/images/scan/accessibility.svg
  4. +1 −1 packages/formatter-html/src/assets/images/scan/dev-icon.svg
  5. BIN packages/formatter-html/src/assets/images/scan/favicon-16x16.png
  6. BIN packages/formatter-html/src/assets/images/scan/favicon-32x32.png
  7. BIN packages/formatter-html/src/assets/images/scan/favicon_failed.ico
  8. BIN packages/formatter-html/src/assets/images/scan/favicon_passed.ico
  9. BIN packages/formatter-html/src/assets/images/scan/favicon_pending.ico
  10. +1 −1 packages/formatter-html/src/assets/images/scan/interoperability.svg
  11. +1 −0 packages/formatter-html/src/assets/images/scan/open-blank.svg
  12. +1 −0 packages/formatter-html/src/assets/images/scan/open-close.svg
  13. +1 −1 packages/formatter-html/src/assets/images/scan/other-icon.svg
  14. +1 −1 packages/formatter-html/src/assets/images/scan/performance.svg
  15. +1 −1 packages/formatter-html/src/assets/images/scan/pwa.svg
  16. +0 −1 packages/formatter-html/src/assets/images/scan/results-error-icon.svg
  17. +0 −1 packages/formatter-html/src/assets/images/scan/results-hide-details.svg
  18. +0 −1 packages/formatter-html/src/assets/images/scan/results-view-details.svg
  19. +0 −1 packages/formatter-html/src/assets/images/scan/results-warning-icon.svg
  20. +1 −1 packages/formatter-html/src/assets/images/scan/security.svg
  21. +55 −0 packages/formatter-html/src/assets/js/anchor-top.js
  22. +81 −0 packages/formatter-html/src/assets/js/polyfills/details.js
  23. +130 −32 packages/formatter-html/src/assets/js/scan/scanner-common.js
  24. +36 −0 packages/formatter-html/src/assets/styles/anchor-top.css
  25. +31 −0 packages/formatter-html/src/assets/styles/fonts.css
  26. BIN packages/formatter-html/src/assets/styles/fonts/montserrat-300.woff
  27. BIN packages/formatter-html/src/assets/styles/fonts/montserrat-300.woff2
  28. BIN packages/formatter-html/src/assets/styles/fonts/montserrat-400.woff
  29. BIN packages/formatter-html/src/assets/styles/fonts/montserrat-400.woff2
  30. BIN packages/formatter-html/src/assets/styles/fonts/montserrat-500.woff
  31. BIN packages/formatter-html/src/assets/styles/fonts/montserrat-500.woff2
  32. BIN packages/formatter-html/src/assets/styles/fonts/source-sans-pro.woff
  33. BIN packages/formatter-html/src/assets/styles/fonts/source-sans-pro.woff2
  34. +30 −0 packages/formatter-html/src/assets/styles/layouts.css
  35. +442 −216 packages/formatter-html/src/assets/styles/scan/scan-results.css
  36. +1 −3 packages/formatter-html/src/assets/styles/type.css
  37. +61 −5 packages/formatter-html/src/formatter.ts
  38. +110 −21 packages/formatter-html/src/result.ts
  39. +12 −1 packages/formatter-html/src/utils.ts
  40. +7 −1 packages/formatter-html/src/views/pages/report.ejs
  41. +11 −0 packages/formatter-html/src/views/partials/browser-icon.ejs
  42. +1 −0 packages/formatter-html/src/views/partials/check-mark.ejs
  43. +18 −0 packages/formatter-html/src/views/partials/scan-category-summary.ejs
  44. +1 −0 packages/formatter-html/src/views/partials/scan-expand-all.ejs
  45. +22 −0 packages/formatter-html/src/views/partials/scan-result-category-item.ejs
  46. +45 −44 packages/formatter-html/src/views/partials/scan-result-item.ejs
  47. +55 −91 packages/formatter-html/src/views/partials/scan-result.ejs
  48. +13 −16 packages/formatter-html/tests/tests.ts
  49. +3 −0 packages/hint/docs/user-guide/concepts/formatters.md
  50. BIN packages/hint/docs/user-guide/concepts/images/html-output.png
  51. +4 −2 packages/hint/src/lib/cli/analyze.ts
  52. +4 −2 packages/hint/src/lib/types/formatters.ts
@@ -0,0 +1,31 @@
Includes montserrat-300.woff
Includes montserrat-300.woff2
Includes montserrat-400.woff
Includes montserrat-400.woff2
Includes montserrat-500.woff
Includes montserrat-500.woff2
Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
Licensed under the SIL OPEN FONT LICENSE, Version 1.1;
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
https://opensource.org/licenses/OFL-1.1
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Includes source-sans-pro.woff
Includes source-sans-pro.woff2
Copyright 2010, 2012, 2014 Adobe Systems Incorporated (http://www.adobe.com/)
Licensed under the SIL OPEN FONT LICENSE, Version 1.1;
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
https://opensource.org/licenses/OFL-1.1
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.1 15"><path fill="#fff" d="M12.9 0l13.2 13.2-1.8 1.8L12.9 3.5 1.8 15 0 13.2 12.9 0z"/></svg>
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><path fill="#acadda" d="M10.1 26.3L7 23.2c-3.7 4-5.8 9.2-6.1 14.6h4.3c.4-4.2 2.1-8.3 4.9-11.5zM23.2 20v-4.3c-5.4.2-10.6 2.4-14.6 6l3.1 3.1c3.1-2.9 7.2-4.6 11.5-4.8zm2.1 37.8v4.3c5.4-.2 10.6-2.4 14.6-6L36.8 53c-3.2 2.9-7.2 4.6-11.5 4.8zm-13.7-4.7l-3.1 3.1c4 3.7 9.2 5.8 14.6 6v-4.3c-4.2-.3-8.3-2-11.5-4.8zM5.3 40H1c.2 5.4 2.4 10.6 6 14.6l3.1-3.1C7.3 48.3 5.6 44.3 5.3 40zm37.9 0c-.2 4.3-1.9 8.3-4.8 11.5l3.1 3.1c3.7-4 5.8-9.2 6-14.6h-4.3z"/><path fill="#2d28a1" d="M29.5 29.4V9.8h-4.3v19.6h-2.6l4.7 8.2 4.7-8.2h-2.5zm29.1 5.7l-8.2-4.7V33H32.6v4.3h17.8v2.6l8.2-4.8z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 72"><path fill="#acadda" d="M10.1 26.3L7 23.2c-3.7 4-5.8 9.2-6.1 14.6h4.3c.4-4.2 2.1-8.3 4.9-11.5zM23.2 20v-4.3c-5.4.2-10.6 2.4-14.6 6l3.1 3.1A18 18 0 0 1 23.2 20zm2.1 37.8v4.3c5.4-.2 10.6-2.4 14.6-6L36.8 53a18.3 18.3 0 0 1-11.5 4.8zm-13.7-4.7l-3.1 3.1c4 3.7 9.2 5.8 14.6 6v-4.3c-4.2-.3-8.3-2-11.5-4.8zM5.3 40H1c.2 5.4 2.4 10.6 6 14.6l3.1-3.1A19.5 19.5 0 0 1 5.3 40zm37.9 0c-.2 4.3-1.9 8.3-4.8 11.5l3.1 3.1c3.7-4 5.8-9.2 6-14.6h-4.3z"/><path fill="#2d28a1" d="M29.5 29.4V9.8h-4.3v19.6h-2.6l4.7 8.2 4.7-8.2h-2.5zm29.1 5.7l-8.2-4.7V33H32.6v4.3h17.8v2.6l8.2-4.8z"/></svg>
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><style>.a{fill:#2d28a1}</style><path fill="#acadda" d="M51.1 11.9H3.7a3.3 3.3 0 0 0-3.3 3.3v44.5c0 1.9 1.5 3.3 3.3 3.3h47.5c1.9 0 3.3-1.5 3.3-3.3V15.3c0-1.9-1.5-3.4-3.4-3.4zM5.3 58.1V21.7h44.1v36.5l-44.1-.1z"/><circle cx="7.3" cy="16.8" r="1.9" class="a"/><circle cx="13" cy="16.8" r="1.9" class="a"/><circle cx="18.8" cy="16.8" r="1.9" class="a"/><path d="M22.3 45.8l.2.3c0 .3-.1.5-.3.8-.2.3-.3.4-.5.4h-.1L9.9 41.4c-.3-.2-.4-.5-.4-.9-.1-.3.1-.7.4-.9l11.7-5.9h.1c.2 0 .3.2.5.4.2.3.3.5.3.8 0 .2-.1.3-.2.3l-10.5 5.3 10.5 5.3zm9.6-16.2l-6.5 21.8c0 .2-.3.3-.9.3-.6 0-.8-.1-.8-.3l6.5-21.8c0-.2.3-.3.9-.3.6 0 .8.1.8.3zm13.7 10.9c0 .4-.2.8-.4.9l-11.7 6h-.1c-.2 0-.3-.2-.5-.4-.2-.3-.3-.5-.3-.8l.2-.3 10.5-5.4L32.7 35l-.2-.3c0-.3.1-.5.3-.8.2-.3.3-.4.5-.4h.1l11.7 6.1c.3.2.5.5.5.9z" class="a"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 72"><style>.a{fill:#2d28a1}</style><path fill="#acadda" d="M51.1 11.9H3.7a3.3 3.3 0 0 0-3.3 3.3v44.5c0 1.9 1.5 3.3 3.3 3.3h47.5c1.9 0 3.3-1.5 3.3-3.3V15.3c0-1.9-1.5-3.4-3.4-3.4zM5.3 58.1V21.7h44.1v36.5l-44.1-.1z"/><circle cx="7.3" cy="16.8" r="1.9" class="a"/><circle cx="13" cy="16.8" r="1.9" class="a"/><circle cx="18.8" cy="16.8" r="1.9" class="a"/><path d="M22.3 45.8l.2.3c0 .3-.1.5-.3.8-.2.3-.3.4-.5.4h-.1L9.9 41.4c-.3-.2-.4-.5-.4-.9-.1-.3.1-.7.4-.9l11.7-5.9h.1c.2 0 .3.2.5.4.2.3.3.5.3.8 0 .2-.1.3-.2.3l-10.5 5.3 10.5 5.3zm9.6-16.2l-6.5 21.8c0 .2-.3.3-.9.3-.6 0-.8-.1-.8-.3l6.5-21.8c0-.2.3-.3.9-.3.6 0 .8.1.8.3zm13.7 10.9c0 .4-.2.8-.4.9l-11.7 6h-.1c-.2 0-.3-.2-.5-.4-.2-.3-.3-.5-.3-.8l.2-.3 10.5-5.4L32.7 35l-.2-.3c0-.3.1-.5.3-.8.2-.3.3-.4.5-.4h.1l11.7 6.1c.3.2.5.5.5.9z" class="a"/></svg>
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71.8 72"><style>.a{opacity:.85;fill:#5753b4;enable-background:new}.e{opacity:.85;fill:#817ec7;enable-background:new}.c{opacity:.53;fill:#0b0687;enable-background:new}.d{fill:#acadda}</style><circle cx="17.2" cy="43.7" r="14" class="a"/><circle cx="27.5" cy="28.2" r="13.9" class="e"/><circle cx="36.9" cy="44" r="14" class="c"/><path d="M44.5 28.3c0-9.5-7.7-17.2-17.2-17.3S10.1 18.7 10 28.2C1.5 32.1-2.4 42.3 1.5 50.9s14.1 12.5 22.8 8.6c1-.5 2-1 2.9-1.7 7.8 5.5 18.5 3.6 24-4.2s3.6-18.5-4.2-24c-.8-.4-1.6-.9-2.5-1.3zm-10.3 12c-.7-3.1-2.2-6-4.4-8.3 3.3-2.1 7.4-2.6 11.2-1.5-.7 4.1-3.2 7.7-6.8 9.8zm-7 13.2c-2.3-2.3-3.6-5.3-3.9-8.5 2.6.6 5.3.6 7.8.1-.3 3.1-1.7 6.1-3.9 8.4zm.1-11.4c-1.3 0-2.7-.2-3.9-.6.5-2.8 1.8-5.4 3.8-7.5 2 2.1 3.4 4.7 3.8 7.5-1.2.4-2.4.6-3.7.6zm-7.1-2c-3.5-2.1-6-5.7-6.6-9.7 3.7-1 7.7-.4 10.9 1.6-2.1 2.3-3.6 5.1-4.3 8.1zm7.1-25.7c7.2 0 13.2 5.5 13.8 12.6-4.8-1.2-9.9-.2-14 2.7-4-2.8-8.9-3.8-13.7-2.7.8-7.1 6.7-12.6 13.9-12.6zM3.4 43.8c0-5 2.7-9.6 7-12 1.1 5.2 4.6 9.7 9.4 12 0 4.4 1.7 8.6 4.7 11.8-6.5 4-15.1 1.9-19.1-4.6-1.3-2.2-2-4.7-2-7.2zm33.7 13.8c-2.6 0-5.1-.7-7.3-2.1 3-3.2 4.7-7.4 4.7-11.7 4.9-2.3 8.5-6.7 9.6-12 6.6 3.9 8.8 12.4 4.8 19-2.4 4.3-7 6.8-11.8 6.8z" class="d"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 72"><style>.a{opacity:.85;fill:#5753b4;enable-background:new}.e{opacity:.85;fill:#817ec7;enable-background:new}.c{opacity:.53;fill:#0b0687;enable-background:new}.d{fill:#acadda}</style><circle cx="17.2" cy="43.7" r="14" class="a"/><circle cx="27.5" cy="28.2" r="13.9" class="e"/><circle cx="36.9" cy="44" r="14" class="c"/><path d="M44.5 28.3c0-9.5-7.7-17.2-17.2-17.3S10.1 18.7 10 28.2C1.5 32.1-2.4 42.3 1.5 50.9s14.1 12.5 22.8 8.6c1-.5 2-1 2.9-1.7 7.8 5.5 18.5 3.6 24-4.2s3.6-18.5-4.2-24c-.8-.4-1.6-.9-2.5-1.3zm-10.3 12c-.7-3.1-2.2-6-4.4-8.3 3.3-2.1 7.4-2.6 11.2-1.5-.7 4.1-3.2 7.7-6.8 9.8zm-7 13.2c-2.3-2.3-3.6-5.3-3.9-8.5 2.6.6 5.3.6 7.8.1-.3 3.1-1.7 6.1-3.9 8.4zm.1-11.4c-1.3 0-2.7-.2-3.9-.6.5-2.8 1.8-5.4 3.8-7.5 2 2.1 3.4 4.7 3.8 7.5-1.2.4-2.4.6-3.7.6zm-7.1-2c-3.5-2.1-6-5.7-6.6-9.7 3.7-1 7.7-.4 10.9 1.6-2.1 2.3-3.6 5.1-4.3 8.1zm7.1-25.7c7.2 0 13.2 5.5 13.8 12.6-4.8-1.2-9.9-.2-14 2.7-4-2.8-8.9-3.8-13.7-2.7.8-7.1 6.7-12.6 13.9-12.6zM3.4 43.8c0-5 2.7-9.6 7-12 1.1 5.2 4.6 9.7 9.4 12 0 4.4 1.7 8.6 4.7 11.8-6.5 4-15.1 1.9-19.1-4.6-1.3-2.2-2-4.7-2-7.2zm33.7 13.8c-2.6 0-5.1-.7-7.3-2.1 3-3.2 4.7-7.4 4.7-11.7 4.9-2.3 8.5-6.7 9.6-12 6.6 3.9 8.8 12.4 4.8 19-2.4 4.3-7 6.8-11.8 6.8z" class="d"/></svg>
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path fill="#fff" fill-rule="evenodd" d="M8.25 3h-.67a7.01 7.01 0 0 0-.6.04 4.28 4.28 0 0 0-1.23.31 4.45 4.45 0 0 0-1.73 1.29 4.65 4.65 0 0 0-.58.9 4.37 4.37 0 0 0-.35 1.03 7.8 7.8 0 0 1 2.1-.99 8 8 0 0 1 2.31-.33h.75v1.19l2.31-2.32-2.31-2.3V3zM7.5 6a7.23 7.23 0 0 0-2.85.59 7.47 7.47 0 0 0-2.4 1.66V7.5a5.2 5.2 0 0 1 .72-2.65 5.25 5.25 0 0 1 1.88-1.88 5.2 5.2 0 0 1 2.65-.72V0l4.13 4.13L7.5 8.25V6zm.75 3L9 8.25v2.25H0V3h.75v6.75h7.5V9z"/></svg>
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="44"><svg width="22" height="22"><path fill="#4046dd" fill-rule="evenodd" d="M11 0a11 11 0 1 1 0 22 11 11 0 0 1 0-22zm0 1a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm5.5 10.5h-11v-1h11v1z"/></svg><svg width="22" height="22" y="22"><path fill="#4046dd" fill-rule="evenodd" d="M11 0a11 11 0 1 1 0 22 11 11 0 0 1 0-22zm0 1a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm5.5 10.5h-5v5h-1v-5h-5v-1h5v-5h1v5h5v1z"/></svg></svg>
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><style>.a{fill:#2d28a1}</style><path fill="#acadda" d="M51.1 10.2H3.4A3.4 3.4 0 0 0 0 13.6v44.8c0 1.9 1.5 3.4 3.4 3.4h47.8c1.9 0 3.4-1.5 3.4-3.4V13.7c-.1-1.9-1.6-3.5-3.5-3.5zM5 56.8V16.2h44.4v40.6H5z"/><circle cx="15.6" cy="36" r="3.8" class="a"/><circle cx="27.2" cy="36" r="3.8" class="a"/><circle cx="38.9" cy="36" r="3.8" class="a"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 72"><style>.a{fill:#2d28a1}</style><path fill="#acadda" d="M51.1 10.2H3.4A3.4 3.4 0 0 0 0 13.6v44.8c0 1.9 1.5 3.4 3.4 3.4h47.8c1.9 0 3.4-1.5 3.4-3.4V13.7c-.1-1.9-1.6-3.5-3.5-3.5zM5 56.8V16.2h44.4v40.6H5z"/><circle cx="15.6" cy="36" r="3.8" class="a"/><circle cx="27.2" cy="36" r="3.8" class="a"/><circle cx="38.9" cy="36" r="3.8" class="a"/></svg>
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><style>.a{fill:#2d28a1}.b{fill:#817ec7}.c{fill:#5753b4}.d{fill:#0b0687}.e{fill:#acadda}.f{fill:none;stroke:#4046dD;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}</style><path d="M38.4 33.6c-3.5-2.9-7.8-4.6-12.3-4.9v7.8c2.4.2 4.8 1.1 6.7 2.7l5.6-5.6z" class="a"/><path d="M10 35.1c-3.3 3.4-5.3 7.8-5.7 12.5h8.3c.3-2.5 1.3-5 3-6.9L10 35.1z" class="b"/><path d="M23.9 28.7c-4.5.2-8.8 1.9-12.3 4.9l5.6 5.6c1.9-1.5 4.2-2.5 6.7-2.7v-7.8z" class="c"/><path d="M40 35.1l-5.6 5.6c1.7 1.9 2.7 4.3 3 6.9h8.3c-.5-4.7-2.5-9.1-5.7-12.5z" class="d"/><path d="M7 32C2.9 36.2.4 41.7 0 47.6h4.3c.4-4.7 2.4-9.1 5.7-12.5L7 32zm16.9-7.6c-5.7.2-11.1 2.4-15.4 6.1l3.1 3.1c3.5-2.9 7.8-4.6 12.3-4.9v-4.3zm17.5 6.1c-4.3-3.7-9.7-5.9-15.3-6.1v4.3c4.5.2 8.8 1.9 12.3 4.9l3-3.1zM50 47.6c-.4-5.9-2.9-11.4-7-15.6l-3 3c3.3 3.4 5.3 7.8 5.7 12.5l4.3.1z" class="e"/><path d="M39.7 42.3l-14.2 4.8" class="f"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 72"><path fill="#2d28a1" d="M38.4 33.6a21.5 21.5 0 0 0-12.3-4.9v7.8a12 12 0 0 1 6.7 2.7l5.6-5.6z"/><path fill="#817ec7" d="M10 35.1a20.4 20.4 0 0 0-5.7 12.5h8.3c.3-2.5 1.3-5 3-6.9L10 35.1z"/><path fill="#5753b4" d="M23.9 28.7c-4.5.2-8.8 1.9-12.3 4.9l5.6 5.6c1.9-1.5 4.2-2.5 6.7-2.7v-7.8z"/><path fill="#0b0687" d="M40 35.1l-5.6 5.6c1.7 1.9 2.7 4.3 3 6.9h8.3c-.5-4.7-2.5-9.1-5.7-12.5z"/><path fill="#acadda" d="M7 32a24.7 24.7 0 0 0-7 15.6h4.3c.4-4.7 2.4-9.1 5.7-12.5L7 32zm16.9-7.6a25 25 0 0 0-15.4 6.1l3.1 3.1c3.5-2.9 7.8-4.6 12.3-4.9v-4.3zm17.5 6.1a25 25 0 0 0-15.3-6.1v4.3c4.5.2 8.8 1.9 12.3 4.9l3-3.1zM50 47.6A24.7 24.7 0 0 0 43 32l-3 3c3.3 3.4 5.3 7.8 5.7 12.5l4.3.1z"/><path fill="none" stroke="#4046dd" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M39.7 42.3l-14.2 4.8"/></svg>
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><path fill="#acadda" d="M32.8 59.3h-19C6.2 59.3 0 53.1 0 45.5v-19c0-7.6 6.2-13.8 13.8-13.8h19c7.6 0 13.8 6.2 13.8 13.8v19c0 7.6-6.1 13.8-13.8 13.8zM13.8 17c-5.2 0-9.5 4.3-9.5 9.5v19c0 5.2 4.3 9.5 9.5 9.5h19c5.2 0 9.5-4.3 9.5-9.5v-19c0-5.2-4.3-9.5-9.5-9.5h-19z"/><path fill="#2d28a1" d="M16.7 33.4c.5.4.7 1 .6 1.7 0 .7-.2 1.3-.7 1.8-.5.4-1.2.7-1.9.6h-1.1v1.8h-1.7v-6.4h2.8c.7-.1 1.4.1 2 .5zm-1.2 2.4c.2-.2.3-.5.3-.7 0-.3-.1-.5-.3-.7-.2-.2-.5-.3-.8-.2h-1.1v2h1.1c.3-.1.5-.2.8-.4zm12.4-3l-2.2 6.4H24l-1.2-4.4-1.2 4.4h-1.7l-2.2-6.4h1.8l1.3 4.7 1.3-4.7h1.6l1.3 4.7 1.2-4.7h1.7zm4.6 5.3h-2.8l-.5 1.1h-1.7l2.8-6.4H32l2.7 6.4h-1.8l-.4-1.1zm-.5-1.3l-.9-2.3-.9 2.3H32z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47 72"><path fill="#acadda" d="M32.8 59.3h-19C6.2 59.3 0 53.1 0 45.5v-19c0-7.6 6.2-13.8 13.8-13.8h19c7.6 0 13.8 6.2 13.8 13.8v19c0 7.6-6.1 13.8-13.8 13.8zM13.8 17a9.6 9.6 0 0 0-9.5 9.5v19c0 5.2 4.3 9.5 9.5 9.5h19c5.2 0 9.5-4.3 9.5-9.5v-19c0-5.2-4.3-9.5-9.5-9.5h-19z"/><path fill="#2d28a1" d="M16.7 33.4c.5.4.7 1 .6 1.7 0 .7-.2 1.3-.7 1.8-.5.4-1.2.7-1.9.6h-1.1v1.8h-1.7v-6.4h2.8c.7-.1 1.4.1 2 .5zm-1.2 2.4c.2-.2.3-.5.3-.7a1 1 0 0 0-.3-.7.8.8 0 0 0-.8-.2h-1.1v2h1.1l.8-.4zm12.4-3l-2.2 6.4H24l-1.2-4.4-1.2 4.4h-1.7l-2.2-6.4h1.8l1.3 4.7 1.3-4.7h1.6l1.3 4.7 1.2-4.7h1.7zm4.6 5.3h-2.8l-.5 1.1h-1.7l2.8-6.4H32l2.7 6.4h-1.8l-.4-1.1zm-.5-1.3l-.9-2.3-.9 2.3H32z"/></svg>

This file was deleted.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.

This file was deleted.

Oops, something went wrong.
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><style>.e{fill:#acadda}.s{fill:#2d28a1}</style><path d="M31.8 21.3V10.6c0-1.2-1-2.2-2.2-2.1H14.8c-1.2 0-2.2 1-2.2 2.2v10.6C1.6 26.5-3.1 39.8 2.2 50.9s18.5 15.8 29.6 10.5 15.8-18.5 10.5-29.6c-2.2-4.6-5.9-8.3-10.5-10.5zM17 12.8h10.5v6.9c-3.4-.8-7-.8-10.5 0v-6.9zm5.2 46.4c-9.9 0-17.9-8-17.9-17.9s8-17.9 17.9-17.9c9.9 0 17.9 8 17.9 17.9 0 9.9-8 17.9-17.9 17.9z" class="e"/><path d="M19.8 41.9h4.8v7.2c0 1.3-1.1 2.4-2.4 2.4s-2.4-1.1-2.4-2.4v-7.2z" class="s"/><circle cx="22.2" cy="38.7" r="4.7" class="s"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 72"><style>.s{fill:#2d28a1}</style><path fill="#acadda" d="M31.8 21.3V10.6c0-1.2-1-2.2-2.2-2.1H14.8c-1.2 0-2.2 1-2.2 2.2v10.6C1.6 26.5-3.1 39.8 2.2 50.9s18.5 15.8 29.6 10.5 15.8-18.5 10.5-29.6a22.3 22.3 0 0 0-10.5-10.5zM17 12.8h10.5v6.9c-3.4-.8-7-.8-10.5 0v-6.9zm5.2 46.4c-9.9 0-17.9-8-17.9-17.9s8-17.9 17.9-17.9c9.9 0 17.9 8 17.9 17.9 0 9.9-8 17.9-17.9 17.9z"/><path d="M19.8 41.9h4.8v7.2c0 1.3-1.1 2.4-2.4 2.4s-2.4-1.1-2.4-2.4v-7.2z" class="s"/><circle cx="22.2" cy="38.7" r="4.7" class="s"/></svg>
@@ -0,0 +1,55 @@
/* eslint-disable no-var, strict, prefer-arrow-callback, object-shorthand */
/* eslint-env browser */
(function () {
'use strict';
if (!window.matchMedia) {
return;
}
var active = true;
var anchorTops = document.querySelectorAll('.anchor-top');
if (anchorTops.length === 0) {
return;
}
var anchors = [];
for (var i = 0; i < anchorTops.length; i++) {
var height = anchorTops[i].dataset.scroll || 2;
height = parseInt(height, 10);
anchors.push({
element: anchorTops[i],
height: height
});
}
var queued = false;
var onScroll = function () {
var scroll = window.scrollY / window.innerHeight;
anchors.forEach(function (anchor) {
if (scroll >= anchor.height) {
anchor.element.removeAttribute('hidden');
} else {
anchor.element.setAttribute('hidden', '');
}
});
queued = false;
};
var queueScroll = function () {
if (!active) {
return;
}
if (!queued) {
queued = true;
requestAnimationFrame(onScroll);
}
};
window.addEventListener('scroll', queueScroll, false);
}());
@@ -0,0 +1,81 @@
/* eslint-disable no-var,prefer-arrow-callback */
(function () {
var supportDetails = 'open' in document.createElement('details');
var shim = function () {
var detailButtons = document.querySelectorAll('summary');
for (var i = 0, li = detailButtons.length; i < li; i++) {
var button = detailButtons[i];
if (!supportDetails) {
button.setAttribute('tabindex', '0');
}
button.setAttribute('role', 'button');
button.parentElement.setAttribute('role', 'group');
}
};
var onToggleDetail = function (e, target) {
var ariaExpanded = target.getAttribute('aria-expanded');
var keydown = e.type === 'keydown';
var key;
if (keydown) {
key = e.which || e.keyCode;
if (key !== 32 && key !== 13) {
return;
}
}
e.preventDefault();
if (ariaExpanded === 'false' || !ariaExpanded) {
target.setAttribute('aria-expanded', 'true');
target.parentElement.setAttribute('open', '');
} else {
target.setAttribute('aria-expanded', 'false');
target.parentElement.removeAttribute('open');
}
};
var findSummary = function (element) {
if (element.nodeName === 'SUMMARY' && element.getAttribute('role') === 'button') {
return element;
}
if (element.parentElement) {
return findSummary(element.parentElement);
}
return null;
};
var registerEvents = function () {
document.addEventListener('click', function (evt) {
var target = evt.target || evt.srcElement;
var source = findSummary(target);
if (source) {
onToggleDetail(evt, source);
}
}, false);
document.addEventListener('keydown', function (evt) {
var target = evt.target || evt.srcElement;
var source = findSummary(target);
if (source) {
onToggleDetail(evt, source);
}
}, false);
};
window.addEventListener('load', function () {
shim();
if (!supportDetails) {
registerEvents();
}
});
}());
Oops, something went wrong.

0 comments on commit aa52c56

Please sign in to comment.