Websites/browserbench.org/MotionMark/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <meta charset="utf-8">
   5     <meta name="viewport" content="width=device-width, user-scalable=no">
   6
   7     <title>MotionMark 1.0</title>
   8
   9     <link rel="stylesheet" href="resources/runner/animometer.css">
  10
  11     <script src="resources/strings.js" defer></script>
  12     <script src="resources/extensions.js" defer></script>
  13     <script src="resources/statistics.js" defer></script>
  14
  15     <script src="resources/runner/tests.js" charset="utf-8" defer></script>
  16     <script src="resources/runner/animometer.js" defer></script>
  17
  18     <script src="resources/runner/benchmark-runner.js" defer></script>
  19
  20     <script>
  21         window.addEventListener("load", function() {
  22             // Start the fade in animation.
  23             document.body.classList.add("images-loaded");
  24         });
  25     </script>
  26 </head>
  27 <body class="showing-intro">
  28     <main>
  29         <section id="intro" class="selected">
  30             <svg class="logo"><use xlink:href="resources/runner/logo.svg#root"></svg>
  31             <div class="body">
  32                 <p>MotionMark is a graphics benchmark that measures a browser’s capability to animate complex scenes at a target frame rate.</p>
  33
  34                 <p><a href="about.html">More details</a> about the benchmark are available. Bigger scores are better.</p>
  35                 <p>For accurate results, please take your browser window full screen, or rotate your device to landscape orientation.</p>
  36                 <p class="portrait-orientation-check"><b>Please rotate your device.</b></p>
  37                 <button class="landscape-orientation-check" onclick="benchmarkController.startBenchmark()">Run Benchmark</button>
  38             </div>
  39         </section>
  40
  41         <section id="test-container" class="frame-container"></section>
  42
  43         <section id="results">
  44             <svg class="logo"><use xlink:href="resources/runner/logo.svg#root"></svg>
  45             <div class="body">
  46                 <div class="score-container">
  47                     <div class="score"></div>
  48                     <div class="confidence"></div>
  49                     <div class="detail">
  50                         <span class="small">on a small screen (phone)</span>
  51                         <span class="medium">on a medium screen (laptop, tablet)</span>
  52                         <span class="large">on a large screen (desktop)</span>
  53                     </div>
  54                 </div>
  55                 <div class="table-container">
  56                     <div>
  57                         <table id="results-score"></table>
  58                         <table id="results-data"></table>
  59                     </div>
  60                     <table id="results-header"></table>
  61                 </div>
  62                 <button onclick="benchmarkController.startBenchmark()">Test Again</button>
  63             </div>
  64         </section>
  65     </main>
  66 </body>
  67 </html>