diff --git a/pyproject.toml b/pyproject.toml
index 8fe5294..4e29119 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -94,7 +94,7 @@ exclude = '''
 '''
 
 [tool.isort]
-src_paths = ["gtomachine", "test"]
+src_paths = ["src", "test"]
 skip_glob = [".git", "__pycache__", ".vscode", "*venv", "build", "dist", "old", "*.egg-info"]
 line_length = 88
 multi_line_output = 3
@@ -107,12 +107,11 @@ case_sensitive = true
 length_sort = false
 balanced_wrapping = true
 atomic = true
-known_gto = ["gtomachine", "gtodata", "gtotools"]
 import_heading_stdlib = "Standard Library"
 import_heading_thirdparty = "Pip"
-import_heading_gto = "GTO"
+import_heading_firstparty = "First Party"
 import_heading_localfolder = "Local"
-sections = ["FUTURE", "STDLIB", "THIRDPARTY", "GTO", "FIRSTPARTY", "LOCALFOLDER"]
+sections = ["FUTURE", "STDLIB", "THIRDPARTY", "FIRSTPARTY", "LOCALFOLDER"]
 
 [tool.pylint.messages_control]
 disable = "C0330, C0326"
diff --git a/src/anki_creator_flask/__init__.py b/src/anki_creator_flask/__init__.py
index 18f955f..7e8ed97 100644
--- a/src/anki_creator_flask/__init__.py
+++ b/src/anki_creator_flask/__init__.py
@@ -4,17 +4,19 @@ from pathlib import Path
 # Pip
 from flask import Flask
 
+# Local
 from .homescreen import homescreen
+from .mainapp import mainapp
 
 
 def create_app(test_config=None):
     # create and configure the app
     app = Flask(__name__, instance_relative_config=True)
-    
+
     # ensure the instance folder exists
     instance_path = Path(app.instance_path)
     instance_path.mkdir(parents=True, exist_ok=True)
