More documentation.

studio/90s.css

@@ -42,13 +42,13 @@ body {
 	text-decoration: underline;
 }
 
-.window .menu {
+.window .menu, .window .menubar {
 	padding: 2px;
 	margin: 0;
 	border-bottom: 1px solid darkgrey;
 }
 
-.window .menu li {
+.window .menu li, .window .menubar li {
 	display: inline-block;
 	list-style-type: none;
 	margin: 0;
@@ -56,7 +56,7 @@ body {
 	padding-right: 3px;
 }
 
-.window .menu li a {
+.window .menu li a, .window .menubar li a {
 	color: black;
 }
 
@@ -66,6 +66,23 @@ body {
 	text-decoration: none;
 }
 
+.window .menubar li a {
+	border: 1px solid darkgrey;
+	height: 34px;
+	line-height: 34px;
+	display: block;
+	margin: 2px;
+}
+
+.window .menubar li a:hover {
+	text-decoration: none;
+	outline: 1px dotted black;
+}
+
+.window .menubar li a img {
+	vertical-align: middle;
+}
+
 .window .pad {
 	padding: 1em;
 }

studio/index.html

@@ -25,14 +25,17 @@
 <div class="pad">
 <p>There is a cool thing called <a href="https://en.wikipedia.org/wiki/Virtual_Studio_Technology">virtual studio technology</a> which actually delivers what it promises to you - a virtual recording studio equiped with virtual synths and effects. This is actually very cool, because synths and audio gear are actually very expensive and with VSTs you can save you a lot of money and space.</p>
 <p>I actually started to create my own VST plugins. On this page I would like to introduce them.</p>
-<img src="midi.gif">
 </div>
 </div>
 
 <div class="window" id="analog_nomad">
 <h2>analog nomad</h2>
+<ul class="menubar">
+<li><a href="https://tildegit.org/severak/falco/src/branch/master/cabbages/analog_nomad.csd"><img src="notepad.png" alt=""> source code</a></li>
+<li><a href="https://tildegit.org/severak/falco/src/branch/master/cabbages/analog_nomad.snaps"><img src="cogs.png" alt=""> presets</a></li>
+</ul>
 <div class="pad">
-<img src="analog_nomad.png">
+<img src="analog_nomad.png" alt="Analog nomad screenshot">
 <p>It’s inspired by Roland Junos, Korg MS-20, <a href="">Lokomotiv</a> (VST by Archetype instruments) and my own <a href="#traveller">Traveller</a>. It’s designed to be both simple to understand and flexible to use.</p>
 <p>Controls are:</p>
 <ul>
@@ -65,8 +68,12 @@
 
 <div class="window" id="traveller">
 <h2>traveller</h2>
+<ul class="menubar">
+<li><a href="https://www.kvraudio.com/product/traveller-by-sever-k/details"><img src="floppy.png" alt=""> binary package</a></li>
+<li><a href="https://tildegit.org/severak/falco/src/branch/master/cabbages/traveller.csd"><img src="notepad.png" alt=""> source code</a></li>
+</ul>
 <div class="pad">
-<img src="traveller.png">
+<img src="traveller.png" alt="Traveller screenshot">
 <p><strong>Traveller</strong> is a monophonic synth inspired by Korg Synthe-Bass and its overall simplicity.</p> 
 <p>It features:</p> 
 <ul> 
@@ -81,7 +88,7 @@
 <li>and most importantly - <strong>volume</strong> knob.</li> 
 </ul> 
 <p>The twist (in monophony) is that while you cannot hold two or more notes, you can hear previous note release while next one kicks in. This is actually implementation defect, but I left it as is because it adds character to the synth.</p> 
-<p>There are no presets as I believe limitations stimulates creativity but there is <a href="">demo video</a> to inspire you.</p> 
+<p>There are no presets as I believe limitations stimulates creativity but there is <a href="https://www.youtube.com/watch?v=bsX3pl3u2hc">demo video</a> to inspire you.</p> 
 <p><strong>Good to know</strong>:</p> 
 <ul> <li>Don't forget to unpack csound64.dll to plugin folder.</li> <li>It's open source - just open <span class="skimlinks-unlinked">traveller.csd</span> and examine or change code (refer to the <a href="https://cabbageaudio.com/docs/introduction/">Cabbage docs</a>).</li> <li>It has no velocity sensitivity, but tone depends on how long you hold the key (for tones with long attack).</li> <li>You can use pitch bend wheel.</li>
 </ul>
@@ -90,8 +97,11 @@
 
 <div class="window" id="4track">
 <h2>4track</h2>
+<ul class="menubar">
+<li><a href="https://tildegit.org/severak/falco/src/branch/master/cabbages/4track.csd"><img src="notepad.png" alt=""> source code</a></li>
+</ul>
 <div class="pad">
-<img src="4track.png">
+<img src="4track.png" alt="4track screenshot">
 <p>multitrack recorder inspired by TASCAM Portastudio. Analog workflow, not sound.</p>
 
 </div>
@@ -99,8 +109,11 @@
 
 <div class="window" id="rebeat">
 <h2>rebeat</h2>
+<ul class="menubar">
+<li><a href="https://tildegit.org/severak/falco/src/branch/master/cabbages/rebeat.csd"><img src="notepad.png" alt=""> source code</a></li>
+</ul>
 <div class="pad">
-<img src="rebeat.png">
+<img src="rebeat.png" alt="rebeat screenshot">
 <p>an guitar-pedal-like looper</a>
 <p>(before major rewrite)</p>
 </div>
@@ -108,8 +121,11 @@
 
 <div class="window" id="rychta">
 <h2>rychta</h2>
+<ul class="menubar">
+<li><a href="https://tildegit.org/severak/falco/src/branch/master/cabbages/rychta.csd"><img src="notepad.png" alt=""> source code</a></li>
+</ul>
 <div class="pad">
-<img src="rychta.png">
+<img src="rychta.png" alt="rychta screenshot">
 <p>drum sequencer</a>
 <p>(before major rewrite)</p>
 </div>
@@ -117,8 +133,11 @@
 
 <div class="window" id="waggonbau">
 <h2>waggonbau</h2>
+<ul class="menubar">
+<li><a href="https://tildegit.org/severak/falco/src/branch/master/cabbages/waggonbau.csd"><img src="notepad.png" alt=""> source code</a></li>
+</ul>
 <div class="pad">
-<img src="waggonbau.png">
+<img src="waggonbau.png" alt="WaggonBAU screenshot">
 <p>drum sampler</a>
 <p>(before major rewrite)</p>
 </div>
@@ -127,7 +146,7 @@
 <div class="window" id="music">
 <h2>my music</h2>
 <div class="pad">
-<p>(some of these is actually made with my plugins)</p>
+<p>(some of these <img src="tape.png" alt=""> are actually made with my plugins)</p>
 
 <iframe style="border: 0; width: 100%; height: 307px;" src="https://bandcamp.com/EmbeddedPlayer/album=1707308818/size=large/bgcol=ffffff/linkcol=63b2cc/artwork=small/transparent=true/" seamless><a href="http://radiosvita.bandcamp.com/album/z-na">Zóna by symfonický orchestr města Harmondu</a></iframe>
 
@@ -141,12 +160,37 @@
 <div class="window" id="recommended">
 <h2>recommended plugins from other authors</h2>
 <div class="pad">
-<big>TODO</big>
+<p><strong>synths</strong></p>
+<ul>
+<li><a href="https://www.kvraudio.com/product/lokomotiv-by-archetype-instruments">Lokomotiv</a> by Archetype instruments - my favorite synth. Very simple UI with few controls to use yet very diverse sounds.</li>
+<li><a href="https://github.com/mikerodd/june-21">June-21</a> - open source clone of Roland alpha-Juno with very diverse sounds. Instant 80s.</li>
+<li><a href="https://asb2m10.github.io/dexed/">Dexed</a> - another istant 80s  - Yamaha DX-7 clone, also veryhard to program as original.</li>
+<li><a href="https://the-synister.github.io/">Synister</a> - the one with really beautiful UI</li>
+<li><a href="https://decomposer.de/sitala/">Sitala</a> - simple yet powerful drum sampler, especially for your own samples</li>
+<li><a href="https://www.kvraudio.com/product/marazmator-by-stone-voices">Marazmator</a> - you need a special sound? Marazmator has it! It's synth for creating and modifying strange sounds for all your B-movie needs.</li>
+<li>anything from <a href="https://www.fullbucket.de/music/vst.html">Full Bucket Music</a> - everything they do is amazing.</li>
+</ul>
+
+<p><strong>effects</strong></p>
+<ul>
+<li><a href="https://codefn42.com/veloscaler/index.html">VeloScaler</a> - got keyboard with unreliable velocity? Fix it with this - set velocity to certain fixed value.</li>
+<li><a href="https://www.musicalentropy.com/GuitarGadgets.html">Guitar gadgets</a> - nice simulation of various guitar pedals. You can chain them within the plugin.</li>
+<li><a href="http://xhip.net/effects/?p=Reverb">xhip reverb</a> - reverb as big as 80s music itself.</li>
+</ul>
+
+<p><strong>other</strong></p>
+<ul>
+<li><a href="https://kushview.net/element/">Element</a> by Kushview - my favorite VST host. Fast and intuitive environment for live playing and improvisations.</li>
+<li><a href="https://www.warmplace.ru/soft/sunvox/">Sunvox</a> very nice portable app - an old school music tracker with modular synthetiser. Easy to understand yet very powerful. Please also check <a href="">PixiTracker</a> by same author.</li>
+<li><a href="https://cabbageaudio.com/">Cabbage</a> - framework which I use to create all my VST plugins. It's based on somewhat language called CSound, but once you understand it it's very powerfull and fast tool. Also it's creator is really helpful.</li>
+<li>you like this page style? You will like <a href="https://jdan.github.io/98.css/">98.css</a>, which is reimplementation of Windows 98 UI, but for web browsers.</li>
+</ul>
 </div>
 </div>
 
 
-<img src="1982.png" id="clippy">
+<img src="1982.png" id="clippy" alt="clippy: It looks like you are applying a LOT of reverb on this snare drum. Are you aware it isn't 1982?">
 
+<script src="//million.svita.cz/millions_v1.js"></script>
 </body>
 </html>