FUNCT Add network status integration

6 files changed, 34 insertions, 5 deletions

diff --git a/src/styles/fonts/icomoon.eot b/src/styles/fonts/icomoon.eot
index fb813fa..7e69c11 100755
--- a/src/styles/fonts/icomoon.eot
+++ b/src/styles/fonts/icomoon.eot
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 @@
 <glyph unicode="&#xe900;" glyph-name="sunrise" d="M355.23 384c14.876 73.042 79.376 128 156.792 128 77.418 0 141.916-54.958 156.752-128h64c-15.668 108.25-108.168 192-220.752 192-112.542 0-205.082-83.75-220.75-192h63.958zM512.022 640c17.666 0 32 14.334 32 32v64c0 17.666-14.334 32-32 32-17.664 0-32-14.334-32-32v-64c0-17.666 14.336-32 32-32zM806.146 646.166c-12.498 12.5-32.748 12.5-45.25 0l-45.25-45.25c-12.498-12.5-12.498-32.75 0-45.25 12.502-12.5 32.752-12.5 45.25 0l45.25 45.25c12.5 12.5 12.5 32.75 0 45.25zM308.354 600.916l-45.25 45.25c-12.498 12.5-32.746 12.5-45.25 0-12.498-12.5-12.498-32.75 0-45.25l45.25-45.25c12.504-12.5 32.752-12.5 45.25 0 12.504 12.5 12.504 32.75 0 45.25zM704.022 320h-384c-17.664 0-32-14.334-32-32s14.336-32 32-32h384c17.666 0 32 14.334 32 32s-14.334 32-32 32zM640.022 192h-256c-17.664 0-32-14.334-32-32s14.336-32 32-32h256c17.666 0 32 14.334 32 32s-14.334 32-32 32z" />
 <glyph unicode="&#xe901;" glyph-name="sun" d="M512 672c-123.5 0-224-100.5-224-224s100.5-224 224-224 224 100.5 224 224c0 123.5-100.5 224-224 224zM512 288c-88.376 0-160 71.624-160 160s71.624 160 160 160 160-71.624 160-160-71.624-160-160-160zM512 736c17.666 0 32 14.334 32 32v64c0 17.666-14.334 32-32 32s-32-14.334-32-32v-64c0-17.666 14.334-32 32-32zM512 160c-17.666 0-32-14.334-32-32v-64c0-17.666 14.334-32 32-32s32 14.334 32 32v64c0 17.666-14.334 32-32 32zM760.876 651.666l45.25 45.25c12.5 12.5 12.5 32.75 0 45.25s-32.75 12.5-45.25 0l-45.25-45.25c-12.5-12.5-12.5-32.75 0-45.25 12.498-12.5 32.75-12.5 45.25 0zM263.124 244.332l-45.25-45.25c-12.5-12.498-12.5-32.748 0-45.248s32.75-12.5 45.25 0l45.25 45.248c12.5 12.542 12.5 32.752 0 45.25-12.498 12.502-32.75 12.544-45.25 0zM224 448c0 17.666-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32s14.334-32 32-32h64c17.666 0 32 14.334 32 32zM896 480h-64c-17.666 0-32-14.334-32-32s14.334-32 32-32h64c17.666 0 32 14.334 32 32s-14.334 32-32 32zM263.082 651.666c12.502-12.5 32.752-12.5 45.25 0 12.502 12.5 12.502 32.75 0 45.25l-45.25 45.25c-12.5 12.5-32.748 12.5-45.25 0-12.5-12.5-12.5-32.75 0-45.25l45.25-45.25zM760.918 244.376c-12.542 12.5-32.752 12.5-45.25 0-12.502-12.5-12.542-32.75 0-45.25l45.25-45.25c12.498-12.5 32.748-12.5 45.248 0s12.5 32.748 0 45.25l-45.248 45.25z" />
 <glyph unicode="&#xe902;" glyph-name="moon" d="M699.704 273.7c-99.752-99.832-262.166-99.832-362 0-99.832 99.834-99.832 262.25 0 362.042 26.418 26.374 58.624 46.5 95.664 59.624 11.668 4.084 24.586 1.124 33.25-7.584 8.752-8.75 11.71-21.666 7.586-33.25-25.084-70.75-8-147.332 44.498-199.834 52.418-52.456 129.002-69.5 199.834-44.5 11.584 4.124 24.542 1.166 33.25-7.584 8.752-8.666 11.668-21.624 7.542-33.25-13.042-37.040-33.208-69.246-59.624-95.664zM382.954 590.492c-74.876-74.876-74.876-196.708 0-271.542 80-80.042 216.25-72.834 286 16.334-71.918-4.5-142.75 21.458-195.5 74.168-52.75 52.708-78.666 123.542-74.168 195.458-5.748-4.502-11.208-9.294-16.332-14.418z" />
