add images

content/opensource/first-things-first.md

@@ -22,7 +22,6 @@ In this section we want to make clear what the Open Source version of Kerberos i
 
 The Kerberos Open Source project is licensed with [BY-NC-SA 4.0](/opensource/license), this means that everyone can use Kerberos and modify if to their needs, in a non commercial activity.
 
-
 ## When using the Open Source version
 
 Kerberos Open Source is perfect for personal usage. It's great if you only have a couple of surveillance cameras to be managed. A Kerberos agent (e.g. on a Raspberry Pi or inside a Docker container) runs for each camera. Their are many different installation possibilities, please have a look at the [architecture](/architectures) or [installation page](/opensource/installation).

content/opensource/get-started.md

@@ -19,19 +19,19 @@ Once you've installed Kerberos Open Source, you will have access to the web appl
 
 The first time you open a browser, and navigate to the web application (ip address of your device), you will land on the welcome page. This page will guide you through some basic steps and set simple configurations such as username and password.
 
-![OpenSource](../../public/images/opensource/kerberos-opensource-welcome.png)
+<img src="/images/opensource/kerberos-opensource-welcome.png" style="width: 100%"/>
 
 ## Login page
 
 When you've finished the welcome page, you will be redirected to the login page from now one. Use the credentials you have defined during the configuration of the welcome page. By default the username is **root**, and the password is **root**.
 
-![OpenSource](../../public/images/opensource/kerberos-opensource-login.png)
+<img src="/images/opensource/kerberos-opensource-login.png" style="width: 100%"/>
 
 ## Dashboard
 
 After you have signed in successfully, you will land on the dashboard page. This page will give you an overview of some simple statistics. Such as the the activity per day, per hour, etc.
 
-![OpenSource](../../public/images/opensource/kerberos-opensource-dashboard.png)
+<img src="/images/opensource/kerberos-opensource-dashboard.png" style="width: 100%"/>
 
 ## Media
 
@@ -39,31 +39,31 @@ By selecting a specific day from the left navigation, or choosing the date picke
 
 You can use the timeslider at the top of the page for browsing through the day. The white (no activity) to gray (low activity) to red (high activity), will give you an indications of the amount of recordings for that specific hour.
 
-![OpenSource](../../public/images/opensource/kerberos-opensource-media.png)
+<img src="/images/opensource/kerberos-opensource-media.png" style="width: 100%"/>
 
-![OpenSource](../../public/images/opensource/kerberos-opensource-media-detail.png)
+<img src="/images/opensource/kerberos-opensource-media-detail.png" style="width: 100%"/>
 
 
 ## Settings
 
 Before being able to record anything, you will need to specify your capture device. A capture device is what we call: a camera. This camera can be a USB, RPi or IP camera. By default the RPi camera is selected, so if you are planning to use a IP camera make sure to change it on the settings page.
 
-![OpenSource](../../public/images/opensource/kerberos-opensource-settings.png)
+<img src="/images/opensource/kerberos-opensource-settings.png" style="width: 100%"/>
 
 ### Region of interest
 
 Besides selecting the capture device, you will have different options to make the detection more intelligent, such as defining a regions of interest, or an activation timeline (when Kerberos Open Source should be active).
 
-![OpenSource](../../public/images/opensource/kerberos-opensource-motion.png)
+<img src="/images/opensource/kerberos-opensource-motion.png" style="width: 100%"/>
 
 ### Storage
 
 Storing your recordings on your device is fine, on the other hand you might want to make it available remotely. By giving your [Kerberos Cloud](/cloud) credentials in the storage section, your recordings will be synced to our cloud solution.
 
-![OpenSource](../../public/images/opensource/kerberos-opensource-cloud.png)
+<img src="/images/opensource/kerberos-opensource-cloud.png" style="width: 100%"/>
 
 ## System
 
 This page will gave you overall information of Kerberos Open Source. It will give you information (logging) about the system, shows you some system information, the number of recordings on the system and more.
 
-![OpenSource](../../public/images/opensource/kerberos-opensource-system.png)
+<img src="/images/opensource/kerberos-opensource-system.png" style="width: 100%"/>

content/opensource/installation.md

@@ -44,7 +44,7 @@ KiOS is compiled using Buildroot, the project can be found on [following Github
 
 Installing the Kerberos agent to your Raspberry Pi, has never been so easy. By using our cross-platform installer, you can run a fully configured video surveillance system within 3 minutes. Indeed, we also think that's awesome!
 
-![access kerberos installer](../../public/images/kios-install.gif)
+<img src="/images/kios-install.gif" style="width: 100%"/>
 
 Download the correct installer for your OS below:
 
@@ -58,7 +58,7 @@ If you love Etcher, or the Kerberos installer is not working as expected, you ca
 2. flash it to your SD card with Etcher,
 3. and edit some configuration files at the boot directory.
 
-[![use etcher for kios](../../public/images/etcher-install.png)](https://www.balena.io/etcher/)
+<a href="https://www.balena.io/etcher/"><img src="/images/etcher-install.png" style="width: 100%"/></a>
 
 Once you have download the KiOS image (make sure you downloaded the right image) and flashed it to an SD card, put it back into your working station. Navigate to the SD card and creating following files.
 
@@ -96,7 +96,8 @@ static_dns=""
 
 Once you've finished the installation using either the KiOS installer or Etcher, you can put the SD card into your Raspberry Pi and turn it on. Please note that the first time you boot KiOS it can take about 2 mins before the system is operational. When KiOS is ready you can open your favorite browser and type in the IP address of your Raspberry Pi. This will open the Kerberos agent's front-end, which you can access with the username: root and password: root.
 
-![access kerberos interface](../../public/images/access.png)
+<img src="/images/access.png" style="width: 100%"/>
+
 
 ### Access the Raspberry Pi
 
@@ -123,7 +124,6 @@ This installation guide assumes you already have a good understanding of Docker.
 - [Kerberos.io — the road to Docker](https://medium.com/@cedricverst/kerberos-io-the-road-to-docker-8e048a480241)
 - [Kerberos.io on Docker](https://medium.com/@cedricverst/kerberos-io-on-docker-19b25fa7efd1)
 
-
 ### Prerequisites
 
 > Docker or Docker Desktop (Linux, OS or Windows)
@@ -189,13 +189,14 @@ Before getting into the details, you can [find a more detailed tutorial at this
 
 Before moving on, make sure you have registered on [Balena](https://www.balena.io).
 
-![Signup balena](../../public/images/opensource/kerberos-opensource-balena-signup.png)
+
+<img src="/images/opensource/kerberos-opensource-balena-signup.png" style="width: 100%"/>
 
 ### 2. Create a device and flash
 
 After you signed up, you can create an application for a specific IoT board (e.g. Raspberry Pi 3). Once created you will be able to download the balena OS image, which you can flash to your SD card using [Etcher](https://www.balena.io/etcher/).
 
-![Create device balena](../../public/images/opensource/kerberos-opensource-balena-create.png)
+<img src="/images/opensource/kerberos-opensource-balena-create.png" style="width: 100%"/>
 
 ### 3. Connect
 
@@ -268,4 +269,4 @@ Now we created our two files, we can publish the Kerberos container to balena (o
 
 Once finished you should see following message, and on the dashboard you should see your devices updating (Yes you can add multiple devices to an application). You're ready ;)
 
-![Push to balena](../../public/images/opensource/kerberos-opensource-balena-push.png)
+<img src="/images/opensource/kerberos-opensource-balena-push.png" style="width: 100%"/>