Mercurial > farol > farol
comparison farol/templates/welcome.j2 @ 125:67c4b299736e
Update look-and-feel
| author | Benoît Allard <benoit.allard@greenbone.net> |
|---|---|
| date | Thu, 23 Oct 2014 16:18:30 +0200 |
| parents | 57983a663cc6 |
| children | 0f19ece4e7e5 |
comparison
equal
deleted
inserted
replaced
| 120:98cf4a6457f4 | 125:67c4b299736e |
|---|---|
| 22 # along with this program; if not, write to the Free Software | 22 # along with this program; if not, write to the Free Software |
| 23 # Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA. | 23 # Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA. |
| 24 -#} | 24 -#} |
| 25 | 25 |
| 26 {% extends "base.j2" %} | 26 {% extends "base.j2" %} |
| 27 {% from "macros.j2" import panel %} | |
| 28 | |
| 29 {% macro progress_label(progress) -%} | |
| 30 <span class="label label- | |
| 31 {%- if progress < 70 %}danger{% elif progress < 95 %}warning{% else %}success{% endif -%} | |
| 32 ">{{ progress }}%</span> | |
| 33 {%- endmacro %} | |
| 27 | 34 |
| 28 {% block title %}Welcome{% endblock %} | 35 {% block title %}Welcome{% endblock %} |
| 29 | 36 |
| 30 {% block content %} | 37 {% block content %} |
| 31 <div class="jumbotron"> | 38 <div class="well well-lg"> |
| 32 <h1>Farol <small>A Security Advisory Management Platform</small></h1> | 39 <h1>Farol <small>The Security Advisory Management Platform</small></h1> |
| 33 <p>Farol is a web platform to manipulate Security Advisories. The main structure is highly inspired from the structure of a CVRF document.</p> | 40 <div class="pull-right"><a class="btn btn-primary btn-lg" role="button" href="{{ url_for('new') }}" >Start !</a></div> |
| 34 <p>This platform is meant as a way to review / create / edit / publish Security Advisories in an accessible way.</p> | 41 <p>This web platform offers to review, create, edit and transform security advisories supporting various input and output formats. During your session the advisory is stored in a cache from which you should save your changes to your local file system.</p> |
| 35 <p><a class="btn btn-primary btn-lg" role="button" href="{{ url_for('new') }}">Start !</a></p> | |
| 36 </div> | 42 </div> |
| 37 <img src="{{ url_for('static', filename="flower.png") }}" class="img-responsive img-thumbnail" alt="Security Advisories interactions"> | |
| 38 <div class="row"> | 43 <div class="row"> |
| 39 <div class="col-sm-6"> | 44 <div class="col-sm-9"><img src="{{ url_for('static', filename="flower.png") }}" class="img-responsive img-thumbnail" alt="Security Advisories interactions"></div> |
| 40 <div class="thumbnail"> | 45 <div class="col-sm-3"> |
| 41 <h3>Security Advisories</h3> | 46 {% call panel(heading="Platform status", collapsible=False) %} |
| 42 <p>A Security Advisory is about the <em>communication</em> of the information that some <em>vulnerability</em> is present in some <em>product</em>.</p> | 47 <div><span class="pull-right badge">{{ version }}</span>Farol version:</div> |
| 43 <dl> | 48 {% endcall %} |
| 44 <dt>communication</dt> | 49 {% call panel(heading="Supported input formats", collapsible=False) %} |
| 45 <dd>In order to be fully effective, Security Advisories should be sahred.</dd> | 50 {% for format, progress in imports %} |
| 46 <dt>vulnerability</dt> | 51 <div>{{ format }} <span class="pull-right">{{ progress_label(progress) }}</span></div> |
| 47 <dd>A vulnerability is a weakness which allows an attacker to reduce a system's information assurance. <cite>(Wikipedia)</cite></dd> | 52 {% endfor %} |
| 48 <dt>product</dt> | 53 {% endcall %} |
| 49 <dd>A product contains vulnerabilities.</dd> | 54 {% call panel(heading="Supported output formats", collapsible=False) %} |
| 50 </div> | 55 {% for format, progress in exports %} |
| 51 </div> | 56 <div>{{ format }} <span class="pull-right">{{ progress_label(progress) }}</span></div> |
| 52 <div class="col-sm-6"> | 57 {% endfor %} |
| 53 <div class="thumbnail"> | 58 {% endcall %} |
| 54 <h3>Advisory formats</h3> | 59 {% call panel(heading="Supported use cases", collapsible=False) %} |
| 55 <p>Each Party publish Advisories in a format that fit them ...</p> | 60 {% for use_case, progress in use_cases %} |
| 56 </div> | 61 <div><span class="pull-right">{{ progress_label(progress) }}</span>{{ use_case }}</div> |
| 62 {% endfor %} | |
| 63 {% endcall %} | |
| 57 </div> | 64 </div> |
| 58 </div> | 65 </div> |
| 59 {% endblock %} | 66 {% endblock %} |