+<glyph unicode="&#xe903;" glyph-name="ethernet" d="M758 704.667l232-278-232-278-66 54 186 224-186 224zM470 384.667v84h84v-84h-84zM726 468.667v-84h-86v84h86zM298 384.667v84h86v-84h-86zM332 650.667l-186-224 186-224-66-54-232 278 232 278z" />
 <glyph unicode="&#xe905;" glyph-name="wind" d="M862 576c-53 0-96-43-96-96 0-11.292 2.334-21.916 5.876-32h-613.876c-17.666 0-32-14.334-32-32s14.334-32 32-32h704c53 0 96 43 96 96s-43 96-96 96zM158 512h384c53 0 96 43 96 96s-43 96-96 96-96-43-96-96c0-11.292 2.334-21.916 5.876-32h-293.876c-17.666 0-32-14.334-32-32s14.334-32 32-32zM670 320c-1.876 0-3.668-0.416-5.582-0.582-1.25 0.082-2.292 0.582-3.542 0.582h-493.708c-22.75 0-41.168-14.334-41.168-32s18.418-32 41.168-32h412.708c-3.542-10.084-5.876-20.752-5.876-32 0-53 43-96 96-96s96 43 96 96-43 96-96 96z" />
 <glyph unicode="&#xe907;" glyph-name="cloudy" d="M416 832c17.666 0 32 14.334 32 32v64c0 17.666-14.334 32-32 32s-32-14.334-32-32v-64c0-17.666 14.334-32 32-32zM664.876 747.666l45.25 45.25c12.498 12.5 12.498 32.75 0 45.25-12.5 12.5-32.75 12.5-45.25 0l-45.25-45.25c-12.5-12.5-12.5-32.75 0-45.25 12.498-12.5 32.75-12.5 45.25 0zM32 512h64c17.666 0 32 14.334 32 32s-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32s14.334-32 32-32zM704 544c0-17.666 14.334-32 32-32h64c17.666 0 32 14.334 32 32s-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32zM167.082 747.666c12.502-12.5 32.752-12.5 45.25 0 12.502 12.5 12.502 32.75 0 45.25l-45.25 45.25c-12.5 12.5-32.748 12.5-45.25 0-12.5-12.5-12.5-32.75 0-45.25l45.25-45.25zM800 448c-10.624 0-21.124-0.75-31.584-2.25-33.542 45.75-78.248 80.666-128.916 103-2.582 121.25-101.624 219.25-223.5 219.25-123.5 0-224-100.5-224-224 0-34.876 8.668-67.5 23-96.876-119.25-4.874-215-102.748-215-223.124 0-123.5 100.5-224 224-224 27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM416 704c79.624 0 145.124-58.334 157.416-134.5-20.042 4-40.498 6.5-61.416 6.5-91.876 0-177-39.624-236.75-106.5-11.874 22.334-19.25 47.416-19.25 74.5 0 88.376 71.624 160 160 160zM800 64c-34.25 0-65.832 11-91.876 29.334-46.956-56.584-116.876-93.334-196.124-93.334-79.25 0-149.168 36.75-196.124 93.334-26-18.334-57.626-29.334-91.876-29.334-88.376 0-160 71.624-160 160s71.624 160 160 160c15.5 0 30.124-2.916 44.25-7.082 5.624-1.584 11.334-2.834 16.624-5.042 8.75 17.124 19.75 32.792 31.958 47.5 46.752 56.248 116.292 92.624 195.168 92.624 20.25 0 39.668-2.916 58.5-7.418 21.124-4.998 41.084-12.582 59.668-22.582 46.582-24.75 84.832-63.084 108.914-110.126 18.794 7.75 39.336 12.126 60.918 12.126 88.376 0 160-71.624 160-160s-71.624-160-160-160z" />
 <glyph unicode="&#xe908;" glyph-name="cloud" d="M870.124 435.668c9.75 7.25 19.624 14.376 28.458 23.208 26.416 26.458 46.542 58.666 59.584 95.708 4.166 11.584 1.208 24.584-7.544 33.25-8.708 8.75-21.624 11.708-33.246 7.584-70.792-25-147.376-8-199.792 44.5-52.5 52.502-69.584 129.042-44.5 199.792 4.084 11.626 1.166 24.542-7.584 33.292-8.666 8.666-21.624 11.668-33.25 7.582-37.084-13.164-69.25-33.246-95.668-59.664-67.082-67-87.958-162-64.958-247.584-86.5-11.042-164.25-57-216.042-127.586-10.458 1.5-20.958 2.25-31.584 2.25-123.5 0-224-100.5-224-224.002 0-123.498 100.5-223.998 224-223.998 27.376 0 54.168 5 79.418 14.668 57.914-50.5 131.582-78.668 208.582-78.668 77.084 0 150.666 28.168 208.582 78.668 25.25-9.668 52.042-14.668 79.418-14.668 123.5 0 224 100.5 224 223.998 0.002 98.878-64.832 182.044-153.874 211.67zM581.832 775.668c5.084 5.166 10.542 9.958 16.292 14.458-4.5-71.958 21.458-142.75 74.208-195.458 52.752-52.75 123.542-78.666 195.502-74.208-27.584-35.168-65.584-57.042-106.252-66.376-54.75 69.5-135.208 113.25-223.916 120.374-24.542 67.918-10.166 146.876 44.166 201.21zM800 64c-34.25 0-65.832 11-91.876 29.334-46.958-56.584-116.876-93.334-196.124-93.334-79.25 0-149.168 36.75-196.124 93.334-26-18.334-57.624-29.334-91.876-29.334-88.376 0-160 71.624-160 159.998 0 88.376 71.624 160 160 160 21.624 0 42.124-4.376 60.876-12.124 40.376 78.71 119.5 133.792 212.624 139.086 4.876 0.29 9.624 1.042 14.5 1.042 25.832 0 50.624-4.042 74-11.166 31.582-9.668 60.376-25.416 85.376-45.708 23.876-19.376 43.876-43.124 59.624-69.792 2.666-4.5 5.668-8.75 8.082-13.458 18.792 7.75 39.336 12.124 60.918 12.124 88.376 0 160-71.624 160-160s-71.624-160.002-160-160.002z" />
