Fix CSS class for light/dark themes.

This commit is contained in:
jcamiel 2024-01-08 13:57:13 +01:00
parent 0f8207c890
commit bc13b5f75e
No known key found for this signature in database
GPG Key ID: 07FF11CFD55356CC
5 changed files with 21 additions and 17 deletions

View File

@ -53,13 +53,17 @@ def build_installation_md(text: str) -> MarkdownDoc:
def replace(text: str, dest: str) -> str:
# Do some replacements
# Replace canonical links to hurl.dev links
# Replace canonical links to hurl.dev links:
text = re.sub(
r"/docs/(.*)\.md",
r"https://hurl.dev/docs/\1.html",
text,
)
# Change some text snippets for GitHub and crates.io
# - first param: pattern to look for in Markdown file
# - second param: pattern to replace in GitHub README
# - third param: pattern to replace in crates.io README
snippets = [
("blog.md", "https://hurl.dev/blog/", "https://hurl.dev/blog/"),
(
@ -104,13 +108,13 @@ def replace(text: str, dest: str) -> str:
<source srcset="/docs/assets/img/home-waterfall-light.avif" type="image/avif">
<source srcset="/docs/assets/img/home-waterfall-light.webp" type="image/webp">
<source srcset="/docs/assets/img/home-waterfall-light.png" type="image/png">
<img class="light-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/home-waterfall-light.png" width="480" alt="HTML report"/>
<img class="u-theme-light u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/home-waterfall-light.png" width="480" alt="HTML report"/>
</picture>
<picture>
<source srcset="/docs/assets/img/home-waterfall-dark.avif" type="image/avif">
<source srcset="/docs/assets/img/home-waterfall-dark.webp" type="image/webp">
<source srcset="/docs/assets/img/home-waterfall-dark.png" type="image/png">
<img class="dark-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/home-waterfall-dark.png" width="480" alt="HTML report"/>
<img class="u-theme-dark u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/home-waterfall-dark.png" width="480" alt="HTML report"/>
</picture>
</div>
""",

View File

@ -131,13 +131,13 @@ Finally, Hurl is easy to <b>integrate in CI/CD</b>, with text, JUnit, TAP and HT
<source srcset="/docs/assets/img/home-waterfall-light.avif" type="image/avif">
<source srcset="/docs/assets/img/home-waterfall-light.webp" type="image/webp">
<source srcset="/docs/assets/img/home-waterfall-light.png" type="image/png">
<img class="light-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/home-waterfall-light.png" width="480" alt="HTML report"/>
<img class="u-theme-light u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/home-waterfall-light.png" width="480" alt="HTML report"/>
</picture>
<picture>
<source srcset="/docs/assets/img/home-waterfall-dark.avif" type="image/avif">
<source srcset="/docs/assets/img/home-waterfall-dark.webp" type="image/webp">
<source srcset="/docs/assets/img/home-waterfall-dark.png" type="image/png">
<img class="dark-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/home-waterfall-dark.png" width="480" alt="HTML report"/>
<img class="u-theme-dark u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/home-waterfall-dark.png" width="480" alt="HTML report"/>
</picture>
</div>

View File

@ -108,8 +108,8 @@ On each response, libcurl response timings are available:
All timings are in microsecond.
<div class="picture">
<img class="light-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/timings-light.svg" alt="Response timings explanation"/>
<img class="dark-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/timings-dark.svg" alt="Response timings explanation"/>
<img class="u-theme-light u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/timings-light.svg" alt="Response timings explanation"/>
<img class="u-theme-dark u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/timings-dark.svg" alt="Response timings explanation"/>
<a href="https://blog.cloudflare.com/a-question-of-timing/"><small>Courtesy of CloudFlare</small></a>
</div>

View File

@ -216,13 +216,13 @@ to create a [GitHub Action]. You can also see how to integrate your tests in [Gi
<source srcset="/docs/assets/img/github-new-repository-light.avif" type="image/avif">
<source srcset="/docs/assets/img/github-new-repository-light.webp" type="image/webp">
<source srcset="/docs/assets/img/github-new-repository-light.png" type="image/png">
<img class="light-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/github-new-repository-light.png" width="680" alt="Create new GitHub repository"/>
<img class="u-theme-light u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/github-new-repository-light.png" width="680" alt="Create new GitHub repository"/>
</picture>
<picture>
<source srcset="/docs/assets/img/github-new-repository-dark.avif" type="image/avif">
<source srcset="/docs/assets/img/github-new-repository-dark.webp" type="image/webp">
<source srcset="/docs/assets/img/github-new-repository-dark.png" type="image/png">
<img class="dark-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/github-new-repository-dark.png" width="680" alt="Create new GitHub repository"/>
<img class="u-theme-dark u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/github-new-repository-dark.png" width="680" alt="Create new GitHub repository"/>
</picture>
</div>
@ -297,13 +297,13 @@ Finally, you can check on GitHub that our action is running:
<source srcset="/docs/assets/img/github-action-light.avif" type="image/avif">
<source srcset="/docs/assets/img/github-action-light.webp" type="image/webp">
<source srcset="/docs/assets/img/github-action-light.png" type="image/png">
<img class="light-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/github-action-light.png" width="680" alt="GitHub Action"/>
<img class="u-theme-light u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/github-action-light.png" width="680" alt="GitHub Action"/>
</picture>
<picture>
<source srcset="/docs/assets/img/github-action-dark.avif" type="image/avif">
<source srcset="/docs/assets/img/github-action-dark.webp" type="image/webp">
<source srcset="/docs/assets/img/github-action-dark.png" type="image/png">
<img class="dark-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/github-action-dark.png" width="680" alt="GitHub Action"/>
<img class="u-theme-dark u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/github-action-dark.png" width="680" alt="GitHub Action"/>
</picture>
</div>
@ -316,13 +316,13 @@ Finally, you can check on GitHub that our action is running:
<source srcset="/docs/assets/img/gitlab-new-repository-light.avif" type="image/avif">
<source srcset="/docs/assets/img/gitlab-new-repository-light.webp" type="image/webp">
<source srcset="/docs/assets/img/gitlab-new-repository-light.png" type="image/png">
<img class="light-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/gitlab-new-repository-light.png" width="680" alt="Create new GitLab repository"/>
<img class="u-theme-light u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/gitlab-new-repository-light.png" width="680" alt="Create new GitLab repository"/>
</picture>
<picture>
<source srcset="/docs/assets/img/gitlab-new-repository-dark.avif" type="image/avif">
<source srcset="/docs/assets/img/gitlab-new-repository-dark.webp" type="image/webp">
<source srcset="/docs/assets/img/gitlab-new-repository-dark.png" type="image/png">
<img class="dark-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/gitlab-new-repository-dark.png" width="680" alt="Create new GitLab repository"/>
<img class="u-theme-dark u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/gitlab-new-repository-dark.png" width="680" alt="Create new GitLab repository"/>
</picture>
</div>
@ -389,13 +389,13 @@ Finally, you can check on GitLab that our pipeline is running:
<source srcset="/docs/assets/img/gitlab-pipeline-light.avif" type="image/avif">
<source srcset="/docs/assets/img/gitlab-pipeline-light.webp" type="image/webp">
<source srcset="/docs/assets/img/gitlab-pipeline-light.png" type="image/png">
<img class="light-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/gitlab-pipeline-light.png" width="680" alt="GitHub Action"/>
<img class="u-theme-light u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/gitlab-pipeline-light.png" width="680" alt="GitHub Action"/>
</picture>
<picture>
<source srcset="/docs/assets/img/gitlab-pipeline-dark.avif" type="image/avif">
<source srcset="/docs/assets/img/gitlab-pipeline-dark.webp" type="image/webp">
<source srcset="/docs/assets/img/gitlab-pipeline-dark.png" type="image/png">
<img class="dark-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/gitlab-pipeline-dark.png" width="680" alt="GitHub Action"/>
<img class="u-theme-dark u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/gitlab-pipeline-dark.png" width="680" alt="GitHub Action"/>
</picture>
</div>

View File

@ -67,13 +67,13 @@ typing the URL <http://localhost:3000>:
<source srcset="/docs/assets/img/movies-box-light.avif" type="image/avif">
<source srcset="/docs/assets/img/movies-box-light.webp" type="image/webp">
<source srcset="/docs/assets/img/movies-box-light.png" type="image/png">
<img class="light-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/movies-box-light.png" width="600" alt="Movies Box home page"/>
<img class="u-theme-light u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/movies-box-light.png" width="600" alt="Movies Box home page"/>
</picture>
<picture>
<source srcset="/docs/assets/img/movies-box-dark.avif" type="image/avif">
<source srcset="/docs/assets/img/movies-box-dark.webp" type="image/webp">
<source srcset="/docs/assets/img/movies-box-dark.png" type="image/png">
<img class="dark-img u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/movies-box-dark.png" width="600" alt="Movies Box home page"/>
<img class="u-theme-dark u-drop-shadow u-border u-max-width-100" src="/docs/assets/img/movies-box-dark.png" width="600" alt="Movies Box home page"/>
</picture>
</div>