From 31228d63623c67272d873464239ed36058b687e6 Mon Sep 17 00:00:00 2001
From: Tor Hveem <tor@hveem.no>
Date: Fri, 11 Oct 2013 23:38:30 +0200
Subject: [PATCH] move around landing page somewhat

---
 css/glowingbear.css |  1 +
 index.html          | 53 +++++++++++++++++++++++----------------------
 2 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index 7bd488e..a59bcce 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -148,3 +148,4 @@ input#sendMessage {
 li.notification {
     color: green;
 }
+
diff --git a/index.html b/index.html
index b446f64..47a9658 100644
--- a/index.html
+++ b/index.html
@@ -28,30 +28,10 @@
           WeeChat web frontend 
         </small>
       </h2>
-      <div>To start using, please enable relay in your WeeChat client:
-        <pre>
-/set relay.network.password yourpassword
-/relay add weechat 9001</pre>
-      Note: The communication goes directly between your browser and your weechat in clear text.
-      Connection settings are saved between sessions, including password, in your own browser.
-      <h4>Encryption</h4>
-      If you want to use encrypted session you first have to set up the relay using SSL
-      <pre>
-$ mkdir -p ~/.weechat/ssl
-$ cd ~/.weechat/ssl
-$ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out relay.pem
-</pre>
-      If WeeChat is already running, you can reload the certificate and private key with command:
-      <pre>
-/relay sslcertkey
-/relay add ssl.weechat 8000
-</pre>
-      </div>
-      <h3>Connection settings</h3>
-      <form role="form">
-            <div class="alert alert-danger" ng-show="errorMessage">
-              <strong>Oh no!</strong> We cannot connect!
-            </div>
+        <div class="alert alert-danger" ng-show="errorMessage">
+          <strong>Oh no!</strong> We cannot connect!
+        </div>
+      <form class="form-signin" role="form">
         <div class="form-group">
           <label class="control-label" for="host">WeeChat hostname</label>
           <input type="text" class="form-control" id="host" ng-model="host" placeholder="Address">
@@ -78,8 +58,29 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel
           <p class="help-block">Enter number of lines to sync from WeeChat on connect</p>
         </div>
         <button class="btn btn-lg btn-primary" ng-click="connect()">Connect!</button>
-          </form>
-        </div>
+      </form>
+
+      <h3>Instructions</h3>
+      <div>To start using, please enable relay in your WeeChat client:
+        <pre>
+/set relay.network.password yourpassword
+/relay add weechat 9001</pre>
+      Note: The communication goes directly between your browser and your weechat in clear text.
+      Connection settings are saved between sessions, including password, in your own browser.
+      <h4>Encryption</h4>
+      If you want to use encrypted session you first have to set up the relay using SSL
+      <pre>
+$ mkdir -p ~/.weechat/ssl
+$ cd ~/.weechat/ssl
+$ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out relay.pem
+</pre>
+      If WeeChat is already running, you can reload the certificate and private key with command:
+      <pre>
+/relay sslcertkey
+/relay add ssl.weechat 8000
+</pre>
+      </div>
+    </div>
     <div class="content" ng-show="connected">
       <div id="sidebar">
         <ul class="nav nav-pills nav-stacked">