diff --git a/app.py b/app.py
index daa19a7..8c216e7 100644
--- a/app.py
+++ b/app.py
@@ -16,7 +16,7 @@ css.build()
def homepage():
return render_template("index.html")
-@app.route("/base.html", methods =["GET", "POST"])
+@app.route("/sendData", methods =["GET", "POST"])
def sendData():
rot = request.form.get("rot")
diff --git a/templates/base.html b/templates/base.html
index 8ba15e3..9c8866e 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -22,97 +22,8 @@
</div>
<div class="main-element e2">
<div class="dropdowns">
- <div class="dropdown d1">
- <img
- src="{{url_for('static', filename='images/img-knee.png')}}"
- class="img-part"
- />
- <p class="measure load1" id="load1">{{ load1 }}</p>
-
- <form
- action='{{ url_for("sendData")}}'
- class="enter-angle"
- method="POST"
- >
- <label for="rot">Input</label>
- <input
- class="inputbox"
- type="text"
- id="rot"
- name="rot"
- />
- <input type="submit" value="Enter" />
- </form>
-
- <p class="units">Deg</p>
- <select name="input" id="unit">
- <option value="Position">Position</option>
- <option value="Percent">Percent</option>
- <option value="Velocity">Velocity</option>
- <option value="Voltage">Voltage</option>
- <option value="Force">Force</option>
- </select>
- </div>
-
- <div class="dropdown d2">
- <img
- src="{{url_for('static', filename='images/img-knee.png')}}"
- class="img-part"
- />
- <p class="measure load2" id="load2">{{ load2 }}</p>
- <form
- action='{{ url_for("sendData")}}'
- class="enter-angle"
- method="POST"
- >
- <label for="rot">Input</label>
- <input
- class="inputbox"
- type="text"
- id="rot"
- name="rot"
- />
- <input type="submit" value="Enter" />
- </form>
- <p class="units">Deg</p>
- <select name="input" id="unit">
- <option value="Position">Position</option>
- <option value="Percent">Percent</option>
- <option value="Velocity">Velocity</option>
- <option value="Voltage">Voltage</option>
- <option value="Force">Force</option>
- </select>
- </div>
-
- <div class="dropdown d3">
- <img
- src="{{url_for('static', filename='images/img-knee.png')}}"
- class="img-part"
- />
- <p class="measure load3" id="load3">{{ load3 }}</p>
- <form
- action='{{ url_for("sendData")}}'
- class="enter-angle"
- method="POST"
- >
- <label for="rot">Input</label>
- <input
- class="inputbox"
- type="text"
- id="rot"
- name="rot"
- />
- <input type="submit" value="Enter" />
- </form>
- <p class="units">Deg</p>
- <select name="input" id="unit">
- <option value="Position">Position</option>
- <option value="Percent">Percent</option>
- <option value="Velocity">Velocity</option>
- <option value="Voltage">Voltage</option>
- <option value="Force">Force</option>
- </select>
- </div>
+ {% include "drop1.html" %} {% include "drop2.html" %} {%
+ include "drop3.html" %}
</div>
<div class="panel2-btns">
diff --git a/templates/drop1.html b/templates/drop1.html
new file mode 100644
index 0000000..69ece47
--- /dev/null
+++ b/templates/drop1.html
@@ -0,0 +1,22 @@
+<div class="dropdown d1">
+ <img
+ src="{{url_for('static', filename='images/img-knee.png')}}"
+ class="img-part"
+ />
+ <p class="measure load1" id="load1">{{ load1 }}</p>
+
+ <form action='{{ url_for("sendData")}}' class="enter-angle" method="POST">
+ <label for="rot">Input</label>
+ <input class="inputbox" type="text" id="rot" name="rot" />
+ <input type="submit" value="Enter" />
+ </form>
+
+ <p class="units">Deg</p>
+ <select name="input" id="unit">
+ <option value="Position">Position</option>
+ <option value="Percent">Percent</option>
+ <option value="Velocity">Velocity</option>
+ <option value="Voltage">Voltage</option>
+ <option value="Force">Force</option>
+ </select>
+</div>
diff --git a/templates/drop2.html b/templates/drop2.html
new file mode 100644
index 0000000..a04cf80
--- /dev/null
+++ b/templates/drop2.html
@@ -0,0 +1,20 @@
+<div class="dropdown d2">
+ <img
+ src="{{url_for('static', filename='images/img-knee.png')}}"
+ class="img-part"
+ />
+ <p class="measure load2" id="load2">{{ load2 }}</p>
+ <form action='{{ url_for("sendData")}}' class="enter-angle" method="POST">
+ <label for="rot">Input</label>
+ <input class="inputbox" type="text" id="rot" name="rot" />
+ <input type="submit" value="Enter" />
+ </form>
+ <p class="units">Deg</p>
+ <select name="input" id="unit">
+ <option value="Position">Position</option>
+ <option value="Percent">Percent</option>
+ <option value="Velocity">Velocity</option>
+ <option value="Voltage">Voltage</option>
+ <option value="Force">Force</option>
+ </select>
+</div>
diff --git a/templates/drop3.html b/templates/drop3.html
new file mode 100644
index 0000000..7b6ebcb
--- /dev/null
+++ b/templates/drop3.html
@@ -0,0 +1,20 @@
+<div class="dropdown d3">
+ <img
+ src="{{url_for('static', filename='images/img-knee.png')}}"
+ class="img-part"
+ />
+ <p class="measure load3" id="load3">{{ load3 }}</p>
+ <form action='{{ url_for("sendData")}}' class="enter-angle" method="POST">
+ <label for="rot">Input</label>
+ <input class="inputbox" type="text" id="rot" name="rot" />
+ <input type="submit" value="Enter" />
+ </form>
+ <p class="units">Deg</p>
+ <select name="input" id="unit">
+ <option value="Position">Position</option>
+ <option value="Percent">Percent</option>
+ <option value="Velocity">Velocity</option>
+ <option value="Voltage">Voltage</option>
+ <option value="Force">Force</option>
+ </select>
+</div>