diff --git a/baas/LICENSE b/baas/LICENSE new file mode 100644 index 0000000000000000000000000000000000000000..9aa03b39be4e11f7a2ebbd01be4e3a2eb730190a --- /dev/null +++ b/baas/LICENSE @@ -0,0 +1,12 @@ +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/>. diff --git a/baas/about.html b/baas/about.html new file mode 100644 index 0000000000000000000000000000000000000000..478b42955880de1ea2be8bb9495e1de5ae1f23b1 --- /dev/null +++ b/baas/about.html @@ -0,0 +1,63 @@ +<!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> diff --git a/baas/index.html b/baas/index.html index a46330fd6dfddded22265460242aa1a2cdef57f7..1db5b329d312967c8b196577f4bcfaebae91089f 100644 --- a/baas/index.html +++ b/baas/index.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> diff --git a/baas/static/images/dg.png b/baas/static/images/dg.png new file mode 100644 index 0000000000000000000000000000000000000000..02d2051f4ec97e07b891f0725982ddbc4f7f9556 Binary files /dev/null and b/baas/static/images/dg.png differ diff --git a/baas/static/images/eu.png b/baas/static/images/eu.png new file mode 100644 index 0000000000000000000000000000000000000000..d0f9eec707fa7b6c794af78768fb6826185a2fc8 Binary files /dev/null and b/baas/static/images/eu.png differ diff --git a/baas/static/images/grnet.png b/baas/static/images/grnet.png new file mode 100644 index 0000000000000000000000000000000000000000..ba5fbe2d4348e3c244ee77712be96a3999963690 Binary files /dev/null and b/baas/static/images/grnet.png differ diff --git a/baas/static/images/logo.png b/baas/static/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..34cc09f4efcd16a6dbedd686ce88339ea00df974 Binary files /dev/null and b/baas/static/images/logo.png differ diff --git a/baas/static/images/nsrf.png b/baas/static/images/nsrf.png new file mode 100644 index 0000000000000000000000000000000000000000..21486d44c3944f62757657c7a2a97da672fa40fd Binary files /dev/null and b/baas/static/images/nsrf.png differ diff --git a/baas/static/stylesheets/custom.css b/baas/static/stylesheets/custom.css index 2631bc273faab1a86966c6c5014d022adba1f14d..f37582f1b76d69a5a936eba1e52a763a7306a3ce 100644 --- a/baas/static/stylesheets/custom.css +++ b/baas/static/stylesheets/custom.css @@ -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; +}