info: add first part of help site

circle/templates/info/help.html

+{% extends "dashboard/base.html" %}
+{% load i18n %}
+
+{% block title-page %}{% trans "Help" %}{% endblock %}
+{% block content %}
+<div class="row"><div class="col-lg-8 col-lg-offset-2">
+<div class="page-header">
+    <h1>{% trans "Help" %} <small>{% trans "user guide in short" %}</small></h1>
+</div>
+<div class="panel panel-default">
+    <div class="panel-body">
+        <p>
+        {% blocktrans %}
+        This is a deployment of <a href="http://circlecloud.org/">CIRCLE
+            Cloud</a>, which is a free and open source cloud manager.
+        {% endblocktrans %}
+        {% blocktrans %}
+        Its most important function is starting and managing virtual machine
+        instances based on templates.
+        These templates are also easy to create.
+        {% endblocktrans %}
+        </p><p>
+        {% blocktrans %}
+        Apart from this tutorial we recommend to try the system, it is quite
+        intuitive, and the web interface shows detailed instructions on
+        advanced options.
+        {% endblocktrans %}
+        </p>
+        <h2>{% trans "Dashboard" %}</h2>
+        <p>
+        {% blocktrans with host=request.get_host %}
+        You can reach this service at https://{{host}}/ where you can log in
+        to the dashboard.
+        {% endblocktrans %}
+        <p>
+        {% blocktrans %}
+        The dashboard is a summary about your virtual machines and other
+        resources, and the main starting point to access the functions of
+        the system.
+        {% endblocktrans %}
+        </p>
+        <h3><i class="fa fa-desktop"></i> {% trans "Virtual machines" %}</h3>
+        <p {% if not perms.vm %}class="text-muted"{% endif %}>
+        {% blocktrans %}
+        In the <em>virtual machines</em> box you will find your recent
+        virtual machines.
+        A summary view is also available by clicking the <i class="fa
+            fa-dashboard"></i> dashboard button.
+        Click on the name of a virtual machine to see its connection
+        details, preferences, or to change its state.
+        Important or frequently used machines can be pinned by the
+        <i class="fa fa-star-o"></i> favorite button.
+        The search function field show results in place, and typing a ⏎
+        jumps directly to the result, if there is exactly one.
+        You can start a new virtual machine by clicking
+        <span class="btn btn-success disabled btn-xs">
+            <i class="fa fa-plus-circle"></i> new</span>.
+        {% endblocktrans %}
+        </p>
+</div>
+</div>
+</div></div>
+{% endblock %}