frodovdr
/
hyperion.ng
mirror of https://github.com/hyperion-project/hyperion.ng.git
1
0
Fork 0
Code Issues Releases Wiki Activity

update webui (#180)

This commit is contained in:
brindosch 2016-08-16 00:20:31 +02:00 committed by GitHub
parent 8e8c21fa3b
commit c00edfb658
9 changed files with 165 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/webconfig/css/hyperion.css
View File

@ -1,10 +1,10 @@
/**General**/ /**General**/
@font-face { @font-face {
font-family: "Roboto"; font-family: "Roboto";
src: url("../fonts/Roboto-Regular.woff") format('woff'), src: url("../fonts/Roboto-Regular.woff") format('woff'),
url("../fonts/Roboto-Regular.ttf") format('ttf'); url("../fonts/Roboto-Regular.ttf") format('ttf');
} }
body{font-family:Roboto;font-size:15px;} body{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;}
/*Header*/ /*Header*/
.navbar-brand{padding: 5px;height:90px;} .navbar-brand{padding: 5px;height:90px;}
@ -18,6 +18,10 @@ body{font-family:Roboto;font-size:15px;}
/*Panels*/ /*Panels*/
.panel-heading{font-size:18px;} .panel-heading{font-size:18px;}
/*Dashboard*/
.component-on{color:green;}
.component-off{color:grey;}
/*Colorpicker 2x*/ /*Colorpicker 2x*/
.colorpicker-2x .colorpicker-saturation {width: 200px;height: 200px;} .colorpicker-2x .colorpicker-saturation {width: 200px;height: 200px;}
.colorpicker-2x .colorpicker-hue,.colorpicker-2x .colorpicker-alpha {width: 30px;height: 200px;} .colorpicker-2x .colorpicker-hue,.colorpicker-2x .colorpicker-alpha {width: 30px;height: 200px;}

10
assets/webconfig/effects.html
View File

@ -1,9 +1,13 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header" lang="en" data-lang-token="menueffectstoken">Effects</h1> <h1 class="page-header" lang="en" data-lang-token="main_menu_effects_token">Effects</h1>
<div class="introd">
<h4 lang="en" data-lang-token="remote_effects_intro">The Effects remote enables you to set an effect for testing or demonstration purposes. Don't forget to stop it afterwards.</h4>
</div>
<hr>
<div class="col-lg-12" id="buttondiv"> <div class="col-lg-12" id="buttondiv">
<button type="button" class="btn btn-danger" id="effect_stop"><i class="fa fa-stop"></i></button><span lang="en" data-lang-token="buttoneffectstoptoken"> Stop Effect</span><br /> <button type="button" class="btn btn-danger" id="effect_stop"><i class="fa fa-stop"></i></button><span lang="en" data-lang-token="remote_effects_label_stopeffect">Stop Effect</span><br />
</div> </div>
</div> </div>
</div> </div>

BIN
assets/webconfig/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

4
assets/webconfig/huebridge.html
View File

@ -1,14 +1,14 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header">Hue Bridge</h1> <h1 class="page-header" lang="en" data-lang-token="main_menu_huebridge_token">Hue Bridge</h1>
<div class="col-lg-12" > <div class="col-lg-12" >
<div class="col-lg-6" > <div class="col-lg-6" >
<span id="ip_alert" style="display:none; color:red; font-weight: bold;" lang="en" data-lang-token="hue_failure_ip_token">Please check your IP Address.</span> <span id="ip_alert" style="display:none; color:red; font-weight: bold;" lang="en" data-lang-token="hue_failure_ip_token">Please check your IP Address.</span>
<div class="form-group"> <div class="form-group">
<label for="ip">IP:</label> <label for="ip">IP:</label>
<input type="text" class="form-control" id="ip"> <input type="text" class="form-control" id="ip">
<label for="user" lang="en">Username:</label> <label for="user" lang="en" data-lang-token="hue_label_username">Username:</label>
<input type="text" class="form-control" id="user" disabled> <input type="text" class="form-control" id="user" disabled>
<br /> <br />
<button type="button" class="btn btn-success" id="create_user_first"> <i class="fa fa-floppy-o"></i><span lang="en" data-lang-token="hue_button_create_user_token"> Create User</span></button> <button type="button" class="btn btn-success" id="create_user_first"> <i class="fa fa-floppy-o"></i><span lang="en" data-lang-token="hue_button_create_user_token"> Create User</span></button>

70
assets/webconfig/index.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -92,11 +92,11 @@
</a> </a>
<ul class="dropdown-menu dropdown-language"> <ul class="dropdown-menu dropdown-language">
<li> <li>
<a href="#lang-en" onclick="window.lang.change('en'); return false;"><span lang="en" class="flag-icon flag-icon-gb">&emsp; English</span></a> <a href="#lang-en" onclick="window.lang.change('en'); return false;"><span lang="en" class="flag-icon flag-icon-gb" data-lang-token="general_speech_en">&emsp; English</span></a>
</li> </li>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<a href="#lang-de" onclick="window.lang.change('de'); return false;"><span lang="en" class="flag-icon flag-icon-de">&emsp; German</span></a> <a href="#lang-de" onclick="window.lang.change('de'); return false;"><span lang="en" class="flag-icon flag-icon-de" data-lang-token="general_speech_de">&emsp; German</span></a>
</li> </li>
</ul> </ul>
<!-- /.dropdown-language --> <!-- /.dropdown-language -->
@ -275,32 +275,32 @@
<!-- /input-group --> <!-- /input-group -->
</li> </li>
<li> <li>
<a class="active" href="index.html"><i class="fa fa-dashboard fa-fw"></i>Dashboard</a> <a class="active" href="index.html"><i class="fa fa-dashboard fa-fw"></i><span lang="en" data-lang-token="main_menu_dashboard_token">Dashboard</span></a>
</li> </li>
<li> <li>
<a class="inactive" href="#"><i class="fa fa-cog fa-fw"></i>Configuration<span class="fa arrow"></span></a> <a class="inactive" href="#"><i class="fa fa-cog fa-fw"></i><span lang="en" data-lang-token="main_menu_configuration_token">Configuration</span><span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
<a class="inactive" href="#" id="load_confKodi"><i class="fa fa-play-circle-o fa-fw"></i>Kodi Watch</a> <a class="inactive" href="#" id="load_confKodi"><i class="fa fa-play-circle-o fa-fw"></i><span lang="en" data-lang-token="main_menu_kodiwatch_token">Kodi Watch</span></a>
</li> </li>
<li> <li>
<a class="inactive" href="#" id="load_huebridge"><i class="fa fa-cog fa-fw"></i> Hue Bridge</a> <a class="inactive" href="#" id="load_huebridge"><i class="fa fa-cog fa-fw"></i><span lang="en" data-lang-token="main_menu_huebridge_token">Hue Bridge</span></a>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<a class="inactive" href="#"><i class="fa fa-lightbulb-o fa-fw"></i><span lang="en" data-lang-token="menuremotecontroltoken">Remote Control</span><span class="fa arrow"></span></a> <a class="inactive" href="#"><i class="fa fa-lightbulb-o fa-fw"></i><span lang="en" data-lang-token="main_menu_remotecontrol_token">Remote Control</span><span class="fa arrow"></span></a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li> <li>
<a class="inactive" href="#" id="load_lighttest"><i class="fa fa-lightbulb-o fa-fw"></i><span lang="en" data-lang-token="menulighttesttoken">Light test</span></a> <a class="inactive" href="#" id="load_lighttest"><i class="fa fa-lightbulb-o fa-fw"></i><span lang="en" data-lang-token="main_menu_colors_token">Colors</span></a>
</li> </li>
<li> <li>
<a class="inactive" href="#" id="load_effects"><i class="fa fa-certificate fa-fw"></i><span lang="en" data-lang-token="menueffectstoken">Effects</span></a> <a class="inactive" href="#" id="load_effects"><i class="fa fa-certificate fa-fw"></i><span lang="en" data-lang-token="main_menu_effects_token">Effects</span></a>
</li> </li>
</ul> </ul>
</li> </li>
<li> <li>
<a class="inactive" href="#" id="load_support"><i class="fa fa-info fa-fw"></i>Support</a> <a class="inactive" href="#" id="load_support"><i class="fa fa-info fa-fw"></i><span lang="en" data-lang-token="main_menu_support_token">Support</span></a>
</li> </li>
</ul> </ul>
@ -316,6 +316,10 @@
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header">Dashboard</h1> <h1 class="page-header">Dashboard</h1>
<div class="introd">
<h4 lang="en" data-lang-token="dashboard_label_intro">The dashboard give you a quick overview about the status of Hyperion and show you the latest news of the Hyperion Blog.</h4>
</div>
<hr>
<div class="alert alert-info alert-dismissible" role="alert"> <div class="alert alert-info alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong>Info!</strong> A newer version of Hyperion is available! <strong>Info!</strong> A newer version of Hyperion is available!
@ -324,20 +328,52 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-info-circle fa-fw"></i> <i class="fa fa-info-circle fa-fw"></i>
Information <span lang="en" data-lang-token="dashboard_label_infobox_title">Information</span>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<p>Your Hyperion version:</p> <p lang="en" data-lang-token="dashboard_label_infobox_currenthyp">Your Hyperion version:</p>
<p>Latest version:</p> <p lang="en" data-lang-token="dashboard_label_infobox_latesthyp">Latest version:</p>
<p>Device:</p> <p lang="en" data-lang-token="dashboard_label_infobox_device">Device:</p>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-8"> <div class="col-lg-3">
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-eye fa-fw"></i>
<span lang="en" data-lang-token="dashboard_label_componentbox_title">Components status</span>
</div>
<div class="panel-body">
<table class="table">
<thead>
<tr>
<th>Component</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kodi Watch</td>
<td><i class="fa fa-circle component-on"></i></td>
</tr>
<tr>
<td>Blackborder</td>
<td><i class="fa fa-circle component-off"></i></td>
</tr>
<tr>
<td>Booteffect</td>
<td><i class="fa fa-circle component-off"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-newspaper-o fa-fw"></i> <i class="fa fa-newspaper-o fa-fw"></i>
Latest Blog posts <span lang="en" data-lang-token="dashboard_label_newsbox_title">Latest blog posts</span>
</div> </div>
<div class="panel-body"> <div class="panel-body">

5
assets/webconfig/kodiconf.html
View File

@ -1,11 +1,12 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header"><i class="fa fa-play-circle-o fa-fw"></i>Kodi Watch</h1> <h1 class="page-header"><i class="fa fa-play-circle-o fa-fw"></i><span lang="en" data-lang-token="conf_kodi_label_title">Kodi Watch</span></h1>
<div class="col-lg-12"> <div class="col-lg-12">
<div class="introd"> <div class="introd">
<h4>The Kodi Watcher enables you to enable and disable the screencapture depending on Kodi state. This is not limited to the same machine, you could observe also a Kodi on any other device at your network.</h4> <h4 lang="en" data-lang-token="conf_kodi_label_intro">The Kodi Watcher enables you to enable and disable the screencapture depending on Kodi state. This is not limited to the same machine, you could observe also a Kodi on any other device at your network.</h4>
</div> </div>
<hr>
<div class="alert alert-info" role="alert"> <div class="alert alert-info" role="alert">
<strong>HINT 1:</strong> In any case you need to enable the remote control for Kodi. Please checkout Wiki for instructions. LINK<br> <strong>HINT 1:</strong> In any case you need to enable the remote control for Kodi. Please checkout Wiki for instructions. LINK<br>
<strong>HINT 2:</strong> If you just use a USB-Grabber you could enable the Kodi Watch for this separately at the USB-Grabber page. <strong>HINT 2:</strong> If you just use a USB-Grabber you could enable the Kodi Watch for this separately at the USB-Grabber page.

65
assets/webconfig/lang/de.json
View File

@ -1,19 +1,62 @@
{ {
"token": { "token": {
"English":"Englisch", "general_country_de" : "Deutschland",
"German":"Deutsch", "general_country_us" : "Amerika",
"lighttesttoken":"Farbe: ", "general_country_uk" : "England",
"menulighttesttoken":"Lichttest", "general_country_fr" : "Frankreich",
"buttoncolorresettoken":"Farbe zurücksetzen", "general_country_es" : "Spanien",
"menueffectstoken":"Effekte", "general_country_it" : "Italien",
"buttoneffectstoptoken":"Stoppe Effekte", "general_country_nl" : "Niederlande",
"menuremotecontroltoken":"Fernbedienung", "general_speech_de" : "Deutsch",
"hue_failure_ip_token":"Bitte überprüfe deine IP Adresse.", "general_speech_en" : "Englisch",
"Username:":"Benutzername:", "dashboard_label_intro" : "Das Dashboard zeigt dir Informationen zum Systemstatus, ob Updates verfügbar sind, den Komponenten Status sowie die letzten Blog-Posts vom Hyperion Team",
"dashboard_label_infobox_title" : "Informationen",
"dashboard_label_infobox_currenthyp" : "Deine Hyperion Version:",
"dashboard_label_infobox_latesthyp" : "Aktuellste Hyperion Version:",
"dashboard_label_infobox_device" : "Geräteinformation:",
"dashboard_label_componentbox_title" : "Komponenten Status",
"dashboard_label_newsbox_title" : "Die letzten Blogposts",
"main_menu_dashboard_token" : "Dashboard",
"main_menu_configuration_token" : "Konfiguration",
"main_menu_kodiwatch_token" : "Kodi Überwachung",
"main_menu_huebridge_token" : "Hue Bridge",
"main_menu_remotecontrol_token" : "Fernbedienung",
"main_menu_colors_token" : "Farben",
"main_menu_effects_token" : "Effekte",
"main_menu_support_token" : "Hilfe",
"remote_colors_label_color":"Farbe: ",
"remote_colors_button_reset":"Farbe zurücksetzen",
"remote_effects_intro" : "Die Effekt-Fernbedienung ermöglicht es dir Effekte zu starten für Demonstrations- oder Testzwecke. Vergessse nicht den Effekt wieder zu stoppen, wenn du fertig bist.",
"remote_effects_label_effects":"Effekte",
"remote_effects_label_stopeffect":"Stoppe Effekte",
"hue_button_create_user_token":"Benutzer anlegen", "hue_button_create_user_token":"Benutzer anlegen",
"hue_press_link_modal":"Link Taste auf der Hue Bridge drücken und mit Button bestätigen.", "hue_press_link_modal":"Link Taste auf der Hue Bridge drücken und mit Button bestätigen.",
"hue_press_link_modal_failure":"Bitte drücke die Link Taste auf deiner Hue Bridge.", "hue_press_link_modal_failure":"Bitte drücke die Link Taste auf deiner Hue Bridge.",
"hue_button_pair":"Verbinden" "hue_button_pair":"Verbinden",
"hue_failure_ip_token":"Bitte überprüfe deine IP Adresse.",
"hue_label_username":"Benutzername:",
"conf_kodi_label_title" : "Kodi Überwachung",
"conf_kodi_label_intro" : "Die Kodi Überwachung ermöglicht es dir abhängig von dem Kodi Status dein ambient light an oder abzuschalten. Dies ist nicht limitiert auf das selbe Gerät. Du kannst jedes Kodi in deinem lokalen Netzwerk überwachen lassen.",
"support_label_title" : "Unterstütze Hyperion",
"support_label_intro" : "Hyperion ist ein kostenloses Open Source Projekt und ein kleines Team arbeitet an seiner Weiterentwicklung. Darum benötigen wir DEINE Unterstützung um den Ball weiter rollen zu lassen und um weiter in bessere Infrastruktur und Weiterentwicklung investieren zu können.",
"support_label_spreadtheword" : "Weitersagen!",
"support_label_fbtext" : "Teile Inhalte in Facebook und halte dich und andere auf dem Laufenden",
"support_label_twtext" : "Nutze die 140 Zeichen und bleibe auf dem Laufenden auch auf Twitter",
"support_label_ggtext" : "Platziere uns in deinen Kreisen auf Google+",
"support_label_yttext" : "Gelangweilt von Bildern? Werfe einen Blick auf unsere Youtube Videos",
"support_label_donate" : "Spende oder füge unsere Affiliate Links als Lesezeichen hinzu",
"support_label_affinstr1" : "Klicke auf den Link deines Landes",
"support_label_affinstr2" : "Kaufe wie gewohnt ein, abhängig von deinem Umsatz bekommen wir eine kleine Provision",
"support_label_affinstr3" : "Du zahlst immer den selben Preis. Teste es!",
"support_label_btctext" : "Adresse:",
"support_label_donationpp" : "Spende:",
"support_label_webrestitle" : "Informationsquellen und Hilfe",
"support_label_webpagetitle" : "Internetseite",
"support_label_webpagetext" : "Das Zuhause von Hyperion",
"support_label_wikititle" : "Wiki",
"support_label_wikitext" : "Von A bis Z - Alles wissenwerte zu Hyperion",
"support_label_forumtitle" : "Forum",
"support_label_forumtext" : "Diskussion und Hilfestellung von der Community"
}, },
"regex": [ "regex": [
["^Something at start of text", ""], ["^Something at start of text", ""],

6
assets/webconfig/lighttest.html
View File

@ -4,9 +4,9 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header" lang="en" data-lang-token="menulighttesttoken">Light test</h1> <h1 class="page-header" lang="en" data-lang-token="main_menu_colors_token">Colors</h1>
<div class="col-lg-1"> <div class="col-lg-1">
<span lang="en" data-lang-token="lighttesttoken">Color: </span> <span lang="en" data-lang-token="remote_colors_label_color">Set color: </span>
</div> </div>
<div class="col-lg-3"> <div class="col-lg-3">
<div id="cp2" class="input-group colorpicker-component"> <div id="cp2" class="input-group colorpicker-component">
@ -15,7 +15,7 @@
</div> </div>
</div> </div>
<div class="col-lg-8"> <div class="col-lg-8">
<button lang="en" data-lang-token="buttoncolorresettoken" type="button" class="btn btn-warning" id="reset_color">Reset Color</button> <button lang="en" data-lang-token="remote_colors_button_reset" type="button" class="btn btn-warning" id="reset_color">Reset Color</button>
</div> </div>
</div> </div>
</div> </div>

69
assets/webconfig/support.html
View File

@ -1,106 +1,111 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<h1 class="page-header">Support Hyperion</h1> <h1 class="page-header" lang="en" data-lang-token="support_label_title">Support Hyperion</h1>
<h4>Hyperion is free software. A small team is working on it and this is why we need your steady support.</h4> <div class="introd">
<h4 lang="en" data-lang-token="support_label_intro">Hyperion is a free non-profit software. A small team is working on it and this is why we need your steady support.</h4>
</div>
<hr> <hr>
<h3><strong>Spread the word</strong></h3> <h3 style="font-weight: bold" lang="en" data-lang-token="support_label_spreadtheword">Spread the word</h3>
<a href="#" target="_blank" class="unlink"> <a href="#" target="_blank" class="unlink">
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-facebook bg-color-fb"></i> <i class="fa fa-facebook bg-color-fb"></i>
<h4>Facebook</h4> <h4>Facebook</h4>
<p>Share our Hyperion Facebook page and get a notice when new updates are released</p> <p lang="en" data-lang-token="support_label_fbtext">Share our Hyperion Facebook page and get a notice when new updates are released</p>
</div> </div>
</a> </a>
<a href="#" target="_blank" class="unlink"> <a href="#" target="_blank" class="unlink">
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-twitter bg-color-tw"></i> <i class="fa fa-twitter bg-color-tw"></i>
<h4>Twitter</h4> <h4>Twitter</h4>
<p>Share and follow on Twitter, be always up to date with latest post about the Hyperion development</p> <p lang="en" data-lang-token="support_label_twtext">Share and follow on Twitter, be always up to date with latest post about the Hyperion development</p>
</div> </div>
</a> </a>
<a href="https://plus.google.com/103082579494653418604" target="_blank" class="unlink"> <a href="https://plus.google.com/103082579494653418604" target="_blank" class="unlink">
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-google-plus bg-color-g"></i> <i class="fa fa-google-plus bg-color-g"></i>
<h4>Google+</h4> <h4>Google+</h4>
<p>Circle us on Google +!</p> <p lang="en" data-lang-token="support_label_ggtext">Circle us on Google +!</p>
</div> </div>
</a> </a>
<a href="https://www.youtube.com/channel/UCCah_idbSMqgo4UwP6R9H-A" target="_blank" class="unlink"> <a href="https://www.youtube.com/channel/UCCah_idbSMqgo4UwP6R9H-A" target="_blank" class="unlink">
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-youtube bg-color-g"></i> <i class="fa fa-youtube bg-color-g"></i>
<h4>Youtube</h4> <h4>Youtube</h4>
<p>Checkout our Youtube channel</p> <p lang="en" data-lang-token="support_label_yttext">Bored from pictures? Checkout our Youtube channel</p>
</div> </div>
</a> </a>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<hr> <hr>
<h3><strong>Donate or bookmark our affiliate links</strong></h3> <h3 style="font-weight: bold" lang="en" data-lang-token="support_label_donate">Donate or bookmark our affiliate links</h3>
<ol> <ol>
<li>Click on a link</li> <li lang="en" data-lang-token="support_label_affinstr1">Click on the appropriate link of your country</li>
<li>From everything you buy (doesn’t matter what) we get a small fee based on your turnover</li> <li lang="en" data-lang-token="support_label_affinstr2">Everything you buy (doesn’t matter what) we get a small fee based on your turnover</li>
<li>You ALWAYS pay the same price, there is absolutely no difference. Try it out!</li> <li lang="en" data-lang-token="support_label_affinstr3">You ALWAYS pay the same price, there is absolutely no difference. Try it out!</li>
</ol> </ol>
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-amazon bg-color-am"></i> <i class="fa fa-amazon bg-color-am"></i>
<h4>Amazon</h4> <h4>Amazon</h4>
<ul> <ul>
<li><a href="http://www.amazon.de/?tag=hyperionproje-21" target="_blank">Germany</a></li> <li><a href="http://www.amazon.de/?tag=hyperionproje-21" target="_blank" lang="en" data-lang-token="general_country_de">Germany</a></li>
<li><a href="http://www.amazon.com/?tag=hyperionpro05-20" target="_blank">United States</a></li> <li><a href="http://www.amazon.com/?tag=hyperionpro05-20" target="_blank" lang="en" data-lang-token="general_country_us">United States</a></li>
<li><a href="http://www.amazon.co.uk/?tag=hyperionpro02-21" target="_blank">United Kingdom</a></li> <li><a href="http://www.amazon.co.uk/?tag=hyperionpro02-21" target="_blank" lang="en" data-lang-token="general_country_uk">United Kingdom</a></li>
<li><a href="http://www.amazon.fr/?tag=hyperionpro0c-21" target="_blank">France</a></li> <li><a href="http://www.amazon.fr/?tag=hyperionpro0c-21" target="_blank" lang="en" data-lang-token="general_country_fr">France</a></li>
<li><a href="http://www.amazon.es/?tag=hyperionpro07-21" target="_blank">Spain</a></li> <li><a href="http://www.amazon.es/?tag=hyperionpro07-21" target="_blank" lang="en" data-lang-token="general_country_es">Spain</a></li>
<li><a href="http://www.amazon.it/?tag=hyperionpro00-21" target="_blank">Italy</a></li> <li><a href="http://www.amazon.it/?tag=hyperionpro00-21" target="_blank" lang="en" data-lang-token="general_country_it">Italy</a></li>
</ul> </ul>
</div> </div>
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-shopping-cart bg-color-am"></i> <i class="fa fa-shopping-cart bg-color-am"></i>
<h4>ebay</h4> <h4>ebay</h4>
<ul> <ul>
<li><a href="http://rover.ebay.com/rover/1/707-53477-19255-0/1?pub=5575174930&toolid=10001&campid=707-53477-19255-0&customid=&mpt=9592320&mpre=http%3A%2F%2Fwww.ebay.de" target="_blank">Germany</a></li> <li><a href="http://rover.ebay.com/rover/1/707-53477-19255-0/1?pub=5575174930&toolid=10001&campid=707-53477-19255-0&customid=&mpt=9592320&mpre=http%3A%2F%2Fwww.ebay.de" target="_blank" lang="en" data-lang-token="general_country_de">Germany</a></li>
<li><a href="http://rover.ebay.com/rover/1/711-53200-19255-0/1?pub=5575174930&toolid=10001&campid=711-53200-19255-0&customid=&mpt=8091563&mpre=http%3A%2F%2Fwww.ebay.com" target="_blank">United States</a></li> <li><a href="http://rover.ebay.com/rover/1/711-53200-19255-0/1?pub=5575174930&toolid=10001&campid=711-53200-19255-0&customid=&mpt=8091563&mpre=http%3A%2F%2Fwww.ebay.com" target="_blank" lang="en" data-lang-token="general_country_us">United States</a></li>
<li><a href="http://rover.ebay.com/rover/1/710-53481-19255-0/1?pub=5575174930&toolid=10001&campid=710-53481-19255-0&customid=&mpt=9837178&mpre=http%3A%2F%2Fwww.ebay.co.uk" target="_blank">United Kingdom</a></li> <li><a href="http://rover.ebay.com/rover/1/710-53481-19255-0/1?pub=5575174930&toolid=10001&campid=710-53481-19255-0&customid=&mpt=9837178&mpre=http%3A%2F%2Fwww.ebay.co.uk" target="_blank" lang="en" data-lang-token="general_country_uk">United Kingdom</a></li>
<li><a href="http://rover.ebay.com/rover/1/1346-53482-19255-0/1?pub=5575174930&toolid=10001&campid=1346-53482-19255-0&customid=&mpt=9890408&mpre=http%3A%2F%2Fwww.ebay.nl" target="_blank">Netherlands</a></li> <li><a href="http://rover.ebay.com/rover/1/1346-53482-19255-0/1?pub=5575174930&toolid=10001&campid=1346-53482-19255-0&customid=&mpt=9890408&mpre=http%3A%2F%2Fwww.ebay.nl" target="_blank" lang="en" data-lang-token="general_country_nl">Netherlands</a></li>
<li><a href="http://rover.ebay.com/rover/1/709-53476-19255-0/1?pub=5575174930&toolid=10001&campid=709-53476-19255-0&customid=&mpt=9865977&mpre=http%3A%2F%2Fwww.ebay.fr" target="_blank">France</a></li> <li><a href="http://rover.ebay.com/rover/1/709-53476-19255-0/1?pub=5575174930&toolid=10001&campid=709-53476-19255-0&customid=&mpt=9865977&mpre=http%3A%2F%2Fwww.ebay.fr" target="_blank" lang="en" data-lang-token="general_country_fr">France</a></li>
<li><a href="http://rover.ebay.com/rover/1/1185-53479-19255-0/1?pub=5575174930&toolid=10001&campid=1185-53479-19255-0&customid=&mpt=1016300&mpre=http%3A%2F%2Fwww.ebay.es" target="_blank">Spain</a></li> <li><a href="http://rover.ebay.com/rover/1/1185-53479-19255-0/1?pub=5575174930&toolid=10001&campid=1185-53479-19255-0&customid=&mpt=1016300&mpre=http%3A%2F%2Fwww.ebay.es" target="_blank" lang="en" data-lang-token="general_country_es">Spain</a></li>
</ul> </ul>
</div> </div>
<a href="https://www.paypal.me/hyperionproject/10" target="_blank" class="unlink"> <a href="https://www.paypal.me/hyperionproject/10" target="_blank" class="unlink">
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-paypal bg-color-pp"></i> <i class="fa fa-paypal bg-color-pp"></i>
<h4>Paypal</h4> <h4>Paypal</h4>
<p>Donation:<a href="https://www.paypal.me/hyperionproject/10" target="_blank">Paypal</a></p> <p lang="en" data-lang-token="support_label_donationpp">Donation:</p><a href="https://www.paypal.me/hyperionproject/10" target="_blank">Paypal</a>
</div> </div>
</a> </a>
<a href="bitcoin:1GGZbsT6fH3cGq25H5HS2PfisPfDnffSJR?amount=0.5&label=Hyperion Donation" class="unlink">
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-btc bg-color-btc"></i> <i class="fa fa-btc bg-color-btc"></i>
<h4>Bitcoin</h4> <h4>Bitcoin</h4>
<p>Address: 1GGZbsT6fH3cGq25H5HS2PfisPfDnffSJR</p> <p lang="en" data-lang-token="support_label_btctext">Address:</p>
<p>1GGZbsT6fH3cGq25H5HS2PfisPfDnffSJR</p>
</div> </div>
</a>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<hr> <hr>
<h3><strong>Information and help ressources</strong></h3> <h3 style="font-weight: bold" lang="en" data-lang-token="support_label_webrestitle">Information and help ressources</h3>
<a href="https://www.hyperion-project.org" target="_blank" class="unlink"> <a href="https://www.hyperion-project.org" target="_blank" class="unlink">
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-globe bg-color-wf"></i> <i class="fa fa-globe bg-color-wf"></i>
<h4>Webpage</h4> <h4 lang="en" data-lang-token="support_label_webpagetitle">Webpage</h4>
<p>Home of Hyperion</p> <p lang="en" data-lang-token="support_label_webpagetext">Home of Hyperion</p>
</div> </div>
</a> </a>
<a href="https://wiki.hyperion-project.org" target="_blank" class="unlink"> <a href="https://wiki.hyperion-project.org" target="_blank" class="unlink">
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-book bg-color-wf"></i> <i class="fa fa-book bg-color-wf"></i>
<h4>Wiki</h4> <h4 lang="en" data-lang-token="support_label_wikititle">Wiki</h4>
<p>The A to Z source for almost everything Hyperion related</p> <p lang="en" data-lang-token="support_label_wikitext">The A to Z source for almost everything Hyperion related</p>
</div> </div>
</a> </a>
<a href="https://forum.hyperion-project.org" target="_blank" class="unlink"> <a href="https://forum.hyperion-project.org" target="_blank" class="unlink">
<div class="col-xs-12 col-sm-6 col-lg-3 support-container"> <div class="col-xs-12 col-sm-6 col-lg-3 support-container">
<i class="fa fa-comments bg-color-wf"></i> <i class="fa fa-comments bg-color-wf"></i>
<h4>Forum</h4> <h4 lang="en" data-lang-token="support_label_forumtitle">Forum</h4>
<p>Showcases, discussions, help and more</p> <p lang="en" data-lang-token="support_label_forumtext">Showcases, discussions, help and more</p>
</div> </div>
</a> </a>
</div> </div>