From 660ebbf35a81edd99f109d8a68b8691a515e8196 Mon Sep 17 00:00:00 2001 From: Devaev Maxim Date: Mon, 16 Jul 2018 09:42:30 +0300 Subject: svg icons --- kvmd/web/css/main.css | 32 ++++++++------- kvmd/web/index.html | 16 ++++---- kvmd/web/svg/atx-hdd-led.svg | 82 +++++++++++++++++++++++++++++++++++++++ kvmd/web/svg/atx-power-led.svg | 71 +++++++++++++++++++++++++++++++++ kvmd/web/svg/hid-keyboard-led.svg | 71 +++++++++++++++++++++++++++++++++ kvmd/web/svg/hid-mouse-led.svg | 71 +++++++++++++++++++++++++++++++++ kvmd/web/svg/msd-led.svg | 82 +++++++++++++++++++++++++++++++++++++++ kvmd/web/svg/stream-led.svg | 71 +++++++++++++++++++++++++++++++++ 8 files changed, 475 insertions(+), 21 deletions(-) create mode 100644 kvmd/web/svg/atx-hdd-led.svg create mode 100644 kvmd/web/svg/atx-power-led.svg create mode 100644 kvmd/web/svg/hid-keyboard-led.svg create mode 100644 kvmd/web/svg/hid-mouse-led.svg create mode 100644 kvmd/web/svg/msd-led.svg create mode 100644 kvmd/web/svg/stream-led.svg (limited to 'kvmd') diff --git a/kvmd/web/css/main.css b/kvmd/web/css/main.css index 95eee02e..70e34f2c 100644 --- a/kvmd/web/css/main.css +++ b/kvmd/web/css/main.css @@ -21,22 +21,28 @@ img.stream-image-inactive { filter: grayscale(100%); } -div#atx-power-led, div#hid-mouse-led, div#msd-led { - font-weight: bold; - font-size: 150%; +img#atx-power-led, +img#hid-mouse-led, +img#msd-led, +img#atx-hdd-led, +img#stream-led, +img#hid-keyboard-led { + height: 24px; } -div#atx-hdd-led, div#stream-led, div#hid-keyboard-led { - font-size: 150%; +img.led-on { + filter: invert(.5) sepia(1) saturate(5) hue-rotate(100deg); } -div.led-on { - color: #00ce00; +img.led-off { + filter: invert(.5); } -div.led-off { - color: grey; -} -div.led-busy { - color: #ff373a; +img.led-busy { + /*color: #ff373a;*/ + filter: invert(.5) sepia(1) saturate(15) hue-rotate(320deg); } -button#stream-reset-button button#atx-power-button, button#atx-reset-button { +button#stream-reset-button, +button#atx-power-button, +button#atx-power-button-long, +button#atx-reset-button { + height: 24px; } diff --git a/kvmd/web/index.html b/kvmd/web/index.html index 76c94c2f..77e3a489 100644 --- a/kvmd/web/index.html +++ b/kvmd/web/index.html @@ -19,15 +19,15 @@

-

+

- + - + - + @@ -36,11 +36,11 @@

🖵

⌨

🖰

- - + + + + - diff --git a/kvmd/web/svg/atx-hdd-led.svg b/kvmd/web/svg/atx-hdd-led.svg new file mode 100644 index 00000000..75987570 --- /dev/null +++ b/kvmd/web/svg/atx-hdd-led.svg @@ -0,0 +1,82 @@ + + + + diff --git a/kvmd/web/svg/atx-power-led.svg b/kvmd/web/svg/atx-power-led.svg new file mode 100644 index 00000000..b82af7bc --- /dev/null +++ b/kvmd/web/svg/atx-power-led.svg @@ -0,0 +1,71 @@ + + + + diff --git a/kvmd/web/svg/hid-keyboard-led.svg b/kvmd/web/svg/hid-keyboard-led.svg new file mode 100644 index 00000000..dc17c615 --- /dev/null +++ b/kvmd/web/svg/hid-keyboard-led.svg @@ -0,0 +1,71 @@ + + + + diff --git a/kvmd/web/svg/hid-mouse-led.svg b/kvmd/web/svg/hid-mouse-led.svg new file mode 100644 index 00000000..b922bdde --- /dev/null +++ b/kvmd/web/svg/hid-mouse-led.svg @@ -0,0 +1,71 @@ + + + + diff --git a/kvmd/web/svg/msd-led.svg b/kvmd/web/svg/msd-led.svg new file mode 100644 index 00000000..a8da7092 --- /dev/null +++ b/kvmd/web/svg/msd-led.svg @@ -0,0 +1,82 @@ + + + + diff --git a/kvmd/web/svg/stream-led.svg b/kvmd/web/svg/stream-led.svg new file mode 100644 index 00000000..8dfbfbe3 --- /dev/null +++ b/kvmd/web/svg/stream-led.svg @@ -0,0 +1,71 @@ + + + + -- cgit v1.2.3

⏻

🖴