move around landing page somewhat

This commit is contained in:
Tor Hveem 2013-10-11 23:38:30 +02:00
parent 1609346668
commit 31228d6362
2 changed files with 28 additions and 26 deletions

View file

@ -148,3 +148,4 @@ input#sendMessage {
li.notification { li.notification {
color: green; color: green;
} }

View file

@ -28,30 +28,10 @@
WeeChat web frontend WeeChat web frontend
</small> </small>
</h2> </h2>
<div>To start using, please enable relay in your WeeChat client: <div class="alert alert-danger" ng-show="errorMessage">
<pre> <strong>Oh no!</strong> We cannot connect!
/set relay.network.password yourpassword </div>
/relay add weechat 9001</pre> <form class="form-signin" role="form">
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="form-group"> <div class="form-group">
<label class="control-label" for="host">WeeChat hostname</label> <label class="control-label" for="host">WeeChat hostname</label>
<input type="text" class="form-control" id="host" ng-model="host" placeholder="Address"> <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> <p class="help-block">Enter number of lines to sync from WeeChat on connect</p>
</div> </div>
<button class="btn btn-lg btn-primary" ng-click="connect()">Connect!</button> <button class="btn btn-lg btn-primary" ng-click="connect()">Connect!</button>
</form> </form>
</div>
<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 class="content" ng-show="connected">
<div id="sidebar"> <div id="sidebar">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">