4 files changed, 79 insertions, 2 deletions
diff --git a/qc_app/entry.py b/qc_app/entry.py
index 4963246..951b201 100644
--- a/qc_app/entry.py
+++ b/qc_app/entry.py
@@ -1,9 +1,9 @@
 """Entry-point module"""
-from flask import Blueprint
+from flask import Blueprint, render_template
 
 entrybp = Blueprint("entry", __name__)
 
 @entrybp.route("/", methods=["GET", "POST"])
 def upload_file():
     """Enables uploading the files"""
-    return "STUB: We upload the files here"
+    return render_template("index.html")
diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css
new file mode 100644
index 0000000..4d569d8
--- /dev/null
+++ b/qc_app/static/css/styles.css
@@ -0,0 +1,31 @@
+label, legend {
+    text-transform: capitalize;
+}
+
+.heading {
+    color: #FEFEFE;
+    background-color: #336699;
+    text-transform: capitalize;
+    border-radius: 5px;
+    padding-left: 0.5em;
+}
+
+fieldset {
+    border-radius: 5px;
+}
+
+.btn {
+    text-align: center;
+    border-radius: 5px;
+    display: inline-block;
+    vertical-align: middle;
+    text-transform: capitalize;
+    padding: 0.45em 0.3em 0.45em 0.3em;
+}
+
+.btn-main {
+    color: #FEFEFE;
+    border-color: #357ebd;
+    background-color: #336699;
+    font-weight: bold;
+}
diff --git a/qc_app/templates/base.html b/qc_app/templates/base.html
new file mode 100644
index 0000000..67ba6b5
--- /dev/null
+++ b/qc_app/templates/base.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta application-name="GeneNetwork Quality-Control Application" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <title>QC: {%block title%}{%endblock%}</title>
+
+    <link rel="stylesheet" type="text/css" href="/static/css/styles.css" />
+    {%block css%}{%endblock%}
+  </head>
+
+  <body>
+    {%block contents%}{%endblock%}
+
+    {%block javascript%}{%endblock%}
+  </body>
+</html>
diff --git a/qc_app/templates/index.html b/qc_app/templates/index.html
new file mode 100644
index 0000000..ec45605
--- /dev/null
+++ b/qc_app/templates/index.html
@@ -0,0 +1,27 @@
+{%extends "base.html"%}
+
+{%block title%}Upload File{%endblock%}
+
+{%block contents%}
+<h1 class="heading">upload file</h1>
+
+<form action="#" method="POST" enctype="multipart/form-data">
+  <fieldset>
+    <legend>file type</legend>
+
+    <input type="radio" name="filetype" value="average" id="filetype_average"
+	   required="required" />
+    <label for="filetype_average">average</label>
+
+    <input type="radio" name="filetype" value="standard_error"
+	   id="filetype_standard_error" required="required" />
+    <label for="filetype_standard_error">standard error</label>
+  </fieldset>
+
+  <label for="file_upload">select file</label>
+  <input type="file" name="qc_text_file" id="file_upload"
+	 accept="text/tab-separated-values" />
+
+  <input type="submit" value="upload file" class="btn btn-main" />
+</form>
+{%endblock%}