aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorneauoire <aliceffekt@gmail.com>2019-11-09 11:11:11 -0500
committerneauoire <aliceffekt@gmail.com>2019-11-09 11:11:11 -0500
commitf7e20d0ae0273dbb9bc2c86a4715e53707279aee (patch)
tree61607919456bc6ad6b0b5d4f0765113a2a330b8d /index.html
parenta0015b535b78ae49e39af1c76bf53b70c14d20b4 (diff)
*
Diffstat (limited to 'index.html')
-rw-r--r--index.html113
1 files changed, 28 insertions, 85 deletions
diff --git a/index.html b/index.html
index abf7c76..b4c657f 100644
--- a/index.html
+++ b/index.html
@@ -10,54 +10,21 @@
<title>Theme Benchmark</title>
</head>
<body>
- <svg width="400px" height="136px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
- <g transform='translate(1,1)'>
- <rect width='96' height='64' id='background' style='fill:var(--background)'></rect>
- <!-- Foreground -->
- <circle cx='24' cy='24' r='8' id='f_high' style='fill:var(--f_high)'></circle>
- <circle cx='40' cy='24' r='8' id='f_med' style='fill:var(--f_med)'></circle>
- <circle cx='56' cy='24' r='8' id='f_low' style='fill:var(--f_low)'></circle>
- <circle cx='72' cy='24' r='8' id='f_inv' style='fill:var(--f_inv)'></circle>
- <!-- Background -->
- <circle cx='24' cy='40' r='8' id='b_high' style='fill:var(--b_high)'></circle>
- <circle cx='40' cy='40' r='8' id='b_med' style='fill:var(--b_med)'></circle>
- <circle cx='56' cy='40' r='8' id='b_low' style='fill:var(--b_low)'></circle>
- <circle cx='72' cy='40' r='8' id='b_inv' style='fill:var(--b_inv)'></circle>
- <rect width='96' height='64' style='stroke:var(--b_low); fill:none'></rect>
- </g>
- <g transform='translate(128,1)'>
- <rect x='8' y='8' width='32' height='104' id='background' style='fill:var(--background)'></rect>
- <rect x='40' y='8' width='32' height='104' id='background' style='fill:var(--b_high)'></rect>
- <rect x='72' y='8' width='32' height='104' id='background' style='fill:var(--b_med)'></rect>
- <rect x='104' y='8' width='32' height='104' id='background' style='fill:var(--b_low)'></rect>
- <rect x='136' y='8' width='32' height='104' id='background' style='fill:var(--b_inv)'></rect>
- <!-- Foreground -->
- <circle cx='24' cy='24' r='8' id='f_high' style='fill:var(--f_high)'></circle>
- <circle cx='24' cy='48' r='8' id='f_med' style='fill:var(--f_med)'></circle>
- <circle cx='24' cy='72' r='8' id='f_low' style='fill:var(--f_low)'></circle>
- <circle cx='24' cy='96' r='8' id='f_inv' style='fill:var(--f_inv)'></circle>
- <!-- Foreground -->
- <circle cx='56' cy='24' r='8' id='f_high' style='fill:var(--f_high)'></circle>
- <circle cx='56' cy='48' r='8' id='f_med' style='fill:var(--f_med)'></circle>
- <circle cx='56' cy='72' r='8' id='f_low' style='fill:var(--f_low)'></circle>
- <circle cx='56' cy='96' r='8' id='f_inv' style='fill:var(--f_inv)'></circle>
- <circle cx='88' cy='24' r='8' id='f_high' style='fill:var(--f_high)'></circle>
- <circle cx='88' cy='48' r='8' id='f_med' style='fill:var(--f_med)'></circle>
- <circle cx='88' cy='72' r='8' id='f_low' style='fill:var(--f_low)'></circle>
- <circle cx='88' cy='96' r='8' id='f_inv' style='fill:var(--f_inv)'></circle>
- <circle cx='120' cy='24' r='8' id='f_high' style='fill:var(--f_high)'></circle>
- <circle cx='120' cy='48' r='8' id='f_med' style='fill:var(--f_med)'></circle>
- <circle cx='120' cy='72' r='8' id='f_low' style='fill:var(--f_low)'></circle>
- <circle cx='120' cy='96' r='8' id='f_inv' style='fill:var(--f_inv)'></circle>
- <circle cx='152' cy='24' r='8' id='f_high' style='fill:var(--f_high)'></circle>
- <circle cx='152' cy='48' r='8' id='f_med' style='fill:var(--f_med)'></circle>
- <circle cx='152' cy='72' r='8' id='f_low' style='fill:var(--f_low)'></circle>
- <circle cx='152' cy='96' r='8' id='f_inv' style='fill:var(--f_inv)'></circle>
- <rect width='176' height='120' style='stroke:var(--b_low); fill:none'></rect>
- </g>
- <line x1='97' y1='65' x2='128' y2='121' style='stroke:var(--b_low); fill:none' />
- </svg>
<div id='benchmark'>
+ <svg width="96px" height="64px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
+ <rect width='96' height='64' id='background' style='fill:var(--background)'></rect>
+ <!-- Foreground -->
+ <circle cx='24' cy='24' r='8' id='f_high' style='fill:var(--f_high)'></circle>
+ <circle cx='40' cy='24' r='8' id='f_med' style='fill:var(--f_med)'></circle>
+ <circle cx='56' cy='24' r='8' id='f_low' style='fill:var(--f_low)'></circle>
+ <circle cx='72' cy='24' r='8' id='f_inv' style='fill:var(--f_inv)'></circle>
+ <!-- Background -->
+ <circle cx='24' cy='40' r='8' id='b_high' style='fill:var(--b_high)'></circle>
+ <circle cx='40' cy='40' r='8' id='b_med' style='fill:var(--b_med)'></circle>
+ <circle cx='56' cy='40' r='8' id='b_low' style='fill:var(--b_low)'></circle>
+ <circle cx='72' cy='40' r='8' id='b_inv' style='fill:var(--b_inv)'></circle>
+ <rect width='96' height='64' style='stroke:var(--b_low); fill:none'></rect>
+ </svg>
<table>
<tr>
<!-- bg -->
@@ -65,25 +32,19 @@
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_high)'></circle>
</svg>
- <span id='background_f_high'></span>
+ <span id='background_f_high' class='f_high'></span>
</td>
<td class='bg f_high'>
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_med)'></circle>
</svg>
- <span id='background_f_med'></span>
+ <span id='background_f_med' class='f_med'></span>
</td>
<td class='bg f_high'>
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_low)'></circle>
</svg>
- <span id='background_f_low'></span>
- </td>
- <td class='bg f_high'>
- <svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
- <circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_inv)'></circle>
- </svg>
- <span id='background_f_inv'></span>
+ <span id='background_f_low' class='f_low'></span>
</td>
</tr>
<!-- low -->
@@ -93,25 +54,19 @@
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_high)'></circle>
</svg>
- <span id='b_low_f_high'></span>
+ <span id='b_low_f_high' class='f_high'></span>
</td>
<td class='b_low f_high'>
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_med)'></circle>
</svg>
- <span id='b_low_f_med'></span>
+ <span id='b_low_f_med' class='f_med'></span>
</td>
<td class='b_low f_high'>
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_low)'></circle>
</svg>
- <span id='b_low_f_low'></span>
- </td>
- <td class='b_low f_high'>
- <svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
- <circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_inv)'></circle>
- </svg>
- <span id='b_low_f_inv'></span>
+ <span id='b_low_f_low' class='f_low'></span>
</td>
<!-- med -->
<tr>
@@ -119,25 +74,19 @@
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_high)'></circle>
</svg>
- <span id='b_med_f_high'></span>
+ <span id='b_med_f_high' class='f_high'></span>
</td>
<td class='b_med f_high'>
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_med)'></circle>
</svg>
- <span id='b_med_f_med'></span>
+ <span id='b_med_f_med' class='f_med'></span>
</td>
<td class='b_med f_high'>
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_low)'></circle>
</svg>
- <span id='b_med_f_low'></span>
- </td>
- <td class='b_med f_high'>
- <svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
- <circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_inv)'></circle>
- </svg>
- <span id='b_med_f_inv'></span>
+ <span id='b_med_f_low' class='f_low'></span>
</td>
</tr>
<!-- high -->
@@ -146,25 +95,19 @@
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_high)'></circle>
</svg>
- <span id='b_high_f_high'></span>
+ <span id='b_high_f_high' class='f_high'></span>
</td>
<td class='b_high f_high'>
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_med)'></circle>
</svg>
- <span id='b_high_f_med'></span>
+ <span id='b_high_f_med' class='f_med'></span>
</td>
<td class='b_high f_high'>
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_low)'></circle>
</svg>
- <span id='b_high_f_low'></span>
- </td>
- <td class='b_high f_high'>
- <svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
- <circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_inv)'></circle>
- </svg>
- <span id='b_high_f_inv'></span>
+ <span id='b_high_f_low' class='f_low'></span>
</td>
</tr>
<!-- inv -->
@@ -173,7 +116,7 @@
<svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1">
<circle cx='8' cy='8' r='8' id='f_high' style='fill:var(--f_high)'></circle>
</svg>
- <span id='b_inv_f_inv'></span>
+ <span id='b_inv_f_inv' class='f_inv'></span>
</td>
</tr>
</table>
@@ -186,8 +129,8 @@
const bench = new Benchmark()
const theme = new Theme()
theme.install(document.body)
+ theme.onLoad = bench.refresh
theme.start()
- theme.onLoad = bench.refresh()
</script>
</body>
</html>
generated by cgit v1.2.3 (git 2.25.1) at 2026-01-16 01:23:38 +0000