From a818c0d66c18bcc36e46021f467ad615912db62c Mon Sep 17 00:00:00 2001 From: supisara Date: Fri, 27 May 2022 16:02:58 +0200 Subject: [PATCH] added patches page for kastle v1.5, cleaned files --- assets/css/instruments.css | 110 ------------------- assets/css/main.css | 155 -------------------------- assets/css/patches.css | 168 +++++++++++++++++++++++++++++ assets/images/kastle-v1.5.svg | 95 ++++++++++++++++ index.html | 18 +--- instruments-bastl-kastle-v1.5.html | 49 --------- kastle-outline.svg | 1 - kastle-v.1.5-patches.html | 63 +++++++++++ workbook.html | 20 ++-- 9 files changed, 338 insertions(+), 341 deletions(-) delete mode 100644 assets/css/instruments.css delete mode 100644 assets/css/main.css create mode 100644 assets/css/patches.css create mode 100644 assets/images/kastle-v1.5.svg delete mode 100644 instruments-bastl-kastle-v1.5.html delete mode 100644 kastle-outline.svg create mode 100644 kastle-v.1.5-patches.html diff --git a/assets/css/instruments.css b/assets/css/instruments.css deleted file mode 100644 index 387492d..0000000 --- a/assets/css/instruments.css +++ /dev/null @@ -1,110 +0,0 @@ -.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; - } - - \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css deleted file mode 100644 index 4722985..0000000 --- a/assets/css/main.css +++ /dev/null @@ -1,155 +0,0 @@ -.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; -} - -h1 { - font-size: 30px; - font-family: Arial, Helvetica, sans-serif; - font-weight: normal; -} - -h2 { - font-size: 20px; - font-family: Arial, Helvetica, sans-serif; - font-weight: normal; -} - -.search-container { - font-size: 20px; -} - -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; -} - - -/* navbar container */ -.navbar { - overflow: hidden; - background-color: white; - font-family: Arial; -} - -/* links inside the navbar */ -.navbar a{ - float: left; - font-size: 20px; - color: black; - text-align: center; - padding: 2px; - text-decoration: none; -} - -/* dropdown container */ -.dropdown { - float: left; - overflow: hidden; -} - -/* dropdown button */ -.dropdown .dropbtn { - font-size: 20px; - border: 1px solid black; - color: black; - padding: 2px; - background-color: inherit; - font-family: inherit; -} - -/* add a grey background color to navbar links on hover */ -.navbar a:hover, .dropdown:hover .dropbtn{ - background-color: grey; -} - -/* dropdown content ("hidden by default"--why?) */ -.dropdown-content a { - float: none; - position: absolute; - background-color: white; - min-width: 160px; - z-index: 1; -} - -/* links inside the dropdown */ -.dropdown-content a { - float: none; - color: black; - padding: 2px; - text-decoration: none; - display: block; - text-align: left; -} - -/* add a grey background color to dropdown links on hover */ -.dropdown-content a:hover { - background-color: grey; -} - -/* show the dropdown menu on hover */ -.dropdown:hover .dropdown-content { - display: block; -} diff --git a/assets/css/patches.css b/assets/css/patches.css new file mode 100644 index 0000000..a5c14e2 --- /dev/null +++ b/assets/css/patches.css @@ -0,0 +1,168 @@ +* { + box-sizing: border-box; +} + +html, body { + font-family: sans-serif; + +} + + +a { + color: currentColor; + text-decoration: none; +} + +a:hover { + opacity: 0.5; +} + +header { + width: 100%; + display: flex; + justify-content: space-between; + padding: 8px; + font-size: 32px; + +} + +header > * { + flex-shrink: 0; +} + + + +header .title { + margin: 0; + margin-right: 32px; + font-size: 32px; + font-weight: normal; + +} + +.path-slash { + margin: 0 4px; +} + +.parent { + /* color: rgb(147, 149, 161); */ +} + + +.search { + position: relative; + + display: inline-block; + height: 32px; + margin-left: auto; + overflow: hidden; + flex: 0 0 32px; + transition: flex 0.3s ease-in; +} + +.search:hover{ + transition: flex 0.6s ease-out; + flex: 1 0 auto; +} + +.search svg { + width: 32px; + height: 32px; + padding: 4px; + margin: 0; +} + +.search input { + border: none; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 32px; + outline: none; + border-bottom: 1px solid currentColor; + + font-size: 32px; + + padding: 0; + padding-left: 4px; + + background: none; +} + + + +main { + padding: 0 8px; +} + + +.list { + padding: 0; + display: grid; + + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + + + gap: 16px; +} + +.card { + /* transform: skew(14deg); */ + aspect-ratio: 1; + border: 1px solid currentColor; + padding: 32px; + font-stretch: 50%; + + + + display: flex; + justify-content: center; + align-items: center; + + + + font-size: 32px; + text-align: center; +} + +.card:hover { + background-color: grey; +} + + +.card > * { + /* transform: skew(-28deg); */ +} + +.card svg { + width: 32px; + height: 32px; +} + + + +@media (max-width: 767px){ + + + +header { + display: block; + font-size: 28px; +} + +header .title { + display: inline; + font-size: 28px; +} + + .search { + margin-top: 16px; + display: block; + } + + .search input { + font-size: 28px; + } +} + diff --git a/assets/images/kastle-v1.5.svg b/assets/images/kastle-v1.5.svg new file mode 100644 index 0000000..83c656d --- /dev/null +++ b/assets/images/kastle-v1.5.svg @@ -0,0 +1,95 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index db89448..c250321 100644 --- a/index.html +++ b/index.html @@ -3,28 +3,14 @@ workbook - +
- Instruments - Sessions + Workbook About
-
-
- -
- Add - View - Search -
-
-
- diff --git a/instruments-bastl-kastle-v1.5.html b/instruments-bastl-kastle-v1.5.html deleted file mode 100644 index b523e1c..0000000 --- a/instruments-bastl-kastle-v1.5.html +++ /dev/null @@ -1,49 +0,0 @@ - - - - - Kastle v1.5 - - - - -
- Instruments - Sessions - About -
-

