Skip to content

Commit 6ce8704

Browse files
committed
Improving the WebUI appearance
1 parent 8292d42 commit 6ce8704

File tree

1 file changed

+18
-5
lines changed

1 file changed

+18
-5
lines changed

res/index.html

Lines changed: 18 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -202,6 +202,19 @@
202202
</script>
203203
</head>
204204
<body class="m0" onload="onLoad()">
205+
<svg id="backdrop" width="100%" height="100%" viewBox="0 0 1920 1080" aria-hidden="true"
206+
style="position:fixed;top:0;left:0;z-index:-1;pointer-events:none">
207+
<defs>
208+
<linearGradient id="winggrad" x1="0" y1="0" x2="1" y2="1">
209+
<stop offset="0%" stop-color="#555" stop-opacity="0.10"/>
210+
<stop offset="100%" stop-color="#fff" stop-opacity="0.03"/>
211+
</linearGradient>
212+
</defs>
213+
<g>
214+
<path d="M200,900 Q600,400 1200,300 Q1700,250 1800,900 Q1200,700 800,1000 Q400,1200 200,900 Z" fill="url(#winggrad)" />
215+
<path d="M400,950 Q700,500 1300,400 Q1600,350 1700,850 Q1200,750 900,1050 Q600,1200 400,950 Z" fill="url(#winggrad)" opacity="0.5"/>
216+
</g>
217+
</svg>
205218
<noscript>
206219
<div class="tc vh-100 bg-info">
207220
<div class="vc c white">
@@ -213,7 +226,7 @@ <h1 class="mega mb0">Divinus</h1>
213226
<input type="checkbox" id="live-modal">
214227
<div class="c modal vh-100 w-100 scrolly">
215228
<div class="c bg-black menu pv2 row" tabindex="0">
216-
<b><label for="live-modal" class="lbl-modal ph2 white">Divinus</label></b>
229+
<b><label for="live-modal" class="lbl-modal ph2 gray">Divinus</label></b>
217230
<div class="col">
218231
<a href="javascript:setSource('preview', 'video.mp4')" class="ph2">MP4</a>
219232
<a href="javascript:setSource('preview', 'mjpeg')" class="ph2">MJPEG</a>
@@ -229,7 +242,7 @@ <h2 class="unl">Live</h2>
229242
<input type="checkbox" id="media-modal">
230243
<div class="c modal vh-100 w-100 scrolly">
231244
<div class="c bg-black menu pv2 row" tabindex="0">
232-
<b><label for="media-modal" class="lbl-modal ph2 white">Divinus</label></b>
245+
<b><label for="media-modal" class="lbl-modal ph2 gray">Divinus</label></b>
233246
<div class="col">
234247
<a href="javascript:saveConfig()" class="ph2">Save</a>
235248
<label for="media-modal" class="btn primary close">Close</label>
@@ -432,7 +445,7 @@ <h2 class="unl">Media</h2>
432445
<input type="checkbox" id="osd-modal">
433446
<div class="c modal vh-100 w-100 scrolly">
434447
<div class="c bg-black menu pv2 row" tabindex="0">
435-
<b><label for="osd-modal" class="lbl-modal ph2 white">Divinus</label></b>
448+
<b><label for="osd-modal" class="lbl-modal ph2 gray">Divinus</label></b>
436449
<div class="col">
437450
<a href="javascript:saveOsds()" class="ph2">Apply all</a>
438451
<a href="javascript:saveConfig()" class="ph2">Save</a>
@@ -486,7 +499,7 @@ <h2 class="unl">OSD</h2>
486499
<input type="checkbox" id="system-modal">
487500
<div class="c modal vh-100 w-100 scrolly">
488501
<div class="c bg-black menu pv2 row" tabindex="0">
489-
<b><label for="system-modal" class="lbl-modal ph2 white">Divinus</label></b>
502+
<b><label for="system-modal" class="lbl-modal ph2 gray">Divinus</label></b>
490503
<div class="col">
491504
<label for="system-modal" class="btn primary close">Close</label>
492505
</div>
@@ -581,7 +594,7 @@ <h2 class="unl">System</h2>
581594
</div>
582595
</div>
583596
<div class="c bg-black menu pv2 row" tabindex="0">
584-
<b><a href="./" class="ph2 white">Divinus</a></b>
597+
<b><a href="./" class="ph2 gray">Divinus</a></b>
585598
<div class="col">
586599
<label for="live-modal" class="lbl-modal ph2 white">Live</label>
587600
<label for="media-modal" class="lbl-modal ph2 white">Media</label>

0 commit comments

Comments
 (0)