docs(docs): improved docs lighthouse score

This commit is contained in:
Christopher Pickering 2022-09-22 10:32:03 +02:00
parent 31161ce1aa
commit 05f2b857ea
No known key found for this signature in database
GPG key ID: E14DB3B0A0FACF84
5 changed files with 35 additions and 33 deletions

View file

@ -11,7 +11,7 @@
</div>
<div class="column"></div>
<div class="column">
<p class="copyright has-text-grey has-text-right">
<p class="copyright has-text-grey-dark has-text-right">
djLint | ©2021 Riverside Healthcare
</p>
</div>

View file

@ -154,7 +154,7 @@ date: Last Modified
<p>{{ "index_looks_like" | i18n }}</p>
<figure class="image" style="max-width:120px;"><img src="https://img.shields.io/badge/html%20style-djLint-blue.svg" alt="https://github.com/Riverside-Healthcare/djlint" /></figure>
<figure class="image" style="max-width:120px;"><img width="120" height="22.64" src="https://img.shields.io/badge/html%20style-djLint-blue.svg" alt="https://github.com/Riverside-Healthcare/djlint" /></figure>
</div>
<div class="container has-text-centered mb-5">

View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="{{ locale }}" dir="{{ dir }}" class="has-navbar-fixed-top">
<html lang="{{ locale or "en" }}" dir="{{ dir or "ltr" }}" class="has-navbar-fixed-top">
<head>
{% block meta %}
{% metagen
@ -92,14 +92,6 @@
type="font/woff2"
crossorigin/>
{% jsonLdScript meta, type, tags %}
<script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
<script>
TrackJS.install({
token: "43e6548fbc654c889ce75878d88c9071",
application: "djlint"
// for more configuration options, see https://docs.trackjs.com
});
</script>
</head>
<body>
{% include "src/_includes/nav.njk" %}
@ -109,7 +101,14 @@
{% endblock body %}
</section>
{% include "src/_includes/foot.njk" %}
<!--<script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.5.1/dist/algoliasearch-lite.umd.js"></script>-->
<script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
<script>
TrackJS.install({
token: "43e6548fbc654c889ce75878d88c9071",
application: "djlint"
// for more configuration options, see https://docs.trackjs.com
});
</script>
<script src="{{ js.scriptsJs }}" async></script>
</body>
</html>

View file

@ -15,58 +15,61 @@
</div>
<div id="djlint-nav-menu" class="navbar-menu">
<div class="navbar-start my-5 mx-0 is-justify-content-center is-flex-grow-1">
<a class="navbar-item has-text-grey" href="{{ "lang_code_url" | i18n }}/docs/getting-started/">
<a class="navbar-item has-text-grey-dark umami--nav--gettingstarted" href="{{ "lang_code_url" | i18n }}/docs/getting-started/">
{{ "getting_started" | i18n }}
</a>
<a class="navbar-item has-text-grey" href="{{ "lang_code_url" | i18n }}/docs/formatter/">
<a class="navbar-item has-text-grey-dark umami--nav--formatter" href="{{ "lang_code_url" | i18n }}/docs/formatter/">
{{ "formatter" | i18n }}
</a>
<a class="navbar-item has-text-grey" href="{{ "lang_code_url" | i18n }}/docs/linter/">
<a class="navbar-item has-text-grey-dark umami--nav--linter" href="{{ "lang_code_url" | i18n }}/docs/linter/">
{{ "linter" | i18n }}
</a>
<a class="navbar-item has-text-grey" href="{{ "lang_code_url" | i18n }}/docs/configuration">
<a class="navbar-item has-text-grey-dark umami--nav--configuration" href="{{ "lang_code_url" | i18n }}/docs/configuration">
{{ "configuration" | i18n }}
</a>
<a class="navbar-item has-text-grey" href="{{ "lang_code_url" | i18n }}/docs/integrations">
<a class="navbar-item has-text-grey-dark umami--nav--integrations" href="{{ "lang_code_url" | i18n }}/docs/integrations">
{{ "integrations" | i18n }}
</a>
<a class="navbar-item has-text-grey" href="{{ "lang_code_url" | i18n }}/docs/best-practices">
<a class="navbar-item has-text-grey-dark umami--nav--bestpractices" href="{{ "lang_code_url" | i18n }}/docs/best-practices">
{{ "best_practices" | i18n }}
</a>
</div>
<div class="navbar-end mx-0">
<a class="navbar-item button is-white animated fadeIn"
<a class="navbar-item button is-white animated fadeIn umami--nav--github"
href="https://github.com/Riverside-Healthcare/djlint"
target="_blank"
rel="noopener">
<span class="icon is-large has-text-grey is-nav-icon">
rel="noopener"
aria-label="GitHub">
<span class="icon is-large has-text-grey-dark is-nav-icon">
<i class="fab fa-2x fa-github"></i>
</span>
</a>
<a class="navbar-item button is-white animated fadeIn"
<a class="navbar-item button is-white animated fadeIn umami--nav--discord"
href="https://discord.gg/taghAqebzU"
target="_blank"
rel="noopener">
<span class="icon is-large has-text-grey is-nav-icon">
rel="noopener"
aria-label="Discord">
<span class="icon is-large has-text-grey-dark is-nav-icon">
<i class="fab fa-2x fa-discord"></i>
</span>
</a>
<a class="navbar-item button is-white animated fadeIn"
<a class="navbar-item button is-white animated fadeIn umami--nav--download"
href="https://pypi.org/project/djlint/"
target="_blank"
rel="noopener">
<span class="icon is-large has-text-grey is-nav-icon">
rel="noopener"
aria-label="Download">
<span class="icon is-large has-text-grey-dark is-nav-icon">
<i class="fas fa-2x fa-download"></i>
</span>
</a>
<div class="navbar-item has-dropdown has-text-grey is-hoverable">
<a class="navbar-link has-text-grey is-transparent">
<div class="navbar-item has-dropdown has-text-grey-dark is-hoverable">
<div class="navbar-link has-text-grey-dark is-transparent">
<span class="icon is-large">
<i class="fas fa-lg fa-globe"></i>
</span>
<span>{{ locale | i18n_locale(locales) }}
</a>
</div>
<div class="navbar-dropdown">
{% for page in page.url | i18n_urls(collections.all) %}
<a class="navbar-item" href="{{ page.url }}">{{ page.meta.label }}

View file

@ -1,5 +1,5 @@
$link-hover: hsl(207, 61%, 53%);
$link: hsl(207, 61%, 53%);
$link-hover: hsl(207, 61%, 44%);
$link: hsl(207, 61%, 44%);
@import '../../../node_modules/bulma/bulma';
@import '../../../node_modules/bulma-pricingtable/src/sass/index';
@ -34,7 +34,7 @@ pre .section {
padding: unset;
}
@import '../../../node_modules/prismjs/themes/prism';
@import '../../../node_modules/prismjs/themes/prism-tomorrow';
@include fontFace(
$fontName: Inter,