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">