Commit 04ad2fe1 authored by Efthymia Bika's avatar Efthymia Bika

Add 'About' tab

parent cacb8c16
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
<!DOCTYPE html>
<!--
Copyright (C) 2015-2016 GRNET S.A.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<html>
<head>
<title>About BaaS</title>
</head>
<body>
<div class="wrapper home">
<div class="row">
<div class="small-6 columns">
<header>
<img src="static/images/logo.png" class="logo" alt="BaaS"/>
</header>
</div>
<div class="small-6 columns">
<p><b>BaaS</b> (Backup as a Service) is a service provided to
Synnefo users in order to backup their data to Pithos
Storage. It supports encrypted, incremental backups in a
space and bandwidth-efficient way
</p>
</div>
</div>
<p class="disclaimer"><b>Version: </b><span id="version"></span></p>
<p class="disclaimer">Developed and supported by the
Okeanos/Synnefo development team of GRNET<br/>
<b>contact: synnefo@googlegroups.com</b></p>
<h3 class="disclaimer">Copyright 2015-2016 Greek Research and
Technology Network<br/>License:</h3>
<embed class="licence" src="LICENSE" />
</div>
<footer class="footer">
<p class="disclaimer">The project is co-financed by Greece
and the European Union</p>
<ul class="logos">
<li id="eu"> <img src="static/images/eu.png" /> </li>
<li id="dg"> <img src="static/images/dg.png" /> </li>
<li id="nsrf"> <img src="static/images/nsrf.png" /> </li>
<li id="grnet"> <img src="static/images/grnet.png" /> </li>
</ul>
</footer>
<script>
document.getElementById("version").innerHTML = baas_version;
</script>
</body>
</html>
......@@ -31,6 +31,8 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<script type="text/javascript">
create_baas_dir();
var gui = require('nw.gui');
var baas_version = gui.App.manifest.version;
var win = gui.Window.get();
// check operating system for the menu
......@@ -69,7 +71,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
</head>
<body>
<div class="blue-bar icon-bar four-up">
<div class="blue-bar icon-bar five-up">
<a class="item" id="activity-link"
onclick="$('#main').load('activity.html');
activate_tab(this.id);">
......@@ -94,6 +96,12 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<i class="fa fa-cloud"></i>
<label>Cloud Settings</label>
</a>
<a class="item" id="about-link"
onclick="$('#main').load('about.html');
activate_tab(this.id);">
<i class="fa fa-info"></i>
<label>About</label>
</a>
</div>
<div id="main"></div>
......
......@@ -135,3 +135,50 @@ body fieldset {
.succeed-span {
color: forestgreen;
}
.home {
text-align: center;
padding-bottom: 120px;
}
.disclaimer {
margin: 0;
font-size: 11px;
padding-bottom: 0.5em;
letter-spacing: 1px;
}
.licence {
margin: 0 auto;
width: 600px;
height: 215px;
overflow: auto;
background: #e0e0e0;
}
.logos li {
list-style: none outside none;
display: inline-block;
line-height: 35px;
height: 35px;
margin: 0 10px;
}
.logos #grnet img { width: 76px; }
.logos #eu img { width: 144px; }
.logos #dg img { width: 130px; }
.logos #nsrf img { width: 56px; }
.footer {
border-top: 1px solid #c2c2c2;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
}
.wrapper {
padding: 10px 15px 10px 15px;
max-width: 640px;
min-width: 220px;
margin: 0 auto;
position: relative;
}
.wrapper p {
font-size: 0.8rem;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment