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.

54 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Bastl Kastle v1.5: Patch</title>
<link rel="stylesheet" href="assets/css/global.css">
<link rel="stylesheet" href="assets/css/patch.css">
<script type="text/javascript" src="js/main.js" defer></script>
</head>
<body>
<header>
<a href="index.html" class="parent">Home</a>
<span class="path-slash">
/
</span>
<a href="workbook.html">Workbook</a>
<span class="path-slash">
/
</span>
<a href="patches.html">Bastl Kastle v1.5</a>
<span class="path-slash">
/
</span>
<h2 class="title">Patch title</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>
<div>
<img class="instrument" src="assets/images/kastle-v1.5.svg" alt="Patch 1">
<ul class="samples">
<li>
<span>01</span>
<p class="description">Descriptiondd</p>
<button class="play">
play<!-- <svg width="24" height="27" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 13.5L0.749999 26.9234L0.75 0.0766048L24 13.5Z" fill="currentColor"/>
</svg> -->
</button>
<button class="download">
download<!-- <svg width="24" height="30" viewBox="0 0 24 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9393 29.5607C11.5251 30.1464 12.4749 30.1464 13.0607 29.5607L22.6066 20.0147C23.1924 19.4289 23.1924 18.4792 22.6066 17.8934C22.0208 17.3076 21.0711 17.3076 20.4853 17.8934L12 26.3787L3.51472 17.8934C2.92893 17.3076 1.97918 17.3076 1.3934 17.8934C0.807611 18.4792 0.807611 19.4289 1.3934 20.0147L10.9393 29.5607ZM10.5 0.5L10.5 28.5L13.5 28.5L13.5 0.5L10.5 0.5Z" fill="currentColor"/>
</svg> -->
</button>
</li>
</ul>
</div>