first commit
parent
0b2d083b6a
commit
8727902dd9
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook - about</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<!-- <a class="active" href="#home">Home</a> -->
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./index.html">Home</a>
|
||||
</div>
|
||||
<h1>About</h1>
|
||||
<h2>Things you can do with this workbook:</h2>
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,110 @@
|
||||
.topnav {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.topnav a {
|
||||
float: right;
|
||||
color: black;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
border: 1px solid black;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.topnav a:hover {
|
||||
background-color: grey;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.topnav ul{
|
||||
padding: 2;
|
||||
margin: 2;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.topnav ul li{
|
||||
display: inlne-block;
|
||||
background-color: grey;
|
||||
}
|
||||
|
||||
body{
|
||||
font:20px/1.1em arial, sans-serif;
|
||||
background:white;
|
||||
}
|
||||
.center {
|
||||
max-inline-size: 100%;
|
||||
block-size: auto;
|
||||
height: auto;
|
||||
padding: 5px 50px 50px;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid;
|
||||
text-align: center;
|
||||
table-layout: auto;
|
||||
}
|
||||
.img-patch {
|
||||
max-inline-size: 100%;
|
||||
block-size: auto;
|
||||
height: auto;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size: 30px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 20px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.search-container {
|
||||
font-size: 20px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
ul{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 2px;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
background-color: white;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
li a{
|
||||
color: black;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
border: 1px solid black;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
li:hover {
|
||||
background-color: grey;
|
||||
}
|
||||
|
||||
form button{
|
||||
border: 1px solid black;
|
||||
padding: 2px;
|
||||
font: 20px;
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./about.html">About</a>
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn">Instruments
|
||||
<i class="instruments-down"></i>
|
||||
</button>
|
||||
<div class="dropdown-content">
|
||||
<a href="./instruments-add.html">Add</a>
|
||||
<a href="./instruments-view.html">View</a>
|
||||
<a href="./instruments-search.html">Search</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook - instruments - add</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./about.html">About</a>
|
||||
</div>
|
||||
<h1><a href="./instruments.html">Instruments</a> / Add</h1>
|
||||
<ul>
|
||||
<li><a href="./index.html">Upload SVG</a></li>
|
||||
<li><a href="./index.html">Params</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
|
||||
@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Kastle v1.5</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/instruments.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./about.html">About</a>
|
||||
</div>
|
||||
<h1><a href="./instruments.html">Instruments</a> / BASTL Kastle v1.5</h1>
|
||||
<img src="kastle-outline.svg" class="center">
|
||||
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<th>Date</th>
|
||||
<th>Title</th>
|
||||
<th>Description</th>
|
||||
<th>Patch</th>
|
||||
<th>Audio</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>26/03/22</td>
|
||||
<td>Het Park</td>
|
||||
<td>minimal but memorable</td>
|
||||
<th><img src="kastle-outline.svg" class="img-patch"></th>
|
||||
<td>01 02</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>01/04/22</td>
|
||||
<td>Mariniersweg</td>
|
||||
<td>a jam</td>
|
||||
<th><img src="kastle-outline.svg" class="img-patch"></th>
|
||||
<td>01</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook - instruments - search</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./about.html">About</a>
|
||||
</div>
|
||||
<h1><a href="./instruments.html">Instruments</a> / Search</h1>
|
||||
<ul>
|
||||
<li><a href="./instruments-add.html">Add</a></li>
|
||||
<li><a href="./instruments-view.html">View</a></li>
|
||||
</ul>
|
||||
<div class="search-container">
|
||||
<form id="form">
|
||||
<input type="search" id="query" name="q"
|
||||
placeholder="Enter instrument name or category">
|
||||
<button>Search</button>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
|
||||
|
||||
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook - instruments</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./about.html">About</a>
|
||||
</div>
|
||||
<h1><a href="./instruments.html">Instruments</a> / View</h1>
|
||||
<h2>Select an instrument:</h2>
|
||||
<div class="list">
|
||||
<form action="/action_page.php">
|
||||
<!-- <label for="instruments">Choose an instrument:</label> -->
|
||||
<select name="instrument" id="instrument">
|
||||
<optgroup label="Semi-Modular">
|
||||
<option value="BASTL Kastle v1.5">BASTL Kastle v1.5</option>
|
||||
<option value="BASTL Kastle Drum">BASTL Kastle Drum</option>
|
||||
</opt group>
|
||||
<optgroup label="Sampler">
|
||||
<option value="BASTL microGranny 2">BASTL microGranny 2</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
<input type="submit" value="Submit">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<h2>Or filter by:</h2>
|
||||
<h2>Name</h2>
|
||||
<ul>
|
||||
<li><a href="./instruments-bastl-kastle-v1.5.html">BASTL Kastle v1.5</a></li>
|
||||
<li><a href="./index.html">BASTL Kastle Drum</a></li>
|
||||
<li><a href="./index.html">BASTL microGranny 2</a></li>
|
||||
<li><a href="./index.html">Landscape Soundwich</a></li>
|
||||
<li><a href="./index.html">Piezo</a></li>
|
||||
<li><a href="./index.html">Buzzer</a></li>
|
||||
<li><a href="./index.html">After Effects</a></li>
|
||||
<li><a href="./index.html">Velleman Signal Generator</a></li>
|
||||
</ul>
|
||||
<h2>Category</h2>
|
||||
<ul>
|
||||
<li><a href="./instruments-bastl-kastle-v1.5.html">Semi-modular synthesizer</a></li>
|
||||
<li><a href="./index.html">Sampler</a></li>
|
||||
<li><a href="./index.html">DIY electronics/physical computing</a></li>
|
||||
<li><a href="./index.html">Software</a></li>
|
||||
</ul>
|
||||
|
||||
<h2>Brand</h2>
|
||||
<ul>
|
||||
<li><a href="./instruments-bastl-kastle-v1.5.html">BASTL</a></li>
|
||||
<li><a href="./index.html">Landscape</a></li>
|
||||
<li><a href="./index.html">Velleman</a></li>
|
||||
<li><a href="./index.html">DIY</a></li>
|
||||
<li><a href="./index.html">Adobe</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook - instruments</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<!-- <a class="active" href="#instruments">Instruments</a> -->
|
||||
<a href="./index.html">Home</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="/.about.html">About</a>
|
||||
</div>
|
||||
<h1>Instruments</h1>
|
||||
|
||||
<ul>
|
||||
<li><a href="./instruments-add.html">Add</a></li>
|
||||
<li><a href="./instruments-view.html">View</a></li>
|
||||
<li><a href="./instruments-search.html">Search</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.9 KiB |
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook - sessions - add</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./about.html">About</a>
|
||||
</div>
|
||||
<h1><a href="./sessions.html">Sessions</a> / Add</h1>
|
||||
<div class="date">
|
||||
<input type="date" id="date" name="date">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook - sessions - search</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./about.html">About</a>
|
||||
</div>
|
||||
<h1><a href="./sessions.html">Sessions</a> / Search</h1>
|
||||
<ul>
|
||||
<li><a href="./sessions-add.html">Add</a></li>
|
||||
<li><a href="./sessions.html">View</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="search-container">
|
||||
<form id="form">
|
||||
<input type="search" id="query" name="q"
|
||||
placeholder="Look up session">
|
||||
<button>Search</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="date">
|
||||
<input type="date" id="date" name="date">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook - sessions - view</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./about.html">About</a>
|
||||
</div>
|
||||
<h1><a href="./sessions.html">Sessions</a> / View</h1>
|
||||
<ul>
|
||||
<li><a href="./sessions-add.html">Add</a></li>
|
||||
<li><a href="./sessions-search.html">Search</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="search-container">
|
||||
<form id="form">
|
||||
<input type="search" id="query" name="q"
|
||||
placeholder="Look up session">
|
||||
<button>Search</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="date">
|
||||
<input type="date" id="date" name="date">
|
||||
</div>
|
||||
|
||||
<h2>Sort by:</h2>
|
||||
<h2>Place</h2>
|
||||
<ul>
|
||||
<li><a href="./index.html">Het Park</a></li>
|
||||
<li><a href="./index.html">Spoorsingel</a></li>
|
||||
<li><a href="./index.html">Mariniersweg</a></li>
|
||||
<li><a href="./index.html">Burgemeester Meineszstraat</a></li>
|
||||
<li><a href="./index.html">Wijnhaven</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>workbook - sessions</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a href="./instruments.html">Instruments</a>
|
||||
<a href="./sessions.html">Sessions</a>
|
||||
<a href="./about.html">About</a>
|
||||
</div>
|
||||
<h1>Sessions</h1>
|
||||
<ul>
|
||||
<li><a href="./sessions-add.html">Add</a></li>
|
||||
<li><a href="./sessions-view.html">View</a></li>
|
||||
<li><a href="./sessions-search.html">Search</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</html>
|
||||
Loading…
Reference in New Issue