From d56835bbc4c4c37de5d836400ac5bf43eda0f45a Mon Sep 17 00:00:00 2001 From: Gabriel Dunne Date: Wed, 27 Feb 2013 12:54:57 -0800 Subject: [PATCH] some updates --- content/{whisperroom1 => .whisperroom_drms} | 1 - content/audioshadertoy | 4 +- content/ccrma_modulations | 2 +- content/icosi | 2 +- content/icosi_fab | 2 +- content/icosi_studio | 2 +- content/monad | 23 +++ content/prism | 2 +- content/seaquence | 4 +- content/{untitled => spectrum} | 1 + content/whisperroom | 1 - css/style copy 2.css | 210 ++++++++++++++++++++ css/style copy.css | 190 ++++++++++++++++++ css/style.css | 142 +++++++------ data/content/data.json | 2 +- data/content/tags.json | 2 +- index.php | 3 +- js/single.js | 85 ++++++++ lib/config.ini | 2 +- lib/data.php | 2 +- pages/.links | 1 + pages/contact | 54 +---- pages/{about => cv} | 71 ++++--- templates/index.html.tpl | 37 +--- templates/nav.html.tpl | 3 +- templates/single.html.tpl | 14 +- 26 files changed, 658 insertions(+), 204 deletions(-) rename content/{whisperroom1 => .whisperroom_drms} (63%) create mode 100644 content/monad rename content/{untitled => spectrum} (97%) create mode 100644 css/style copy 2.css create mode 100644 css/style copy.css create mode 100644 js/single.js rename pages/{about => cv} (81%) diff --git a/content/whisperroom1 b/content/.whisperroom_drms similarity index 63% rename from content/whisperroom1 rename to content/.whisperroom_drms index ee8d897..7b4c811 100755 --- a/content/whisperroom1 +++ b/content/.whisperroom_drms @@ -1,4 +1,3 @@ -title = Whisper Room date = jan 29 2011 tags = studio -- diff --git a/content/audioshadertoy b/content/audioshadertoy index 1cb7fc9..57d0629 100755 --- a/content/audioshadertoy +++ b/content/audioshadertoy @@ -1,9 +1,9 @@ title = Audio-ShaderToy date = 04/03/12 -tags = installation code visual audio +tags = installation code audiovisual -- -[audioshader.net](audioshader.net) +[view source code](https://github.com/quilime/audio-shadertoy/) diff --git a/content/ccrma_modulations b/content/ccrma_modulations index 8d8a03a..22e4384 100755 --- a/content/ccrma_modulations +++ b/content/ccrma_modulations @@ -1,6 +1,6 @@ title = LVP @ CCRMA Modulations date = may 10 2012 -tags = visual code performance +tags = code performance -- diff --git a/content/icosi b/content/icosi index c10e256..098913a 100755 --- a/content/icosi +++ b/content/icosi @@ -1,6 +1,6 @@ title = ICOSI date = july 05 2010 -tags = audio visual projection-mapping installation +tags = audiovisual projection-mapping installation -- diff --git a/content/icosi_fab b/content/icosi_fab index 692e2ec..d7987a2 100755 --- a/content/icosi_fab +++ b/content/icosi_fab @@ -1,6 +1,6 @@ title = ICOSI Fabrication date = 2010-07-01 -tags = studio fabrication +tags = studio -- Fabrication process for ICOSI projection surface. The form is a section of an icosidodecahedron (scaled on the z-axis by 0.5). diff --git a/content/icosi_studio b/content/icosi_studio index 3ad8f81..4641a50 100755 --- a/content/icosi_studio +++ b/content/icosi_studio @@ -1,6 +1,6 @@ title = ICOSI Studio date = 2010-07-07 -tags = studio form +tags = studio -- [![img](http://farm5.static.flickr.com/4140/4773799092_75e68e4e66.jpg)](http://www.flickr.com/photos/quilime/4773799092/) Assembly test w/stretched panels in the studio (just hanging). diff --git a/content/monad b/content/monad new file mode 100644 index 0000000..e725c54 --- /dev/null +++ b/content/monad @@ -0,0 +1,23 @@ +date = nov 20 2011 +tags = installation projection-mapping +-- + +*visual software, projector, display surface, audio* + +A one dimensional visualization of the universe represented as varying length of time, oscillate between the age of the universe, and Planck time. + +Cycles are the core principal of the universe. We are thoroughly enmeshed in periodic rhythms, which span the frequencies of space and time, and are conscious of a small range on a daily basis: sleep patterns, the weather, the seasons, sunrise, sunset, the rising and falling of emotion. On a larger magnitude: the age of our bodies, the rise and decline of species, the life cycle of stars. On a smaller, our breathing rate, our heart rate, the audio spectrum of music, speaking, the visible light spectrum, radio waves, cosmic rays, and ultimately the smallest measurable amount of time we can comprehend, described as Planck time. The appearance of the entire world and all existence with its natural and technological cycles are rooted in the archetypal, cyclical sinusoidal principals of the Monad. + + + +## installation +Each ring that moves across the surface represents a length of a time cycle. As each ring passes, we hear an audible click. Higher pitched, rapid clicks count the current order of magnitude, ranging from 10^-18 to 10^-43. When passing the visual spectrum, it is shown as color, while the audible spectrum is heard as audible tones. + +## cycles +[http://media.quilime.com/files/projects/timedb/www](http://media.quilime.com/files/projects/timedb/www/) +data: [xml](http://media.quilime.com/files/projects/timedb/www/?format=xml), [sqlite](http://media.quilime.com/files/projects/timedb/www/data/time.db) + +## credits +fabrication: miles stemper, stephanie sherriff +audio engineering: jeff lubow +projector-alignment software library: ryan alexander diff --git a/content/prism b/content/prism index a023b53..e14f3cc 100755 --- a/content/prism +++ b/content/prism @@ -1,6 +1,6 @@ title = Prism date = 2007-08-23 -tags = sketch form +tags = sketch -- oil on canvas. 4' x 3' diff --git a/content/seaquence b/content/seaquence index b95e65b..b78b54d 100755 --- a/content/seaquence +++ b/content/seaquence @@ -1,5 +1,5 @@ title = Seaquence -tags = audio web code +tags = audiovisual web code date = 2010-10-04 -- @@ -7,4 +7,4 @@ Seaquence: A musical ecosystem. [seaquence.org](http://seaquence.org) -(c) 2007-2012 Gabriel Dunne, Daniel Massey, Ryan Alexander \ No newline at end of file +(c) 2007-2012 Gabriel Dunne, Daniel Massey, Ryan Alexander diff --git a/content/untitled b/content/spectrum similarity index 97% rename from content/untitled rename to content/spectrum index a1a6404..25966ff 100644 --- a/content/untitled +++ b/content/spectrum @@ -1,3 +1,4 @@ date = April 2, 2011 5:26 PM tags = studio -- + diff --git a/content/whisperroom b/content/whisperroom index ee8d897..7b4c811 100755 --- a/content/whisperroom +++ b/content/whisperroom @@ -1,4 +1,3 @@ -title = Whisper Room date = jan 29 2011 tags = studio -- diff --git a/css/style copy 2.css b/css/style copy 2.css new file mode 100644 index 0000000..9f5d96f --- /dev/null +++ b/css/style copy 2.css @@ -0,0 +1,210 @@ +html, body, table { + color: #555555; + font-family: sans-serif; + font-size:13px; + line-height: 1.5em; } +body { + margin: 2em; } + +a { + border: 0pt none; + color: #000000; + font-weight:bold; + text-decoration: none; } + a img { + border: 0pt none; } + a.mute { + text-decoration: none ! important; } + a:hover, a.mute:hover { + border: medium none; + color: #0000FF; + text-decoration: underline; } + +p { + margin: 20px 0; + max-width: 800px; + text-align: left; +} + p.center { + max-width: none; + text-align: center; + } + +.center { + text-align: center; +} + +strong { } + +h1, h2, h3, h4, h5, h6 { + color: #333; + font-size:1em; } + +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + line-height: 2em; } + +h1 { + margin: 0pt 0pt 3em; } + +h2 { + margin: 0pt 0pt 0.5em; } + +h3 { + margin: 0pt; } + +ul, li { + list-style-type: none; + margin: 0pt; + padding: 0pt; } + +ol li { + list-style-type: decimal; } + +img { + margin-bottom: 0.25em; } + +blockquote { + background: none repeat scroll 0pt 0pt #000000; + color: #AAAAAA; + font-family: times; + font-size: 15px; + font-style: italic; + line-height: 1.4em; + margin: 0pt; + max-width: 600px; + padding: 2em 4em; } + +form { + color:#aaa; +} + + + + +#nav { + color:#999; + margin-bottom:6em; + } + #nav ul { + margin:0; + padding:0; } + #nav a { + border: 0pt none; + font-style:normal; + border-radius:1px; + } + #nav a:hover { + text-decoration:none; + } + #nav li { + } + #nav .spacer { + width:1em; + } + + + + + + +#content {} + #content p:first-child { + margin-top: 0pt;} + +ul.sub { + margin-left:1em !important; +} + +.news { + +} +.news .entry { + margin-bottom: 4em; +} +.news .entry .date { + position:relative; + left:-1.25em; } + +.projects { +} + +.projects li { + display:inline-block; + margin:0 20px 30px 0; + margin-bottom:40px; +} + + +.projects li a.thumb { +border: 0pt none; +display: block; +height: 120px; +width: 200px; +} + +.projects li img { +height: 100%; +width: 100%; +} + +.projects li a { +display:inline-block; +} + +.entry { +margin-bottom: 150px; +display:block; +} + +.entry h2 { + +} + +.entry .title { + +} + +.entry .metadata { +color:#999; +} +.entry .metadata a { + +} +.entry .metadata .tags li { +display:inline !important; +} +.entry .metadata .tags a { +text-decoration: none; +} + +.footer { +margin-top:50px; +} + +.arrow { +margin-top:1em; +font-weight:bold; +font-size:14px; +} +.arrow a { +text-decoration:none; +} + +.entry .date { +} + + + +#content.edit textarea { + font-family: monaco, monospace; + padding:20px; + width:100%; + font-size:12px; + background:#222; + color:#eee; + height:400px; +} + +.caption { +margin-top: 5px; +} diff --git a/css/style copy.css b/css/style copy.css new file mode 100644 index 0000000..a9ad934 --- /dev/null +++ b/css/style copy.css @@ -0,0 +1,190 @@ +html, body, table { + color: #555555; + font-family: sans-serif, monaco, monospace; + font-size: 12px; + line-height: 1.6em; } +body { + margin: 2em; } + + +a { + border: 0pt none; + color: #000; + font-weight:bold; + text-decoration: none; } + a img { + border: 0pt none; } + a.mute { + text-decoration: none ! important; } + a:hover, a.mute:hover { + color: #0000FF; + text-decoration: underline; } + + +h1, h2, h3, h4, h5, h6 { + color: #333; + font-size:1em; } +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { } +h1 { + margin: 0pt 0pt 3em; } +h2 { + margin: 0pt 0pt 0.5em; } +h3 { + margin: 0pt; } + + + +ul, li { + margin:0; padding:0; list-style-type:none; +} +ol { + margin:0; +} +ol li { + list-style-type:decimal; +} +blockquote { + font-family:serif; + font-style:italic; + font-size:1.2em; + color:#999; + line-height:1.3em; + margin:0; + padding:0; +} +pre { + padding:10px 20px; + position:relative; +} +code { +padding:2px 6px; +} +table, td, tr { + margin:0; + padding:0; +} + +#content { + padding-bottom: 20px; +} +#content.single { + padding-top:0; +} + +#nextprev { + padding:0 50px 10px 150px; +} + + +.edit, +.edit textarea { + background:#111; +} +.edit { + box-sizing: border-box; + position:fixed; + width:100%; + bottom:0; + left:0; + padding:20px; +} + .edit .ctrl { + margin-bottom:20px; + } + .edit textarea { + font-family: monaco, monospace; + padding:5px; + border:0; + width:100%; + font-size:12px; + color:#eee; + height:200px; + } + textarea:focus { + outline: none; + } +.edit_button { + /* + position:fixed; + top:5px; right:10px; + text-decoration:underline; + */ +} + + +#nav { + margin-bottom:5em; } +#nav a { +} +#nav a.mute { font-weight: normal } +#nav li, ul.nav { + list-style-type:none; + padding:0; + margin:0; +} +#nav li { + display:inline-block; + padding-right:1.5em; + } + + +.entry { + padding-bottom:20px; + margin-bottom:50px; +} +.entry .metadata { + /*visibility:hidden;*/ +} +.entry:hover .metadata{ + visibility:visible; +} +.single .entry .metadata { + visibility:visible !important; +} + +.entry .metadata { + font-style:italic; + font-size:12px; + line-height:16px; + margin-bottom:30px; } +.entry .metadata, +.entry .metadata a { + font-weight:normal; + color:#ccc; } +.entry .metadata a:hover { + color:#999; } +.entry .metadata .tags li { + display:inline-block; + margin-right:0.3em; } +.entry p { + max-width:720px; } + + +.archive li { + padding-bottom:5px; + margin-bottom:5px; + border-bottom:1px dotted #333; } + +.project { + display:inline-block; + margin-right:10px; + margin-bottom:40px; + width:120px; + font-size:12px; } +.projects li { + margin-bottom:2em; } + + + +.column { + padding-right:100px; +} + +.image li, .bookmarks li { + margin-bottom:40px; +} + +ul.image { + background:#131313; + padding:20px; +} diff --git a/css/style.css b/css/style.css index a085ed1..2cb7b32 100644 --- a/css/style.css +++ b/css/style.css @@ -1,10 +1,10 @@ html, body, table, textarea, input[type="text"] { - color: #777; - font: normal 13px "droid-sans-mono",menlo,'andale mono','courier new',sans-serif; + background:#fff; + color: #555; + font: normal 12px sans-serif; /*font-family: sans-serif, monaco, monospace;*/ /*font: 11px/1.5em "Lucida Grande";*/ /*line-height: 1.6em; */ - font-size:13px; } body { margin: 2em; } @@ -12,24 +12,24 @@ body { a { border: 0pt none; - + color:#000; + text-decoration: underline; + /*font-weight:bold;*/ } a img { border: 0pt none; } a.mute { text-decoration: none ! important; } a:hover, a.mute:hover { - text-decoration: none; } h1, h2, h3, h4, h5, h6 { /*font-family: helvetica, arial, verdana, sans-serif;*/ - font-weight: normal; - color: #333; + font-weight: normal; + color: #000; font-size:1em; } -h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - text-decoration: none; +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#000; } h1 { @@ -43,6 +43,11 @@ h3 { margin: 0pt; } h4 { font-size: 118%; } +h6 { + margin:2em 0 0 0 ; + line-height:0; + padding:0; +} input[type="text"], textarea { color:#000; @@ -105,8 +110,8 @@ table, td, tr { position:fixed; width:100%; bottom:0; - left:0; - padding:20px; + left:0; + padding:20px; } .edit .ctrl { margin-bottom:20px; @@ -130,12 +135,11 @@ table, td, tr { text-decoration:underline; */ } - -#nav { - margin-bottom:1em; } + +#nav { + margin-bottom:4em; } #nav a { - color:#000; font-weight:bold; } #nav a.mute { font-weight: normal } @@ -145,64 +149,33 @@ table, td, tr { margin:0; } #nav li { - display:inline-block; - margin-right:1em; - } - #nav .spacer { - width:2em; } #nav .nav a { text-decoration:none; - color:#e8e; } #nav .nav a:hover { - color:#f00; +color:#f00; } #nav .nav { + + margin-bottom:2em; } -#nav .nav a.home { - color:#000; - +#nav li.home { + margin-bottom:0.25em; + } +#nav li.home a { } -#nav .nav a.home:hover { - color:#f00; -} - -a.home { - display:inline-block; - margin:0 0 1em 0; - text-decoration: none; - font-size:13px; } -a.home:hover { - text-decoration: underline; } -.tags { - background:#eee; - display:inline-block; - padding:1em; - -} -.tags .tag { - - margin:0.3em 0; -} -.tags a { - color:#999; - text-decoration:none; -} -.tags a:hover { - color:#5ff; - } .entries li { margin:0.5em 0; -} +} .entry { @@ -222,7 +195,7 @@ a.home:hover { .entry .metadata { line-height:16px; margin-bottom:30px; } -.entry .metadata, +.entry .metadata, .entry .metadata a { } .entry .title a { @@ -247,13 +220,14 @@ a.home:hover { } .single .gallery.stacked li { display:block; - } + } .single .gallery.stacked li img { + width:500px; padding:0; margin:0; - } + } .gallery img { - width:500px; } + } .gallery.full img { width:auto; } @@ -318,3 +292,55 @@ ul.image { background:#131313; padding:20px; } + + + + + +.tags { + display:inline-block; + font-style: italic; + font-size:10px; +} +.tags .tag { + margin:0.3em 0; +} +.tags a { + text-decoration:none; +} +.tags a:hover { + color:#5ff; + } + + + ul.tags { + margin-right:5em; + float:left; + margin-bottom:2em; + } + ul.tags a { + } + ul.tags li.sel a{ + font-weight:bold; + text-decoration: underline; + } + ul.tags li.sel { + color:#777; + } + ul.entries { + float:left; + font-size: 130%; + } + ul.entries li { + margin-bottom:1em; + text-transform: capitalize; + } + ul.entries li a { + text-decoration: none; + } + ul.entries li a:hover { + text-decoration: underline; + } + + + diff --git a/data/content/data.json b/data/content/data.json index ab2f449..fb2c0d6 100755 --- a/data/content/data.json +++ b/data/content/data.json @@ -1 +1 @@ -{"entries":[{"config":{"date":"sep 25 2012","tags":"structure"},"title":"platform","filename":"platform","path":"\/Users\/gdunne\/_portfolio\/www\/content\/platform","fileInfo":{},"timestamp":"1348556400","tags":["structure"],"content":"

\n<\/p>\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/platform\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"media\/\/\/platform\/thumb.png","url":"\/platform","edit_url":"\/edit\/\/platform","media_dir":"media\/\/\/platform\/","media":{}},{"config":{"title":"LVP @ CCRMA Modulations","date":"may 10 2012","tags":"visual code performance"},"title":"LVP @ CCRMA Modulations","filename":"ccrma_modulations","path":"\/Users\/gdunne\/_portfolio\/www\/content\/ccrma_modulations","fileInfo":{},"timestamp":"1336633200","tags":["visual","code","performance"],"content":"