Images are functional! (relative path)

This commit is contained in:
FluffyCube9343 2022-10-15 15:08:53 -04:00
parent def4a9eea5
commit a372b0fd9b
7 changed files with 56 additions and 15 deletions

View File

Before

Width:  |  Height:  |  Size: 297 B

After

Width:  |  Height:  |  Size: 297 B

View File

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

Before

Width:  |  Height:  |  Size: 124 KiB

After

Width:  |  Height:  |  Size: 124 KiB

View File

@ -75,7 +75,6 @@
height: 7vh;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}

View File

@ -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>