diff --git a/public/index.html b/public/index.html
index 52f17c5..5dab083 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
 	<meta charset='utf-8'>
-    <meta http-equiv="Content-Security-Policy" content="default-src 'self'">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src https://*;">
 	<meta name='viewport' content='width=device-width,initial-scale=1'>
 
 	<title>app</title>
diff --git a/src/appmanager/applications/duckduckgo.js b/src/appmanager/applications/duckduckgo.js
deleted file mode 100644
index e0bda9f..0000000
--- a/src/appmanager/applications/duckduckgo.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { spawnBrowser } from "../appruntime";
-
-const app = {
-    name: "duckduckgo",
-    component: null,
-    async open() {
-        await spawnBrowser("https://duckduckgo.com/");
-    }
-};
-
-export default app;
\ No newline at end of file
diff --git a/src/appmanager/appruntime.js b/src/appmanager/appruntime.js
deleted file mode 100644
index 8b36a7e..0000000
--- a/src/appmanager/appruntime.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import env from '../env';
-
-const { spawn } = require('child_process');
-
-export function spawnBrowser(url, params=[]) {
-    return new Promise((resolve, reject) => {
-        const browserProcess = spawn(env.browserLaunch.browserBinary, [...env.browserLaunch.params, ...params, url]);
-
-        browserProcess.on("spawn", () => resolve(browserProcess));
-        browserProcess.on("error", e => reject(e));
-    });
-}
\ No newline at end of file
diff --git a/src/appmanager/apputils.js b/src/appmanager/apputils.js
new file mode 100644
index 0000000..7c8d598
--- /dev/null
+++ b/src/appmanager/apputils.js
@@ -0,0 +1,5 @@
+import env from '../env';
+
+export function spawnBrowser(url, params=[]) {
+    window._$waffletvapi.spawnAndSuspendRendering(env.browserLaunch.browserBinary, [...env.browserLaunch.params, ...params, url]);
+};
diff --git a/src/appmanager/provider.js b/src/appmanager/provider.js
index 2a6a44f..b3e65b5 100644
--- a/src/appmanager/provider.js
+++ b/src/appmanager/provider.js
@@ -1,8 +1,23 @@
-import duckduckgo from "./applications/duckduckgo";
+
+/*
+    Example of an app tile definition:
+
+    const myApp = {
+        name: "App",
+        style: {
+            backgroundImageExt: `url("http://example.com/my-app-logo.svg")`,
+            backgroundColor: "#ffffff"
+        },
+        component: null,
+        async open() {
+            await spawnBrowser("https://example.com");
+        }
+    };
+*/
 
 const provider = {
     repository: [
-        duckduckgo
+        /* app tile repository to be filled by user */
     ]
 };
 
diff --git a/src/components/AppTile.svelte b/src/components/AppTile.svelte
index da02834..8baed44 100644
--- a/src/components/AppTile.svelte
+++ b/src/components/AppTile.svelte
@@ -6,18 +6,29 @@
     };
 </script>
 
-<button on:click={ open } class="app-tile">
-    { app.name }
+<button
+    on:click={ open }
+    class="app-tile"
+    style="--current-tile-bg-color: { app.style.backgroundColor || '#000000' }; --current-tile-bg-image: { app.style.backgroundImageExt || 'unset' }"
+>
+    { app.style.backgroundImageExt ? "" : app.name }
 </button>
 
 <style>
     .app-tile {
-        padding: 0.5rem;
+        padding: 2.5rem;
         margin: 2rem;
-        background-color: var(--fuzzy-wuzzy);
+        background-color: var(--current-tile-bg-color);
+        background-image: var(--current-tile-bg-image);
+        background-repeat: no-repeat;
+        background-position-y: center;
+        background-position-x: center;
+        background-origin: content-box;
+        background-size: contain;
         border-radius: 2rem;
-        min-width: 5rem;
-        min-height: 5rem;
+        min-width: 300px;
+        min-height: 100px;
+        max-height: 200px;
         border: none;
         font-size: 2.7em;
         user-select: none;
@@ -27,7 +38,6 @@
     }
 
     .app-tile:hover {
-        background-color: var(--old-rose);
         transform: scale(1.087);
     }
 
diff --git a/src/components/AppTileGrid.svelte b/src/components/AppTileGrid.svelte
index ace6ab1..fcf87ef 100644
--- a/src/components/AppTileGrid.svelte
+++ b/src/components/AppTileGrid.svelte
@@ -9,6 +9,16 @@
     {#each applicationRepository as app}
         <AppTile app={app} />
     {/each}
+    {#if applicationRepository.length < 1}
+        <div class="no-apps-heads-up">
+            <h1>
+                Nothing to see here!
+            </h1>
+            <p>
+                You must first specify which apps tiles to have on the home screen by editing `appmanager/provider.js`. This will be easier in the future.
+            </p>
+        </div>
+    {/if}
 </div>
 
 <style>
@@ -18,11 +28,9 @@
         grid-template-rows: 1fr 1fr 1fr;
         gap: 0px 0px;
         grid-auto-flow: row dense;
-
         overflow-y: auto;
-
-        width: clamp(10%, 1000px, 90%);
-        height: 100%;
+        width: clamp(10%, 90%, 100%);
+        min-height: 100%;
         margin: auto;
         margin-top: 5%;
         padding: 2.5em;
diff --git a/src/env.js b/src/env.js
index f12e64a..c29e79f 100644
--- a/src/env.js
+++ b/src/env.js
@@ -1,7 +1,7 @@
 const env = {
     browserLaunch: {
-        browserBinary: "chromium",
-        params: ["-kiosk"]
+        browserBinary: "firefox",
+        params: []
     }
 };
 
diff --git a/src/index.js b/src/index.js
index c495310..a446706 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,20 +1,32 @@
-const { app, BrowserWindow } = require('electron');
-const { session } = require('electron')
+const { app, BrowserWindow, ipcMain } = require('electron');
+const { spawn } = require('child_process');
 const path = require('path');
 
+let mainWindow;
+
 const createWindow = () => {
-    const mainWindow = new BrowserWindow({
+    mainWindow = new BrowserWindow({
         width: 800,
         height: 600,
         webPreferences: {
             nodeIntegration: true,
-            contextIsolation: false,
-        }
+            preload: path.join(__dirname, 'preload.js'),
+        },
     });
 
     mainWindow.setMenuBarVisibility(false);
     mainWindow.loadFile(path.join(__dirname, '../public/index.html'));
-    mainWindow.webContents.openDevTools();
 };
 
+ipcMain.on("spawnAndSuspendRendering", (event, process, args) => {
+    const proc = spawn(process, args);
+
+    mainWindow.destroy();
+
+    proc.on("close", () => {
+        createWindow();
+    });
+});
+
+app.on("window-all-closed", () => {});
 app.on('ready', createWindow);
diff --git a/src/preload.js b/src/preload.js
new file mode 100644
index 0000000..6577d3d
--- /dev/null
+++ b/src/preload.js
@@ -0,0 +1,10 @@
+const { contextBridge, ipcRenderer } = require("electron");
+
+contextBridge.exposeInMainWorld(
+    "_$waffletvapi",
+    {
+        spawnAndSuspendRendering(process, args) {
+            ipcRenderer.send("spawnAndSuspendRendering", process, args);
+        }
+    }
+);