Instruments / BASTL Kastle v1.5

- - - - - - - - - - - - - - - - - - - - - - - - -
DateTitleDescriptionPatchAudio
26/03/22Het Parkminimal but memorable01 02
01/04/22Marinierswega jam01
- - - - - - - - - diff --git a/kastle-outline.svg b/kastle-outline.svg deleted file mode 100644 index ff57f3d..0000000 --- a/kastle-outline.svg +++ /dev/null @@ -1 +0,0 @@ -WAVESHAPEI/OLFO RSTBIT INSTEPPEDOSCLFOLFOMODE+RL-PITCH MODTIMBRE MODRATE MODOSC OUTOSC TIMBREOSC PITCH \ No newline at end of file diff --git a/kastle-v.1.5-patches.html b/kastle-v.1.5-patches.html new file mode 100644 index 0000000..7a673a5 --- /dev/null +++ b/kastle-v.1.5-patches.html @@ -0,0 +1,63 @@ + + + + + Bastl Kastle v1.5: Patches + + + + + +
+ Home + + / + + Workbook + + / + + Bastl Kastle v1.5 + + / + +

Patches

+
+ + + + + +
+
+ +
+ +
+ + + + + + + diff --git a/workbook.html b/workbook.html index f6004f6..e7f520e 100644 --- a/workbook.html +++ b/workbook.html @@ -2,7 +2,7 @@ - workbook + Workbook @@ -32,17 +32,17 @@ -
  • All
    • +
  • All
    • -
  • Bastl Drum
    • -
  • Bastl Kastle
    • +
  • Bastl Kastle Drum
    • +
  • Bastl Kastle v1.5
    • -
  • Bastl Microgranny 2
    • -
  • Vellman Signal Generator
    • -
  • Microkorg
    • -
  • Breadboard synth
    • -
  • Coil
    • -
  • Jian
    • +
  • Bastl Microgranny 2
    • +
  • Vellman Signal Generator
    • +
  • Microkorg
    • +
  • Breadboard synth
    • +
  • Coil
    • +
  • Jian