change look and feel

This commit is contained in:
Cédric Verstraeten
2016-08-30 10:42:25 +02:00
parent 6219735a66
commit b3308d8353

View File

@@ -16,23 +16,25 @@ To install KiOS you can <b>use our own installer</b>, which gives you a nice GUI
<button id="advanced-btn" class="btn" style="width: 49%; height: 50px; background-color: #ddd; font-size: 16px; color: #fff; outline: 0;">Advanced installation</button>
<div id="installer">
<h2>Easy Installation</h2>
<p>
Installing <b>Kerberos.io</b> to your IoT device, has never been so easy. By using our <b>cross-platform</b> installer, you can run a <b>fully configured</b> video surveillance system within <b>3 minutes</b>. Indeed, we also think that's awesome!
</p>
By using the KiOS installer, you'll get <b>an easy to use GUI</b> which allows you to configure and flash KiOS to your SD card. Just download the installer, select a version, specify your network configurations, select your SD card and press the flash button; it can't be easier.
<img src="/images/kios-install.gif" style="border-radius: 0; margin: 0px 0 30px 0; width: 100%;"/>
<p>By using the KiOS installer, you'll get <b>an easy to use GUI</b> which allows you to configure and flash KiOS to your SD card. Just download the installer, select a version, specify your network configurations, select your SD card and press the flash button; it can't be easier.</p>
<div id="installation-wrapper" style="display: block; margin-top: 20px; position: relative;">
<div id="kios-installation" class="kios-installation" style="background:url('/images/kios-install.gif') no-repeat; width: 100%; height: 285px; background-size: cover; display: table; margin: 0 auto; border-radius: 10px; z-index: 10; position: relative;">
</div>
<div id="bottom-download" class="btn-group" style="display: none; z-index: 99; top: -150px; margin-top: -49px; position: relative;">
<a class="current-version btn btn-success btn-lg" style="border: 3px solid #fff; border-right: none;" data-track-id="jumbotron button" role="button"></a>
<button type="button" class="btn btn-success btn-lg dropdown-toggle" style="border: 3px solid #fff; border-left: none;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu"></ul>
</div>
<div id="bottom-download" class="btn-group" style="margin-top: 20px;">
<a class="current-version btn btn-success btn-lg" style="border: 3px solid #fff; color: #fff; border-right: none; font-size: 18px;" data-track-id="jumbotron button" role="button"></a>
<button type="button" class="btn btn-success btn-lg dropdown-toggle" style="border: 3px solid #fff; border-left: none; font-size: 18px;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" style="min-width: 403px;"></ul>
</div>
<script type="text/javascript">
require([_jsBase + 'main.js'], function(common)
{
@@ -67,7 +69,7 @@ To install KiOS you can <b>use our own installer</b>, which gives you a nice GUI
name: "KiOS for for Linux (x86)",
long_name: "Download Installer for Linux (32 bit)",
href: "https://google.com",
os: "Linux",
os: "Linux i686",
},
{
name: "KiOS for for Linux (x64)",
@@ -79,7 +81,7 @@ To install KiOS you can <b>use our own installer</b>, which gives you a nice GUI
name: "KiOS for Windows (x86)",
long_name: "Download Installer for Windows (32 bit)",
href: "https://google.com",
os: "Linux i686",
os: "Win32",
},
{
name: "KiOS for Windows (x64)",
@@ -104,38 +106,13 @@ To install KiOS you can <b>use our own installer</b>, which gives you a nice GUI
{
dropdown.append('<li><a href="' + versions[i].href + '">' + versions[i].name + '</a></li>');
}
$("#bottom-download").hide();
var background = $("#kios-installation").css('background');
$("#installation-wrapper").bind("mouseenter", function ()
{
$("#kios-installation").css({
'filter':'blur(3px)',
'-webkit-filter':'blur(3px)',
'-webkit-transition':'all 0.3s linear'
})
$("#bottom-download").fadeIn(300);
}).bind("mouseleave", function ()
{
$("#kios-installation").css({
'filter':'blur(0)',
'-webkit-filter':'blur(0)',
'-webkit-transition':'all 0.3s linear'
})
$("#bottom-download").fadeOut(300);
});
});
});
});
</script>
</div>
</div>
<div id="advanced" style="display: none;">
<h2>Advanced Installation</h2>
It's not a problem if you don't want to use the KiOS installer. You can download the KiOS .img yourself and flash it to your SD card.<br/><br/>
@@ -147,7 +124,7 @@ To install KiOS you can <b>use our own installer</b>, which gives you a nice GUI
All releases are stored on the KiOS <a href="https://github.com/kerberos-io/kios"><b>Github repository</b></a>, each release contains several images (for every Raspberry Pi version a different image is created). It's important to download the correct image; installing an image for another Raspberry Pi version will not work. After downloading, make sure to unzip the release.
[![Download KiOS](2_kerberos-image.png)](https://github.com/kerberos-io/kios/releases)
<a href="https://github.com/kerberos-io/kios/releases"><img alt="Download KiOS" src="2_kerberos-image.png"/></a>
<a name="flash"></a>
<h2>2. Flash the .img to a SD card</h2>
@@ -179,20 +156,17 @@ To install KiOS you can <b>use our own installer</b>, which gives you a nice GUI
Select SD card and delete all partitions with gparted
<pre><code>gparted
</code></pre>
<pre><code>gparted</code></pre>
To format the SD card, enter the following command:
<pre><code>sudo mkdosfs -F 16 -v /dev/sdb -I
</code></pre>
<pre><code>sudo mkdosfs -F 16 -v /dev/sdb -I</code></pre>
<h4>Transfer image to your SD card</h4>
In Terminal, enter the following command ensuring that you identify the correct destination disc.
<pre><code>sudo dd if="kios-x-y.img" of=/dev/sdb bs=2M
</code></pre>
<pre><code>sudo dd if="kios-x-y.img" of=/dev/sdb bs=2M</code></pre>
<a name="network"></a>
<h2>3. Network configuration</h2>
@@ -204,32 +178,30 @@ To install KiOS you can <b>use our own installer</b>, which gives you a nice GUI
Open and edit the file <b>static_ip.conf</b>.
<pre><code>#####################################################################
# Enter the IP-address you want to have, followed by the subnet mask
# e.g. 192.168.0.10/24
# Enter the IP-address you want to have, followed by the subnet mask
# e.g. 192.168.0.10/24
static_ip=""
static_ip=""
#####################################################################
# Enter the Gateway and DNS, this will be your router in most cases
# e.g. 192.168.0.1
#####################################################################
# Enter the Gateway and DNS, this will be your router in most cases
# e.g. 192.168.0.1
static_gw=""
static_dns=""
</code></pre>
static_gw=""
static_dns=""</code></pre>
<h3>Wireless connection</h3>
Open and edit the file <b>wireless.conf</b>. Fill-in your WIFI credentials: <b>SSID</b> the name of your wireles network, and <b>PSK</b> the password of your wireless network.
<pre><code>update_config=1
ctrl_interface=/var/run/wpa_supplicant
ctrl_interface=/var/run/wpa_supplicant
network={
scan_ssid=1
ssid=""
psk=""
}
</code></pre>
network={
scan_ssid=1
ssid=""
psk=""
}</code></pre>
<a name="poweron"></a>
<h2>4. Power on the Raspberry Pi</h2>
@@ -244,15 +216,13 @@ To install KiOS you can <b>use our own installer</b>, which gives you a nice GUI
To use Kerberos.io you only need access to the webinterface, however you can also <b>access the system with SSH</b>.
<pre><code>Cedrics-Mac-mini:build cedricverst$ ssh root@192.168.0.12
Welcome to kios-79e30bbb!
[root@kios-79e30bbb ~]#
</code></pre>
Welcome to kios-79e30bbb!
[root@kios-79e30bbb ~]# </code></pre>
Note that by default no root password is set, you can define a password in the <b>/data/etc/kios.conf</b> file.
<pre><code>[root@kios-79e30bbb ~]# nano /data/etc/kios.conf
[root@kios-79e30bbb ~]# reboot
</code></pre>
[root@kios-79e30bbb ~]# reboot</code></pre>
Add your password, save the file and reboot the system.
</div>