Images are functional! (relative path)
Before Width: | Height: | Size: 297 B After Width: | Height: | Size: 297 B |
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 6.1 KiB |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 124 KiB After Width: | Height: | Size: 124 KiB |
|
@ -75,7 +75,6 @@
|
|||
height: 7vh;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|