haikuwebkit/Websites/browserbench.org/index.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>BrowserBench.org &mdash; Browser Benchmarks</title>
    <link rel="stylesheet" href="resources/main.css">
    <script>
    function chooseAsset(img) {
        var ratio = window.devicePixelRatio;
        var srcset = img.getAttribute('srcset');
        if (!srcset)
            return null;
        var tokens = srcset.split(/\s*,\s*/);
        for (var i = 0; i < tokens.length; i++) {
            var parsedToken = tokens[i].match(/(.+)\s+(\d)x/);
            if (parsedToken && parseInt(parsedToken[2]) == ratio)
                return parsedToken[1];
        }
        return null;
    }

    if (!HTMLImageElement.prototype.srcset) {
        window.addEventListener('DOMContentLoaded', function () {
            var images = document.querySelectorAll('img');
            for (var i = 0; i < images.length; i++) {
                if (!images[i].srcset)
                    images[i].src = chooseAsset(images[i]);
            }
        });
    }
    </script>
</head>
<body>
<main>

<div id="logo">
<span class="light">browser</span><span class="normal">bench</span><span class="highlight">.</span><span class="light">org</span>
</div>

<hr>

<section class="benchmarks">

<a class="benchmark" href="JetStream" tabindex="0">
<img id="jetstream-logo"
    srcset="resources/JetStream2-Logo.png 1x, resources/JetStream2-Logo@2x.png 2x" alt="JetStream2">
<p>JetStream 2 is a JavaScript and WebAssembly benchmark suite focused on advanced web applications.</p>
</a>

<a class="benchmark" href="MotionMark1.2" tabindex="0">
<img id="motionmark-logo" srcset="resources/MotionMark-Logo.png 1x, resources/MotionMark-Logo@2x.png 2x" alt="MotionMark">
<p>MotionMark is a benchmark designed to put browser graphics systems to the test.</p>
</a>

<a class="benchmark" href="Speedometer2.0" tabindex="0">
<img id="speedometer-logo"
    srcset="resources/Speedometer-Logo.png 1x, resources/Speedometer-Logo@2x.png 2x" alt="Speedometer">
<p>Speedometer is a browser benchmark that measures the responsiveness of web applications.</p>
</a>

</section>
</main>
</body>
</html>