From 8550205a77b07234c356ea9d0fa3c486fb0e042a Mon Sep 17 00:00:00 2001 From: Humberto Alfonso Díaz Date: Tue, 8 Oct 2019 14:23:41 +0200 Subject: FUNCT Add network status integration --- src/styles/fonts/icomoon.eot | Bin 7052 -> 7340 bytes src/styles/fonts/icomoon.svg | 2 ++ src/styles/fonts/icomoon.ttf | Bin 6888 -> 7176 bytes src/styles/fonts/icomoon.woff | Bin 6964 -> 7252 bytes src/styles/main.scss | 21 +++++++++++++++++++++ src/styles/style.css | 16 +++++++++++----- 6 files changed, 34 insertions(+), 5 deletions(-) (limited to 'src/styles') diff --git a/src/styles/fonts/icomoon.eot b/src/styles/fonts/icomoon.eot index fb813fa..7e69c11 100755 Binary files a/src/styles/fonts/icomoon.eot and b/src/styles/fonts/icomoon.eot differ diff --git a/src/styles/fonts/icomoon.svg b/src/styles/fonts/icomoon.svg index 53dbfbe..2d33d65 100755 --- a/src/styles/fonts/icomoon.svg +++ b/src/styles/fonts/icomoon.svg @@ -10,6 +10,7 @@ + @@ -21,6 +22,7 @@ + diff --git a/src/styles/fonts/icomoon.ttf b/src/styles/fonts/icomoon.ttf index eef51d4..cb60c5f 100755 Binary files a/src/styles/fonts/icomoon.ttf and b/src/styles/fonts/icomoon.ttf differ diff --git a/src/styles/fonts/icomoon.woff b/src/styles/fonts/icomoon.woff index d65137a..f650b1f 100755 Binary files a/src/styles/fonts/icomoon.woff and b/src/styles/fonts/icomoon.woff differ diff --git a/src/styles/main.scss b/src/styles/main.scss index 8f41eee..df68cc4 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -86,6 +86,27 @@ body { text-align: center; font-size: 42px; color: map-get($colors, grey); + + .powered { + color: map-get($colors, font); + } + + .connected { + color: map-get($colors, primary); + } + + .tethering { + color: map-get($colors, primary); + animation: blink-animation 2s linear infinite; + } + + @keyframes blink-animation { + 0%{opacity: 0;} + 25%{opacity: .5;} + 50%{opacity: 1;} + 75%{opacity: .5;} + 100%{opacity: 0;} + } } } diff --git a/src/styles/style.css b/src/styles/style.css index 8d529c9..d5e91a9 100755 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -1,10 +1,10 @@ @font-face { font-family: 'icomoon'; - src: url('fonts/icomoon.eot?g2uktq'); - src: url('fonts/icomoon.eot?g2uktq#iefix') format('embedded-opentype'), - url('fonts/icomoon.ttf?g2uktq') format('truetype'), - url('fonts/icomoon.woff?g2uktq') format('woff'), - url('fonts/icomoon.svg?g2uktq#icomoon') format('svg'); + src: url('fonts/icomoon.eot?a4dqxr'); + src: url('fonts/icomoon.eot?a4dqxr#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?a4dqxr') format('truetype'), + url('fonts/icomoon.woff?a4dqxr') format('woff'), + url('fonts/icomoon.svg?a4dqxr#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -25,6 +25,9 @@ -moz-osx-font-smoothing: grayscale; } +.icon-ethernet:before { + content: "\e903"; +} .icon-sunrise:before { content: "\e900"; } @@ -67,6 +70,9 @@ .icon-home:before { content: "\f015"; } +.icon-p2p:before { + content: "\f109"; +} .icon-location:before { content: "\f124"; } -- cgit 1.2.3-korg