@@ -21,6 +22,7 @@
 <glyph unicode="&#xf001;" glyph-name="music" horiz-adv-x="878" d="M877.714 822.857v-640c0-80.571-120.571-109.714-182.857-109.714s-182.857 29.143-182.857 109.714 120.571 109.714 182.857 109.714c37.714 0 75.429-6.857 109.714-22.286v306.857l-438.857-135.429v-405.143c0-80.571-120.571-109.714-182.857-109.714s-182.857 29.143-182.857 109.714 120.571 109.714 182.857 109.714c37.714 0 75.429-6.857 109.714-22.286v552.571c0 24 16 45.143 38.857 52.571l475.429 146.286c5.143 1.714 10.286 2.286 16 2.286 30.286 0 54.857-24.571 54.857-54.857z" />
 <glyph unicode="&#xf012;" glyph-name="signal" d="M146.286 128v-109.714c0-10.286-8-18.286-18.286-18.286h-109.714c-10.286 0-18.286 8-18.286 18.286v109.714c0 10.286 8 18.286 18.286 18.286h109.714c10.286 0 18.286-8 18.286-18.286zM365.714 201.143v-182.857c0-10.286-8-18.286-18.286-18.286h-109.714c-10.286 0-18.286 8-18.286 18.286v182.857c0 10.286 8 18.286 18.286 18.286h109.714c10.286 0 18.286-8 18.286-18.286zM585.143 347.428v-329.143c0-10.286-8-18.286-18.286-18.286h-109.714c-10.286 0-18.286 8-18.286 18.286v329.143c0 10.286 8 18.286 18.286 18.286h109.714c10.286 0 18.286-8 18.286-18.286zM804.571 566.857v-548.571c0-10.286-8-18.286-18.286-18.286h-109.714c-10.286 0-18.286 8-18.286 18.286v548.571c0 10.286 8 18.286 18.286 18.286h109.714c10.286 0 18.286-8 18.286-18.286zM1024 859.428v-841.143c0-10.286-8-18.286-18.286-18.286h-109.714c-10.286 0-18.286 8-18.286 18.286v841.143c0 10.286 8 18.286 18.286 18.286h109.714c10.286 0 18.286-8 18.286-18.286z" />
 <glyph unicode="&#xf015;" glyph-name="home" horiz-adv-x="951" d="M804.571 384v-274.286c0-20-16.571-36.571-36.571-36.571h-219.429v219.429h-146.286v-219.429h-219.429c-20 0-36.571 16.571-36.571 36.571v274.286c0 1.143 0.571 2.286 0.571 3.429l328.571 270.857 328.571-270.857c0.571-1.143 0.571-2.286 0.571-3.429zM932 423.428l-35.429-42.286c-2.857-3.429-7.429-5.714-12-6.286h-1.714c-4.571 0-8.571 1.143-12 4l-395.429 329.714-395.429-329.714c-4-2.857-8.571-4.571-13.714-4-4.571 0.571-9.143 2.857-12 6.286l-35.429 42.286c-6.286 7.429-5.143 19.429 2.286 25.714l410.857 342.286c24 20 62.857 20 86.857 0l139.429-116.571v111.429c0 10.286 8 18.286 18.286 18.286h109.714c10.286 0 18.286-8 18.286-18.286v-233.143l125.143-104c7.429-6.286 8.571-18.286 2.286-25.714z" />
