Tweak support tabs and text (#440)

changedetectionio/__init__.py

@@ -370,7 +370,8 @@ def changedetection_app(config=None, datastore_o=None):
                                  app_rss_token=datastore.data['settings']['application']['rss_access_token'],
                                  has_unviewed=datastore.data['has_unviewed'],
                                  # Don't link to hosting when we're on the hosting environment
-                                 hosted_sticky=os.getenv("SALTED_PASS", False) == False)
+                                 hosted_sticky=os.getenv("SALTED_PASS", False) == False,
+                                 guid=datastore.data['app_guid'])
 
         return output
 

changedetectionio/static/styles/styles.css

@@ -242,7 +242,7 @@ footer {
 
 .sticky-tab {
   position: absolute;
-  top: 100px;
+  top: 60px;
   font-size: 8px;
   background: #fff;
   padding: 10px; }
@@ -252,7 +252,7 @@ footer {
     right: 0px; }
   .sticky-tab#hosted-sticky {
     right: 0px;
-    top: 60px;
+    top: 100px;
     font-weight: bold; }
 
 #new-version-text a {

changedetectionio/static/styles/styles.scss

@@ -317,11 +317,9 @@ footer {
     */
 }
 
-
-
 .sticky-tab {
   position: absolute;
-  top: 100px;
+  top: 60px;
   font-size: 8px;
   background: #fff;
   padding: 10px;
@@ -333,7 +331,7 @@ footer {
   }
   &#hosted-sticky {
     right: 0px;
-    top: 60px;
+    top: 100px;
     font-weight: bold;
   }
 }

changedetectionio/templates/base.html

@@ -68,7 +68,7 @@
         </ul>
     </div>
 </div>
-{% if hosted_sticky %}<div class="sticky-tab" id="hosted-sticky"><a href="https://lemonade.changedetection.io/start">Switch to Fully Hosted</a></div>{% endif %}
+{% if hosted_sticky %}<div class="sticky-tab" id="hosted-sticky"><a href="https://lemonade.changedetection.io/start?ref={{guid}}">Let us host your instance!</a></div>{% endif %}
 {% if left_sticky %}<div class="sticky-tab" id="left-sticky"><a href="{{url_for('preview_page', uuid=uuid)}}">Show current snapshot</a></div> {% endif %}
 {% if right_sticky %}<div class="sticky-tab" id="right-sticky">{{ right_sticky }}</div> {% endif %}
 <section class="content">