summaryrefslogtreecommitdiffstats
path: root/src/index.html
diff options
context:
space:
mode:
authorRoger Zanoni <rzanoni@igalia.com>2024-01-03 16:13:11 -0300
committerJan-Simon Moeller <jsmoeller@linuxfoundation.org>2024-01-29 12:08:06 +0000
commite57fc753b3a083ddea52dbe4cd003261e836b2d4 (patch)
tree16ad0c2d7cea4ecd21b5aa485ae38dd04f2a1e18 /src/index.html
parent52aabdb011279871468269802e056f0ec48511e4 (diff)
Style refresh with square grid motif and blue palette.
It tries to follow the visual language of the flutter sample apps. Bug-AGL: SPEC-4041 Signed-off-by: Roger Zanoni <rzanoni@igalia.com> Change-Id: I68f4ebf82ac5cb5dbe856e9ffe5fca26f47b3442
Diffstat (limited to 'src/index.html')
-rw-r--r--src/index.html34
1 files changed, 17 insertions, 17 deletions
diff --git a/src/index.html b/src/index.html
index c12b13e..e94c770 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,26 +26,26 @@
Mixer
</h1>
<div id="SliderContainer" class="sliderContainer"></div>
- <script id="slider-template" type="x-tmpl-mustache">
- <div class="entry" id="slider-{{id}}" slider-id="{{ id }}" value="{{ value }}">
- <div class="label">
- {{ name }}: <span class="value"> {{ value }}%</span>
- </div>
- <a id="decrease-{{id}}" class="button" onclick="VOLUME.decrease(this);">
- <span class="icon-volume-decrease"></span>
- </a>
- <div class="slider">
- <input id="progress-{{id}}" type="range" min="1" value="{{ value }}" max="100" oninput="VOLUME.change(this);">
- <progress value="{{ value }}" max="100"></progress>
- </div>
- <a id="increase-{{id}}" class="button" onclick="VOLUME.increase(this);">
- <span class="icon-volume-increase"></span>
- </a>
- </div>
- </script>
</div>
<div class="log" id="log">
</div>
+ <script id="slider-template" type="x-tmpl-mustache">
+ <div class="entry" id="slider-{{ id }}" slider-id="{{ id }}" value="{{ value }}">
+ <div class="label">
+ {{ name }}: <span class="value"> {{ value }}%</span>
+ </div>
+ <a id="decrease-{{id}}" class="button" onclick="VOLUME.decrease(this);">
+ <span class="icon-volume-decrease"></span>
+ </a>
+ <div class="slider">
+ <input id="progress-{{id}}" type="range" min="1" value="{{ value }}" max="100" oninput="VOLUME.change(this);">
+ <progress value="{{ value }}" max="100"></progress>
+ </div>
+ <a id="increase-{{id}}" class="button" onclick="VOLUME.increase(this);">
+ <span class="icon-volume-increase"></span>
+ </a>
+ </div>
+ </script>
</body>
</html>