mirror of
https://github.com/Orange-OpenSource/hurl.git
synced 2024-09-11 05:35:53 +03:00
Fix CSS class for light/dark themes.
This commit is contained in:
parent
0f8207c890
commit
bc13b5f75e
@ -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>
|
||||
""",
|
||||
|
@ -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>
|
||||
|
||||
|
@ -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>
|
||||
|
||||
|
@ -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>
|
||||
|
||||
|
@ -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>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user