Basic structute built

templates/base.html

@@ -0,0 +1,23 @@
+{%- extends "bootstrap/base.html"  %}
+{% import "bootstrap/fixes.html" as fixes %}
+
+{% block title %}
+    yt-dls
+{% endblock %}
+
+{% block head %}
+    {{ super() }}
+    {{ fixes.ie8() }}
+{% endblock %}
+
+{% block styles %}
+    {{ super() }}
+    {# Commented out cause don't exist
+        <link rel="stylesheet" type="text/css"
+          href="{{url_for('static', filename='example.css')}}">
+    #}
+{% endblock %}
+
+{% block navbar %}
+    {{ nav.frontend_top.render() }}
+{% endblock %}

templates/downloader.html

@@ -0,0 +1,17 @@
+{%- extends "base.html" %}
+
+{% import "bootstrap/utils.html" as utils %}
+
+{% block content %}
+    <div class="container">
+        {%- with messages = get_flashed_messages(with_categories=True)  %}
+            {%- if messages %}
+                <div class="row">
+                    <div class="col-md-12">
+                        {{utils.flashed_messages(messages)}}
+                    </div>
+                </div>
+            {%- endif  %}
+        {%- endwith  %}
+    </div>
+{%- endblock %}

templates/index.html

@@ -0,0 +1,21 @@
+{%- extends "base.html" %}
+
+{% import "bootstrap/utils.html" as utils %}
+
+{% block content %}
+    <div class="container">
+
+        {%- with messages = get_flashed_messages(with_categories=True)  %}
+            {%- if messages %}
+                <div class="row">
+                    <div class="col-md-12">
+                        {{utils.flashed_messages(messages)}}
+                    </div>
+                </div>
+            {%- endif  %}
+        {%- endwith  %}
+
+        <a href="http://pythonhosted.org/Flask-Bootstrap">Documentation</a>. </p>
+
+    </div>
+{%- endblock %}

templates/library.html

@@ -0,0 +1,17 @@
+{%- extends "base.html" %}
+
+{% import "bootstrap/utils.html" as utils %}
+
+{% block content %}
+    <div class="container">
+        {%- with messages = get_flashed_messages(with_categories=True)  %}
+            {%- if messages %}
+                <div class="row">
+                    <div class="col-md-12">
+                        {{utils.flashed_messages(messages)}}
+                    </div>
+                </div>
+            {%- endif  %}
+        {%- endwith  %}
+    </div>
+{%- endblock %}

templates/updater.html

@@ -0,0 +1,17 @@
+{%- extends "base.html" %}
+
+{% import "bootstrap/utils.html" as utils %}
+
+{% block content %}
+    <div class="container">
+        {%- with messages = get_flashed_messages(with_categories=True)  %}
+            {%- if messages %}
+                <div class="row">
+                    <div class="col-md-12">
+                        {{utils.flashed_messages(messages)}}
+                    </div>
+                </div>
+            {%- endif  %}
+        {%- endwith  %}
+    </div>
+{%- endblock %}