✨ Site > Landing > Add network message

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

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>