From 9ac93f2f0a6f1fc855609098e92adca4ded409cf Mon Sep 17 00:00:00 2001 From: Castro0o Date: Tue, 10 Dec 2019 12:01:18 +0100 Subject: [PATCH 1/3] panes of window height: adapted to every resize/window --- 10/index.html | 2 +- 10/script.js | 13 ++++++++++++- 10/style.css | 12 +++++++----- 3 files changed, 20 insertions(+), 7 deletions(-) diff --git a/10/index.html b/10/index.html index 751cf6e..a8524f7 100644 --- a/10/index.html +++ b/10/index.html @@ -171,7 +171,7 @@ Being sensibilized, gaining awareness and gradually understanding the structures

FLAKES

by Mark van den Heuvel

-

>Flakes is an audio playback device that combines the functionalities of an analog cassette tape player and a digital sample playback module1. Merged together in the case of an old desktop cassette recorder, this hybrid machine allows both different audio playback techniques to consolidate each other’s technical limitations, make use (and abuse ? misuse) of their capabilities in order to emphasize their ‘unique’ characteristics. +

Flakes is an audio playback device that combines the functionalities of an analog cassette tape player and a digital sample playback module1. Merged together in the case of an old desktop cassette recorder, this hybrid machine allows both different audio playback techniques to consolidate each other’s technical limitations, make use (and abuse ? misuse) of their capabilities in order to emphasize their ‘unique’ characteristics.
By connecting the available outputs to inputs and using the adjustable knobs on the interface, the user has the options to mix, modify and let the samples from both analog and digital sources interact with each other to create new, unexpected sounds.
>Note 1: Despite both only being capable of playing lo-fi** samples, the analog device can make recordings and play them back directly and the digital module's behavior is fully programmable, allowing to make use of feedback, phasing, gate triggers, pitch control functions, and configurable functionalities as desired and more.
How it works: A speech sample (saying IN-SIDE OUT) is cut into pieces so the separate words can be divided to the digital module (programmed onto) and analog tape loop* (recorded onto its magnetic tape). While the analog tape loop is prominent and continuously plays the same slice, the digital module runs a program that allows the recorded sample to (start playback on a trigger and) jump between different starting positions and loop sizes start playback. Played together, random flakes and new combinations of the separate words are constantly being generated in real-time. They correct and complement each other, making new combinations of the 3 words: IN-SIDE-OUT.

diff --git a/10/script.js b/10/script.js index d8cc78f..41cc70b 100644 --- a/10/script.js +++ b/10/script.js @@ -1,6 +1,17 @@ +function adjust_height(){ + var win_height = $(window).height(); + $('div#left, div#right').css('height', (win_height- (win_height/40)) ); // + // console.log(win_height); +} + $(document).ready(function(){ + adjust_height() /* hidden Manual, Git links until manual as uploaded and git dir are ready */ $('div.links > a:contains("Manual")').css('display', 'none'); $('div.links > a:contains("Git")').css('display', 'none'); -}) \ No newline at end of file +}) + +$(window).resize(function(){ + adjust_height(); +}) diff --git a/10/style.css b/10/style.css index 6dd38ab..e930db5 100644 --- a/10/style.css +++ b/10/style.css @@ -84,9 +84,11 @@ div#left { margin-left: auto; margin-right: auto; height:700px; - overflow: scroll; - padding-bottom: 200px; + overflow-y: scroll; + /*! padding-bottom: 200px; */ background-color: white; + /*! padding-left: 5px; */ + /*! padding-right: 5px; */ } div#right { @@ -96,8 +98,8 @@ div#right { margin-left: auto; margin-right: auto; height:700px; - overflow: scroll; - padding-bottom: 200px; + overflow-y: scroll; + /*! padding-bottom: 200px; */ background-color: #21632c; } @@ -260,7 +262,7 @@ div#bigpcb{ } .bigpcb{ - width: 90%; + width: 100%; height: auto; margin-left: auto; margin-right: auto; From 895478ec8b2c4dc476fc03eaad37d1d252568444 Mon Sep 17 00:00:00 2001 From: Castro0o Date: Tue, 10 Dec 2019 12:11:33 +0100 Subject: [PATCH 2/3] minor change: panes height --- 10/script.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/10/script.js b/10/script.js index 41cc70b..e95a938 100644 --- a/10/script.js +++ b/10/script.js @@ -1,6 +1,6 @@ function adjust_height(){ var win_height = $(window).height(); - $('div#left, div#right').css('height', (win_height- (win_height/40)) ); // + $('div#left, div#right').css('height', (win_height- (win_height/100)) ); // // console.log(win_height); } From 270efebe3f2a311d927606dcf11d722a7fcf4921 Mon Sep 17 00:00:00 2001 From: Castro0o Date: Tue, 10 Dec 2019 12:17:13 +0100 Subject: [PATCH 3/3] css div#right width:50% --- 10/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/10/style.css b/10/style.css index e930db5..b74791d 100644 --- a/10/style.css +++ b/10/style.css @@ -93,7 +93,7 @@ div#left { div#right { border: none; - width:49%; + width:50%; display: inline-block; margin-left: auto; margin-right: auto;