From 098d6fffabb85d102b3662dacf3173c47e551d34 Mon Sep 17 00:00:00 2001 From: David Stone Date: Thu, 25 Apr 2019 18:20:10 +0100 Subject: Fix anchor links and add spinner to the benchmarks page (#2205) --- website/app.js | 2 +- website/benchmarks.html | 23 +++++++++++++++++++++-- website/style.css | 30 ++++++++++++++++++++++++++++++ 3 files changed, 52 insertions(+), 3 deletions(-) (limited to 'website') diff --git a/website/app.js b/website/app.js index 7663e41f0..7af2875b2 100644 --- a/website/app.js +++ b/website/app.js @@ -194,7 +194,7 @@ export function drawCharts(dataUrl) { if (window["location"]["hostname"] != "deno.github.io") { dataUrl = "https://denoland.github.io/deno/" + dataUrl; } - drawChartsFromBenchmarkData(dataUrl); + return drawChartsFromBenchmarkData(dataUrl); } /** diff --git a/website/benchmarks.html b/website/benchmarks.html index 2432fedce..2f3a55cc8 100644 --- a/website/benchmarks.html +++ b/website/benchmarks.html @@ -9,6 +9,9 @@ +

+

` +

Deno Continuous Benchmarks

@@ -153,10 +156,26 @@ diff --git a/website/style.css b/website/style.css index 824814a32..d589771a3 100644 --- a/website/style.css +++ b/website/style.css @@ -101,3 +101,33 @@ code { .hljs { background: transparent; } + +#spinner-overlay { + display: none; + position: fixed; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + background: rgba(0, 0, 0, 0.3); +} + +@keyframes spinner { + to {transform: rotate(360deg);} +} + +.spinner:before { + content: ''; + box-sizing: border-box; + position: absolute; + top: 50%; + left: 50%; + width: 60px; + height: 60px; + margin-top: -10px; + margin-left: -10px; + border-radius: 50%; + border: 2px solid #ccc; + border-top-color: #000; + animation: spinner .6s linear infinite; +} -- cgit v1.2.3