You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.7 KiB
HTML
80 lines
1.7 KiB
HTML
2 years ago
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="utf-8" />
|
||
|
<title>Workbook - Instruments</title>
|
||
|
|
||
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/global.css') }}" />
|
||
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/workbook.css') }}" />
|
||
|
</head>
|
||
|
<body>
|
||
|
<header>
|
||
|
<a href="{{url_for('workbook')}}" class="parent">Workbook</a>
|
||
|
<span class="path-slash"> / </span>
|
||
|
<h2 class="title">Instruments</h2>
|
||
|
<div class="search">
|
||
|
<svg
|
||
|
class="icon"
|
||
|
width="31"
|
||
|
height="33"
|
||
|
viewBox="0 0 31 33"
|
||
|
fill="none"
|
||
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
>
|
||
|
<line
|
||
|
x1="20.0607"
|
||
|
y1="22.9393"
|
||
|
x2="29.0607"
|
||
|
y2="31.9393"
|
||
|
stroke="currentColor"
|
||
|
stroke-width="3"
|
||
|
/>
|
||
|
<circle cx="13" cy="13" r="11.5" stroke="currentColor" stroke-width="3" />
|
||
|
</svg>
|
||
|
<input type="text" name="search" id="search" />
|
||
|
</div>
|
||
|
</header>
|
||
|
|
||
|
<main>
|
||
|
<ul class="instruments list">
|
||
|
<li class="card">
|
||
|
<a href="{{url_for('add_instrument')}}">
|
||
|
<svg
|
||
|
width="48"
|
||
|
height="48"
|
||
|
viewBox="0 0 48 48"
|
||
|
fill="none"
|
||
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
>
|
||
|
<line
|
||
|
x1="25"
|
||
|
y1="4.37114e-08"
|
||
|
x2="25"
|
||
|
y2="48"
|
||
|
stroke="currentColor"
|
||
|
stroke-width="3"
|
||
|
/>
|
||
|
<line
|
||
|
x1="48"
|
||
|
y1="25"
|
||
|
x2="-8.74228e-08"
|
||
|
y2="25"
|
||
|
stroke="currentColor"
|
||
|
stroke-width="3"
|
||
|
/>
|
||
|
</svg>
|
||
|
</a>
|
||
|
</li>
|
||
|
|
||
|
{% for instrument in instruments %}
|
||
|
<li class="card">
|
||
|
<a href="{{url_for('patches', instrument=instrument['slug'])}}"
|
||
|
>{{instrument['name']}}</a
|
||
|
>
|
||
|
</li>
|
||
|
{% endfor %}
|
||
|
</ul>
|
||
|
</main>
|
||
|
</body>
|
||
|
</html>
|