+<glyph unicode="&#xf109;" glyph-name="p2p" horiz-adv-x="1097" d="M237.714 219.428c-50.286 0-91.429 41.143-91.429 91.429v402.286c0 50.286 41.143 91.429 91.429 91.429h621.714c50.286 0 91.429-41.143 91.429-91.429v-402.286c0-50.286-41.143-91.429-91.429-91.429h-621.714zM219.429 713.143v-402.286c0-9.714 8.571-18.286 18.286-18.286h621.714c9.714 0 18.286 8.571 18.286 18.286v402.286c0 9.714-8.571 18.286-18.286 18.286h-621.714c-9.714 0-18.286-8.571-18.286-18.286zM1005.714 182.857h91.429v-54.857c0-30.286-41.143-54.857-91.429-54.857h-914.286c-50.286 0-91.429 24.571-91.429 54.857v54.857h1005.714zM594.286 128c5.143 0 9.143 4 9.143 9.143s-4 9.143-9.143 9.143h-91.429c-5.143 0-9.143-4-9.143-9.143s4-9.143 9.143-9.143h91.429z" />
 <glyph unicode="&#xf124;" glyph-name="location" horiz-adv-x="805" d="M800.571 751.428l-365.714-731.429c-6.286-12.571-18.857-20-32.571-20-2.857 0-5.714 0.571-8.571 1.143-16.571 4-28 18.286-28 35.429v329.143h-329.143c-17.143 0-31.429 11.429-35.429 28s4 33.714 18.857 41.143l731.429 365.714c5.143 2.857 10.857 4 16.571 4 9.714 0 18.857-3.429 25.714-10.857 11.429-10.857 14.286-28 6.857-42.286z" />
 <glyph unicode="&#xf1eb;" glyph-name="wifi" horiz-adv-x="1170" d="M585.143 80.571c-14.857 0-94.857 80-94.857 95.429 0 28 73.143 43.429 94.857 43.429s94.857-15.429 94.857-43.429c0-15.429-80-95.429-94.857-95.429zM739.429 235.428c-8 0-70.286 57.143-154.286 57.143-84.571 0-145.714-57.143-154.286-57.143-13.714 0-96.571 82.286-96.571 96 0 5.143 2.286 9.714 5.714 13.143 61.143 60.571 160.571 94.286 245.143 94.286s184-33.714 245.143-94.286c3.429-3.429 5.714-8 5.714-13.143 0-13.714-82.857-96-96.571-96zM895.429 390.857c-4.571 0-9.714 2.286-13.143 4.571-94.286 73.143-173.714 116.571-297.143 116.571-172.571 0-304-121.143-310.286-121.143-13.143 0-95.429 82.286-95.429 96 0 4.571 2.286 9.143 5.714 12.571 102.286 102.286 256.571 158.857 400 158.857s297.714-56.571 400-158.857c3.429-3.429 5.714-8 5.714-12.571 0-13.714-82.286-96-95.429-96zM1050.286 545.714c-4.571 0-9.143 2.286-12.571 5.143-132 116-274.286 180.571-452.571 180.571s-320.571-64.571-452.571-180.571c-3.429-2.857-8-5.143-12.571-5.143-13.143 0-96 82.286-96 96 0 5.143 2.286 9.714 5.714 13.143 144.571 143.429 353.143 222.857 555.429 222.857s410.857-79.429 555.429-222.857c3.429-3.429 5.714-8 5.714-13.143 0-13.714-82.857-96-96-96z" />
 <glyph unicode="&#xf294;" glyph-name="bluetooth" horiz-adv-x="585" d="M340.571 137.714l98.857 98.286-98.857 98.286v-196.571zM340.571 543.428l98.857 98.286-98.857 98.286v-196.571zM358.857 438.857l203.429-203.429-308-308.571v406.286l-169.714-169.143-61.714 61.714 212.571 213.143-212.571 213.143 61.714 61.714 169.714-169.143v406.286l308-308.571z" />
diff --git a/src/styles/fonts/icomoon.ttf b/src/styles/fonts/icomoon.ttf
index eef51d4..cb60c5f 100755
--- a/src/styles/fonts/icomoon.ttf
+++ b/src/styles/fonts/icomoon.ttf
diff --git a/src/styles/fonts/icomoon.woff b/src/styles/fonts/icomoon.woff
index d65137a..f650b1f 100755
--- a/src/styles/fonts/icomoon.woff
+++ b/src/styles/fonts/icomoon.woff
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";
 }