From a372b0fd9bb9de5bca41e3f1de9d4fcccf0da140 Mon Sep 17 00:00:00 2001
From: FluffyCube9343 <learningninja007@gmail.com>
Date: Sat, 15 Oct 2022 15:08:53 -0400
Subject: [PATCH] Images are functional! (relative path)

---
 {images => static/images}/Rectangle 27.png | Bin
 {images => static/images}/bat-img.png      | Bin
 {images => static/images}/drop-img.png     | Bin
 {images => static/images}/img-knee.png     | Bin
 {images => static/images}/robot.png        | Bin
 static/src/main.css                        |   1 -
 templates/base.html                        |  70 ++++++++++++++++-----
 7 files changed, 56 insertions(+), 15 deletions(-)
 rename {images => static/images}/Rectangle 27.png (100%)
 rename {images => static/images}/bat-img.png (100%)
 rename {images => static/images}/drop-img.png (100%)
 rename {images => static/images}/img-knee.png (100%)
 rename {images => static/images}/robot.png (100%)
diff --git a/images/Rectangle 27.png b/static/images/Rectangle 27.png
similarity index 100%
rename from images/Rectangle 27.png
rename to static/images/Rectangle 27.png
diff --git a/images/bat-img.png b/static/images/bat-img.png
similarity index 100%
rename from images/bat-img.png
rename to static/images/bat-img.png
diff --git a/images/drop-img.png b/static/images/drop-img.png
similarity index 100%
rename from images/drop-img.png
rename to static/images/drop-img.png
diff --git a/images/img-knee.png b/static/images/img-knee.png
similarity index 100%
rename from images/img-knee.png
rename to static/images/img-knee.png
diff --git a/images/robot.png b/static/images/robot.png
similarity index 100%
rename from images/robot.png
rename to static/images/robot.png
diff --git a/static/src/main.css b/static/src/main.css
index fe0a52e..90c4df8 100644
--- a/static/src/main.css
+++ b/static/src/main.css
@@ -75,7 +75,6 @@
     height: 7vh;
     display: flex;
     flex-direction: row;
-
     justify-content: space-around;
     align-items: center;
 }
diff --git a/templates/base.html b/templates/base.html
index bf2ce36..24b2fd9 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,12 +14,18 @@
     <body>
         <div class="main-container">
             <div class="main-element e1">
-                <img src="robot.png" class="robotimg" />
+                <img
+                    src="{{url_for('static', filename='images/robot.png')}}"
+                    class="robotimg"
+                />
             </div>
             <div class="main-element e2">
                 <div class="dropdowns">
                     <div class="dropdown d1">
-                        <img src="img-knee.png" class="img-part" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="img-part"
+                        />
                         <p class="measure">360</p>
                         <label for="fname">Input</label>
 
@@ -41,7 +47,10 @@
                     </div>
 
                     <div class="dropdown d2">
-                        <img src="img-knee.png" class="img-part" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="img-part"
+                        />
                         <p class="measure">360</p>
                         <label for="fname">Input</label>
 
@@ -63,7 +72,10 @@
                     </div>
 
                     <div class="dropdown d3">
-                        <img src="img-knee.png" class="img-part" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="img-part"
+                        />
                         <p class="measure">360</p>
                         <label for="fname">Input</label>
 
@@ -114,70 +126,100 @@
                         <p class="pos-angle-num">1</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">2</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">3</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">4</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">5</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">6</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">7</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">8</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">9</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                     <div class="pos-num">
                         <p class="pos-angle-num">10</p>
                     </div>
                     <div class="pos-angle">
-                        <img src="img-knee.png" class="pos-img" />
+                        <img
+                            src="{{url_for('static', filename='images/img-knee.png')}}"
+                            class="pos-img"
+                        />
                         <p class="pos-angle-num">57</p>
                     </div>
                 </div>
