Skip to content

Adds a "supported browsers" page to the gh-pages site #3132

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 17 commits into from
Jul 16, 2025
+424 −54
Merged

Adds a "supported browsers" page to the gh-pages site #3132

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
268e9c0
scaffolding for Baseline browser version page
tonypconway May 29, 2025
4e30eb9
Commit with web version of bbm
tonypconway May 30, 2025
5f91d5d
add some controls to the UI
tonypconway Jun 4, 2025
05436c3
Explanatory text
tonypconway Jun 10, 2025
ed07859
Install b-b-m from remote repository
tonypconway Jun 10, 2025
dac146b
conditionally add /web-features to script URL
tonypconway Jun 10, 2025
9aec627
add comment on 11ty conditional requirement
tonypconway Jun 10, 2025
249a278
convert lists to tables
tonypconway Jun 11, 2025
9426d50
Test with [email protected]
tonypconway Jul 2, 2025
dbfecb4
Add some view transitions, why not?!
tonypconway Jul 3, 2025
48839d8
Load baseline-browser-mapping from jsdelivr
tonypconway Jul 8, 2025
2342bb1
Change import strategy to use CDN delivered version of JS library
tonypconway Jul 8, 2025
fbae811
Merge branch 'web-platform-dx:main' into main
tonypconway Jul 9, 2025
bf8f3f7
Remove baseline-browser-mapping package dependency in gh-pages
tonypconway Jul 9, 2025
955dba7
Run prettier on supported-browsers.html
tonypconway Jul 9, 2025
f779e55
Merge branch 'main' into main
tonypconway Jul 10, 2025
4edecae
Merge branch 'main' into main
tonypconway Jul 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
112 changes: 58 additions & 54 deletions gh-pages/src/_includes/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,66 +1,70 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta property="og:locale" content="en_US" />
<meta name="viewport" content="width=device-width, initial-scale=1">

{% if title %}
<title>{{ title }} | Baseline</title>
<meta property="og:title" content="{{ title }}" />
<meta property="twitter:title" content="{{ title }}" />
{% else %}
<title>Baseline</title>
{% endif %}
<head>
<meta charset="UTF-8">
<meta property="og:locale" content="en_US" />
<meta name="viewport" content="width=device-width, initial-scale=1">

{% if description %}
<meta name="description" content="{{ description }}" />
<meta property="og:description" content="{{ description }}">
{% endif %}
{% if title %}
<title>{{ title }} | Baseline</title>
<meta property="og:title" content="{{ title }}" />
<meta property="twitter:title" content="{{ title }}" />
{% else %}
<title>Baseline</title>
{% endif %}

<link rel="canonical" href="{{ page.url | htmlBaseUrl: "https://web-platform-dx.github.io" }}" />
<meta property="og:url" content="{{ page.url | htmlBaseUrl: "https://web-platform-dx.github.io" }}" />
{% if description %}
<meta name="description" content="{{ description }}" />
<meta property="og:description" content="{{ description }}">
{% endif %}

<meta property="og:site_name" content="Baseline" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<link rel="canonical" href="{{ page.url | htmlBaseUrl: " https://web-platform-dx.github.io" }}" />
<meta property="og:url" content="{{ page.url | htmlBaseUrl: " https://web-platform-dx.github.io" }}" />

<link rel="stylesheet" href="/assets/css/style.css">
<link rel="icon" type="image/png" href="/assets/img/wide-sq-32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/assets/img/wide-sq-192.png" sizes="192x192" />
</head>
<body>
<div class="wrapper">
<header>
<meta property="og:site_name" content="Baseline" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />

<a href="/">
<img src="/assets/img/baseline-wordmark.svg" alt="Baseline logo" />
</a>
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="icon" type="image/png" href="/assets/img/wide-sq-32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/assets/img/wide-sq-192.png" sizes="192x192" />
</head>

<p>
Baseline gives you clear information about which web platform features work across browsers.
</p>
<body>
<div class="wrapper">
<header>

<ul class="nav">
<li><a href="/">Baseline</a></li>
<li><a href="/web-features/">web-features</a></li>
<li><a href="/webdx-cg/">WebDX Community Group</a></li>
<li><a href="/use-baseline/">Baseline in your project</a></li>
<li><a href="/name-and-logo-usage-guidelines/">Name and logo usage guidelines</a></li>
<li><a href="/baseline-in-the-wild/">Baseline in the wild</a></li>
<li><a href="https://github.com/web-platform-dx/web-features/tree/main/docs">Project documentation</a></li>
<li><a href="https://github.com/web-platform-dx/web-features/">GitHub repository</a></li>
</ul>
</header>
<a href="/">
<img src="/assets/img/baseline-wordmark.svg" alt="Baseline logo" />
</a>

<section>
{% if title %}<h1>{{ title }}</h1>{% endif %}
<p>
Baseline gives you clear information about which web platform features work across browsers.
</p>

{{ content }}
</section>
<footer>
<!-- Footer Content -->
</footer>
</div>
</body>
</html>
<ul class="nav">
<li><a href="/">Baseline</a></li>
<li><a href="/web-features/">web-features</a></li>
<li><a href="/supported-browsers/">Supported browsers</a></li>
<li><a href="/webdx-cg/">WebDX Community Group</a></li>
<li><a href="/use-baseline/">Baseline in your project</a></li>
<li><a href="/name-and-logo-usage-guidelines/">Name and logo usage guidelines</a></li>
<li><a href="/baseline-in-the-wild/">Baseline in the wild</a></li>
<li><a href="https://github.com/web-platform-dx/web-features/tree/main/docs">Project documentation</a></li>
<li><a href="https://github.com/web-platform-dx/web-features/">GitHub repository</a></li>
</ul>
</header>

<section>
{% if title %}<h1>{{ title }}</h1>{% endif %}

{{ content }}
</section>
<footer>
<!-- Footer Content -->
</footer>
</div>
</body>

</html>
Loading