2 files changed, 46 insertions, 0 deletions
diff --git a/module/web/templates/mobile/base.html b/module/web/templates/mobile/base.html
new file mode 100644
index 000000000..95d824730
--- /dev/null
+++ b/module/web/templates/mobile/base.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>{% block title %}pyLoad {{ _("Webinterface") }}{% endblock %}</title>
+    <meta name="description" content="">
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="viewport" content="width=device-width">
+    <meta http-equiv="cleartype" content="on">
+
+    <link rel="shortcut icon" href="img/touch/apple-touch-icon.png">
+    <link href="static/css/font.css" rel="stylesheet" type="text/css"/>
+    {# TODO: Needs cleanup #}
+    <link rel="stylesheet" href="/static/css/mobile/style.css">
+
+    <script type="text/javascript" data-main="static/js/mobile" src="static/js/libs/require-2.0.6.js"></script>
+    {% block head %}
+    {% endblock %}
+</head>
+<body class="viewport">
+<div id="wrap">
+<header>
+    <div class="logo"></div>
+    <span class="title">pyLoad</span>
+</header>
+<div id="content">
+    <h2>Tech Demo</h2>
+    <h3>In Development</h3>
+</div>
+</div>
+<footer>
+    Tab Bar
+</footer>
+<script>
+    require(['mobile'], function (App) {
+        App.init();
+    });
+</script>
+</body>
+</html>
diff --git a/module/web/templates/mobile/login.html b/module/web/templates/mobile/login.html
new file mode 100644
index 000000000..5a1625f43
--- /dev/null
+++ b/module/web/templates/mobile/login.html
@@ -0,0 +1,5 @@
+{% extends 'mobile/base.html' %}
+{% block title %}{{_("Login")}} - {{super()}} {% endblock %}
+{% block content %}
+<h1>Test test sd</h1>
+{% endblock %}
+\ No newline at end of file