-    
+
     # configs
     app.config.from_mapping(
         SECRET_KEY="dev",
@@ -28,7 +30,7 @@ def create_app(test_config=None):
         # load the test config if passed in
         app.config.from_mapping(test_config)
 
-    for blueprint in (homescreen,):
+    for blueprint in (homescreen, mainapp):
         app.register_blueprint(blueprint)
 
     return app
diff --git a/src/anki_creator_flask/homescreen.py b/src/anki_creator_flask/homescreen.py
index 1f74986..2ba4d8a 100644
--- a/src/anki_creator_flask/homescreen.py
+++ b/src/anki_creator_flask/homescreen.py
@@ -1,14 +1,16 @@
 # Pip
-from flask import Blueprint, abort, render_template
-from jinja2 import TemplateNotFound
+from flask import Blueprint, current_app, render_template, send_from_directory
 
 homescreen = Blueprint("homescreen", __name__, template_folder="templates")
 
 
-@homescreen.route("/", defaults={"page": "index"})
-@homescreen.route("/<page>")
-def show(page):
-    try:
-        return render_template(f"{page}.html")
-    except TemplateNotFound:
-        abort(404)
+@homescreen.route("/")
+def show():
+    return render_template(f"index.html")
+
+
+@homescreen.route("/favicon.ico")
+def favicon():
+    return send_from_directory(
+        current_app.static_folder, "favicon.ico", mimetype="image/vnd.microsoft.icon"
+    )
diff --git a/src/anki_creator_flask/mainapp.py b/src/anki_creator_flask/mainapp.py
new file mode 100644
index 0000000..b6878a8
--- /dev/null
+++ b/src/anki_creator_flask/mainapp.py
@@ -0,0 +1,25 @@
+# Pip
+from flask import Blueprint, render_template, request
+
+mainapp = Blueprint("mainapp", __name__, template_folder="templates", url_prefix="/app", static_folder="static")
+
+
+@mainapp.route("/", methods=["GET", "POST"])
+def show():
+    if request.method == "GET":
+        args = request.args.to_dict()
+        deck_type = args.get("deck_type", "")
+        language = args.get("language", "")
+        output_type = args.get("output_type", "")
+        if not deck_type or not language or not output_type:
+            state = "new"
+        else:
+            print()
+            print(deck_type, language, output_type)
+            print()
+            state = "complete"
+    elif request.method == "POST":  
+        state = "ready"
+        form = request.form.to_dict()
+
+    return render_template(f"app.html", data=locals())
diff --git a/src/anki_creator_flask/static/assets/js/app.js b/src/anki_creator_flask/static/assets/js/app.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/anki_creator_flask/static/favicon.ico b/src/anki_creator_flask/static/favicon.ico
new file mode 100644
index 0000000..52a3452
Binary files /dev/null and b/src/anki_creator_flask/static/favicon.ico differ
diff --git a/src/anki_creator_flask/static/favicon.ico.old b/src/anki_creator_flask/static/favicon.ico.old
new file mode 100644
index 0000000..fae865b
Binary files /dev/null and b/src/anki_creator_flask/static/favicon.ico.old differ
diff --git a/src/anki_creator_flask/templates/app.html b/src/anki_creator_flask/templates/app.html
index 00c5be1..f449c87 100644
--- a/src/anki_creator_flask/templates/app.html
+++ b/src/anki_creator_flask/templates/app.html
@@ -11,105 +11,120 @@
     <meta name="description" content="" />
     <meta name="keywords" content="" />
     <link rel="stylesheet" href="static/assets/css/main.css" />
+    <link
+      rel="shortcut icon"
+      href="{{ url_for('static', filename='favicon.ico') }}"
+    />
   </head>
 
   <body class="is-preload">
     <!-- Wrapper -->
     <div id="wrapper">
       <!-- Section -->
-      <section>
+      <section id="first" style="padding-top: 3em">
         <header>
-          <h2>Get in touch</h2>
+          <h2>Select the deck type</h2>
         </header>
-        <div class="content">
+
+        <div id="text_area" class="content">
           <p>
-            <strong>Auctor commodo</strong> interdum et malesuada fames ac ante
-            ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet
-            dolor mattis sagittis.
+            <strong>Paste here the word list</strong>
           </p>
-          <form>
+          <form id="taxt_form" method="POST">
             <div class="fields">
-              <div class="field half">
-                <input type="text" name="name" id="name" placeholder="Name" />
-              </div>
-              <div class="field half">
-                <input
-                  type="email"
-                  name="email"
-                  id="email"
-                  placeholder="Email"
-                />
-              </div>
               <div class="field">
-                <textarea
-                  name="message"
-                  id="message"
-                  placeholder="Message"
-                  rows="7"
-                ></textarea>
+                <textarea name="text" id="text" rows="15"></textarea>
               </div>
             </div>
             <ul class="actions">
               <li>
                 <input
+                  id="process"
                   type="submit"
-                  value="Send Message"
+                  value="Process"
                   class="button primary"
                 />
               </li>
             </ul>
           </form>
         </div>
+
         <footer>
-          <ul class="items">
-            <li>
-              <h3>Email</h3>
-              <a href="#">information@untitled.ext</a>
-            </li>
-            <li>
-              <h3>Phone</h3>
-              <a href="#">(000) 000-0000</a>
-            </li>
-            <li>
-              <h3>Address</h3>
-              <span>1234 Somewhere Road, Nashville, TN 00000</span>
-            </li>
-            <li>
-              <h3>Elsewhere</h3>
-              <ul class="icons">
-                <li>
-                  <a href="#" class="icon brands fa-twitter"
-                    ><span class="label">Twitter</span></a
-                  >
-                </li>
-                <li>
-                  <a href="#" class="icon brands fa-facebook-f"
-                    ><span class="label">Facebook</span></a
-                  >
-                </li>
-                <li>
-                  <a href="#" class="icon brands fa-instagram"
-                    ><span class="label">Instagram</span></a
-                  >
-                </li>
-                <li>
-                  <a href="#" class="icon brands fa-linkedin-in"
-                    ><span class="label">LinkedIn</span></a
-                  >
-                </li>
-                <li>
-                  <a href="#" class="icon brands fa-github"
-                    ><span class="label">GitHub</span></a
-                  >
-                </li>
-                <li>
-                  <a href="#" class="icon brands fa-codepen"
-                    ><span class="label">Codepen</span></a
-                  >
-                </li>
-              </ul>
-            </li>
-          </ul>
+          <form action="/app">
+            <ul class="items">
+              <li>
+                <h3>Deck Type</h3>
+                <div>
+                  <input
+                    type="radio"
+                    id="type1"
+                    name="deck_type"
+                    value="dictionary"
+                    checked
+                  />
+                  <label for="type1">Dictionary Deck</label>
+                </div>
+                <div>
+                  <input
+                    type="radio"
+                    id="type2"
+                    name="deck_type"
+                    value="phrases"
+                  />
+                  <label for="type2">Phrases List</label>
+                </div>
+                <div>
+                  <input
+                    type="radio"
+                    id="type3"
+                    name="deck_type"
+                    value="paragraph"
+                  />
+                  <label for="type3">Paragraph Dictation</label>
+                </div>
+              </li>
+              <li>
+                <h3>Language</h3>
+                <select id="language" name="language">
+                  <option value="en">English</option>
+                  <option value="es">Spanish</option>
+                  <option value="ru">Russian</option>
+                  <option value="fr">French</option>
+                </select>
+              </li>
+              <li>
+                <h3>Output</h3>
+                <div>
+                  <input
+                    type="radio"
+                    id="out1"
+                    name="output_type"
+                    value="anki"
+                    checked
+                  />
+                  <label for="out1">Anki Deck</label>
+                </div>
+                <div>
+                  <input
+                    type="radio"
+                    id="out2"
+                    name="output_type"
+                    value="quiz"
+                  />
+                  <label for="out2">Quizlet deck</label>
+                </div>
+              </li>
+              <li>
+                <input
+                  id="settings_button"
+                  type="submit"
+                  value="Lock-in Settings"
+                />
+                <br />
+                <a href="/app">Reset Settings</a>
+              </li>
+            </ul>
+          </form>
         </footer>
       </section>
 
@@ -127,5 +142,57 @@
     <script src="static/assets/js/breakpoints.min.js"></script>
     <script src="static/assets/js/util.js"></script>
     <script src="static/assets/js/main.js"></script>
+    <script src="static/assets/js/app.js"></script>
+    <script>
+      const serverData = {{ data | tojson }};
+      if (serverData.state === "new") {
+        $("#text_area").hide();
+        $("#text").prop('disabled', true);
+        $("#process").prop('disabled', true);
+      }
+      if (serverData.state === "complete") {
+        // Set values to inputs
+        if (serverData.deck_type === "dictionary") {
+          $('#type1').prop('checked', true);
+        }
+        if (serverData.deck_type === "phrases") {
+          $('#type2').prop('checked', true);
+        }
+        if (serverData.deck_type === "paragraph") {
+          $('#type3').prop('checked', true);
+        }
+        $('#language').val(serverData.language);
+        if (serverData.output_type === "anki") {
+          $('#out1').prop('checked', true);
+        }
+        if (serverData.output_type === "quiz") {
+          $('#out2').prop('checked', true);
+        }
+        // Disable inputs
+        $('#type1').prop('disabled', true);
+        $('#type2').prop('disabled', true);
+        $('#type3').prop('disabled', true);
+        $('#language').prop('disabled', true);
+        $('#out1').prop('disabled', true);
+        $('#out2').prop('disabled', true);
+        $("#settings_button").prop('disabled', true);
+      }
+
+      $('#taxt_form').addEventListener('submit', function(e) {
+        // Get current URL query parameters
+        const currentParams = new URLSearchParams(window.location.search);
+        // Loop through current parameters and append them to the form
+        currentParams.forEach((value, key) => {
+          // Check if the input already exists to prevent duplicates
+          if (!this.querySelector(`input[name="${key}"]`)) {
+            const hiddenInput = document.createElement('input');
+            hiddenInput.type = 'hidden';
+            hiddenInput.name = key;
+            hiddenInput.value = value;
+            this.appendChild(hiddenInput);
+            }
+        });
+      });
+    </script>
   </body>
 </html>
diff --git a/src/anki_creator_flask/templates/index.html b/src/anki_creator_flask/templates/index.html
index 74f13c4..db4e05f 100644
--- a/src/anki_creator_flask/templates/index.html
+++ b/src/anki_creator_flask/templates/index.html
@@ -11,6 +11,10 @@
     <meta name="description" content="" />
     <meta name="keywords" content="" />
     <link rel="stylesheet" href="static/assets/css/main.css" />
+    <link
+      rel="shortcut icon"
+      href="{{ url_for('static', filename='favicon.ico') }}"
+    />
   </head>
   <body class="is-preload">
     <!-- Wrapper -->