supisara
/
workbook-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

first commit

Browse Source
wip
supisara 3 years ago
parent 0b2d083b6a
commit 8727902dd9
14 changed files with 486 additions and 0 deletions
Show Stats Download Patch File Download Diff File

20
about.html
Unescape Escape View File

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

110
css/instruments.css
Unescape Escape View File

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

31
index.html
Unescape Escape View File

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

25
instruments-add.html
Unescape Escape View File

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

49
instruments-bastl-kastle-v1.5.html
Unescape Escape View File

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

31
instruments-search.html
Unescape Escape View File

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

68
instruments-view.html
Unescape Escape View File

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

26
instruments.html
Unescape Escape View File

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

0
js/main.js
Unescape Escape View File

1
kastle-outline.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

22
sessions-add.html
Unescape Escape View File

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

35
sessions-search.html
Unescape Escape View File

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

44
sessions-view.html
Unescape Escape View File

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

24
sessions.html
Unescape Escape View File

@ -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>
Write Preview
Loading…
Cancel
Save