From 16098b29688503b8f52cd154fdc1c60d1bad0342 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?P=C4=93teris=20Caune?= <cuu508@gmail.com>
Date: Fri, 21 Aug 2015 22:53:47 +0300
Subject: [PATCH] Wording tweaks in welcome page.

---
 static/css/welcome.css       | 18 ++++++++++++++++--
 static/js/welcome.js         |  7 +++++++
 templates/front/welcome.html | 25 ++++++++++++++++++++-----
 3 files changed, 43 insertions(+), 7 deletions(-)
 create mode 100644 static/js/welcome.js

diff --git a/static/css/welcome.css b/static/css/welcome.css
index 254439d0..ca1c80ab 100644
--- a/static/css/welcome.css
+++ b/static/css/welcome.css
@@ -14,7 +14,7 @@
 
 #pitch {
     text-align: center;
-    padding: 72px 0;
+    padding: 100px 0;
     margin: 0;
 }
 
@@ -26,7 +26,21 @@
 #pitch-url {
     text-align: center;
     font-family: monospace;
-    padding-bottom: 72px;
+    width: 500px;
+    margin: 10px auto;
+}
+
+#pitch-url-input {
+    text-align: center;
+    background: #FFF;
+    border: 0;
+    box-shadow: none;
+    cursor: text;
+}
+
+#pitch-text {
+    width: 500px;
+    margin: 0 auto 72px auto;
 }
 
 .nav-tabs {
diff --git a/static/js/welcome.js b/static/js/welcome.js
new file mode 100644
index 00000000..4e15d200
--- /dev/null
+++ b/static/js/welcome.js
@@ -0,0 +1,7 @@
+$(function () {
+
+    $("#pitch-url-input").click(function() {
+        this.select();
+    });
+
+});
\ No newline at end of file
diff --git a/templates/front/welcome.html b/templates/front/welcome.html
index 3ddc77b0..dd33de2f 100644
--- a/templates/front/welcome.html
+++ b/templates/front/welcome.html
@@ -11,9 +11,20 @@
     </div>
 
     <div class="row">
-    <div class="col-sm-12">
+    <div class="col-sm-6">
         <h2 id="pitch-subtitle">Here's an unique ping address for you:</h2>
-        <div id="pitch-url">{{ ping_url }}</div>
+        <div id="pitch-url">
+            <input
+                id="pitch-url-input"
+                class="form-control"
+                type="text"
+                value="{{ ping_url }}"
+                readonly />
+        </div>
+    </div>
+    <div class="col-sm-6">
+        <p id="pitch-text">Make a HTTP GET request to this address from your cron job, daemon, script or long running task.
+        <strong>When this address is not requested for a set time period, you will get alerted.</strong> Below are snippets that are ready to be copy/pasted into your own scripts.</p>
     </div>
     </div>
 
@@ -209,10 +220,14 @@
     </div>
 
 </div>
+{% endblock %}
 
-
-
-
+{% block scripts %}
+{% compress js %}
+<script src="{% static 'js/jquery-2.1.4.min.js' %}"></script>
+<script src="{% static 'js/bootstrap.min.js' %}"></script>
+<script src="{% static 'js/welcome.js' %}"></script>
+{% endcompress %}
 {% endblock %}