From 53e162560f3bad630c842c8ae3d2eeb88e66e054 Mon Sep 17 00:00:00 2001
From: brunosimon <simon.bruno.77@gmail.com>
Date: Sat, 9 Sep 2017 02:06:49 +0200
Subject: [PATCH] :sparkles: Site > Landing > Add network message

---
 site/src/components/landing/style.styl    | 13 +++++++++++--
 site/src/components/landing/template.html |  1 +
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/site/src/components/landing/style.styl b/site/src/components/landing/style.styl
index 9ba085e..23674d4 100644
--- a/site/src/components/landing/style.styl
+++ b/site/src/components/landing/style.styl
@@ -25,11 +25,13 @@
     font-family 'DINNextRoundedLTPro'
 
 .title
+    position relative
     margin-bottom 12px
     color #fff
     font-size 35px
 
 .sub-title
+    position relative
     margin-bottom 35px
     color #fff
     font-size 20px
@@ -37,6 +39,7 @@
     font-weight 300
 
 .quote
+    position relative
     margin-bottom 35px
     color #4bd1c5
     font-size 18px
@@ -44,14 +47,20 @@
 .url
     color #fff
     font-size 20px
-    margin-bottom 30px
+    margin-bottom 10px
     padding 20px
     cursor pointer
     z-index 2
+    text-align center
     transform translateX(0) translateY(0) scale(1, 1)
     transition transform 0.3s
     will-change transform
 
+    .network
+        padding-top 10px
+        font-size 14px
+        opacity 0.5
+
     .focus &
         transform  translateX(-145px) translateY(250px) scale(3, 3)
         transition-duration 5s
@@ -71,5 +80,5 @@
 
     .focus &
         pointer-events default
-        opacity 0.8
+        opacity 0.85
         transition-duration 3s
diff --git a/site/src/components/landing/template.html b/site/src/components/landing/template.html
index 07772d8..5556ccf 100644
--- a/site/src/components/landing/template.html
+++ b/site/src/components/landing/template.html
@@ -2,6 +2,7 @@
 
     <div class="url" @click.prevent.stop="onUrlClick">
         {{ url }}
+        <div class="network">(on the same network)</div>
     </div>
 
     <illustration name="astronaut"></illustration>