From dde41aede211bbe0e7c1706dcb3f32fc3381b7de Mon Sep 17 00:00:00 2001 From: Gabriel Dunne Date: Wed, 29 Sep 2010 14:49:17 -0700 Subject: [PATCH] Updates to content --- .../blog/news/2010-06-01_chapter_and_verse | 4 -- content/log/2010-06-01_chapter_and_verse | 4 ++ content/{blog => log}/2010-06-10_icosi_rider | 0 content/{blog => log}/2010-07-01_icosi | 0 content/{blog => log}/2010-07-07_icosi2 | 0 .../2010-07-29_icosi_biennial} | 40 +++-------- content/log/2010-08-09_name | 5 ++ content/projects/bay_area_transit | 23 ++++++- content/projects/boat | 22 ++++++ content/projects/bodyneg | 9 +++ pages/contact | 10 +-- pages/cv | 42 +++++++----- public/css/style.css | 56 ---------------- templates/default.html.tpl | 7 +- templates/default.json.tpl | 2 +- templates/entry.html.tpl | 2 +- templates/head-inc.html.tpl | 21 +++++- templates/nav.html.tpl | 24 ++----- templates/projects.html.tpl | 21 +++++- {public => www}/.htaccess | 0 www/css/style.css | 67 +++++++++++++++++++ {public => www}/index.php | 2 - 22 files changed, 215 insertions(+), 146 deletions(-) delete mode 100644 content/blog/news/2010-06-01_chapter_and_verse create mode 100644 content/log/2010-06-01_chapter_and_verse rename content/{blog => log}/2010-06-10_icosi_rider (100%) rename content/{blog => log}/2010-07-01_icosi (100%) rename content/{blog => log}/2010-07-07_icosi2 (100%) rename content/{blog/2010-07-29_biennial_perf => log/2010-07-29_icosi_biennial} (50%) create mode 100644 content/log/2010-08-09_name create mode 100644 content/projects/boat create mode 100644 content/projects/bodyneg delete mode 100644 public/css/style.css rename {public => www}/.htaccess (100%) create mode 100644 www/css/style.css rename {public => www}/index.php (99%) diff --git a/content/blog/news/2010-06-01_chapter_and_verse b/content/blog/news/2010-06-01_chapter_and_verse deleted file mode 100644 index da3cb5d..0000000 --- a/content/blog/news/2010-06-01_chapter_and_verse +++ /dev/null @@ -1,4 +0,0 @@ -title = Chapter and Verse -date = 2010-06-01 --- -I will be [performing](http://www.biennialoftheamericas.org/artists/gabriel-dunne) an audiovisual installation July 29th in [Chapter and Verse](http://www.biennialoftheamericas.org/events/month/7/day/29) as part of the venue "Nature of Things", a part of the Biennial of the Americas in Denver, CO. \ No newline at end of file diff --git a/content/log/2010-06-01_chapter_and_verse b/content/log/2010-06-01_chapter_and_verse new file mode 100644 index 0000000..e10b016 --- /dev/null +++ b/content/log/2010-06-01_chapter_and_verse @@ -0,0 +1,4 @@ +title = Chapter and Verse +date = 2010-06-01 +-- +[Performing](http://www.biennialoftheamericas.org/artists/gabriel-dunne) an audiovisual installation July 29th in [Chapter and Verse](http://www.biennialoftheamericas.org/events/month/7/day/29) as part of "Nature of Things", during the Biennial of the Americas in Denver, CO. \ No newline at end of file diff --git a/content/blog/2010-06-10_icosi_rider b/content/log/2010-06-10_icosi_rider similarity index 100% rename from content/blog/2010-06-10_icosi_rider rename to content/log/2010-06-10_icosi_rider diff --git a/content/blog/2010-07-01_icosi b/content/log/2010-07-01_icosi similarity index 100% rename from content/blog/2010-07-01_icosi rename to content/log/2010-07-01_icosi diff --git a/content/blog/2010-07-07_icosi2 b/content/log/2010-07-07_icosi2 similarity index 100% rename from content/blog/2010-07-07_icosi2 rename to content/log/2010-07-07_icosi2 diff --git a/content/blog/2010-07-29_biennial_perf b/content/log/2010-07-29_icosi_biennial similarity index 50% rename from content/blog/2010-07-29_biennial_perf rename to content/log/2010-07-29_icosi_biennial index b10e4f9..99206c7 100644 --- a/content/blog/2010-07-29_biennial_perf +++ b/content/log/2010-07-29_icosi_biennial @@ -1,45 +1,21 @@ -title = biennial performance +title = denver biennial tags = perf install projection vis aud notes = this might need to be split up into a few posts +date = 2010-07-29 -- - -[video1] - -[video2] - -two audiovisual performances, done July 29 2010 during the [Biennial of the Americas](http://biennialoftheamericas.org), Denver, Colorado. - - - -# documentation - -Snapshotsof the ICOSI piece for the biennial show. - -![icosi install](http://farm5.static.flickr.com/4092/4847387548_8a127a4c4f.jpg) ![icosi](http://farm5.static.flickr.com/4110/4847387674_5419f0b672.jpg) +![icosi](http://farm5.static.flickr.com/4084/4847387746_7352d3a039.jpg) -[view photoset on flickr](http://www.flickr.com/photos/quilime/sets/72157624499344281/with/4847387648/) - +Custom audiovisual installation. - -#   -# fabrication - -The process gave way to many more ideas about fabricating much more dynamic shapes. This current fab ended up using metal piano hinges between wood panels. Each panel was stretched with thick white lycra. - -Some future ideas are to rapid prototype custom hinges for frame-like panels with an emphasis on lightness, ease of construction, the ability to be cleaned, none-wasteful, and are sturdy. - -The software and audio toolset took place over the last three weeks leading up to the performance. The performance dramatically split my focus into two places (playing music, changing visuals), which was a juggle that I wasn't anticipating, as I was developing the visual software on one split-screen before the performance. Inspired to continue pursuing interfaces and controllers to overcome the separation of creating audio and visuals simultaneously. +The software and audio toolset was developed over three weeks leading up to the performance. The performance dramatically split my focus into two places (playing music, changing visuals), which was a juggle that I wasn't anticipating, as I was developing the visual software on one split-screen before the performance. Inspired to continue pursuing interfaces and controllers to overcome the separation of creating audio and visuals simultaneously. The multiple mediums (sculpture, sound, visual media) of this particular project was fascinating. Each iteration represents a process of my own curiosities in technology, consciousness, spirituality, design, and fabrication. -#   -# concept & design - The piece represents my practice and experiences in regards to my own spiritual growth and experience. Geometrically, the form is inspired by sacred polyhedra that represent forms of transition. The choice of an [icosidodecahedron](http://en.wikipedia.org/wiki/Icosidodecahedron) represents transition of two frequencies, represented by an [icosahedron](http://en.wikipedia.org/wiki/Icosahedron) and its dual polyhedron, a [dodecahedron](http://en.wikipedia.org/wiki/Dodecahedron). -The form is composed of 7 panels trimmed and scaled from a full icosidodecahedron. The visuals follow the structure of the form nearly explicitly, with the exception of textural elements. Below is the UV map for the geometry. - -![ref](/media/blog/icosi/plane_layout3.png) +The form is composed of 7 panels trimmed and scaled from a full icosidodecahedron. The visuals follow the structure of the form nearly explicitly, with the exception of textural elements. The inclusion of the Merkaba/Star Tetrahedron represents an inspiration for the visuals. The Merkaba, a dual spinning pyramid, represents a spiritual light vehicle used by the ancients to transcend to and contact spiritual realms. "Mer" means Light. "Ka" means Spirit. "Ba" means Body. Mer-Ka-Ba means the spirit/body surrounded by counter-rotating fields of light, (wheels within wheels), spirals of energy as in DNA, which transports spirit/body from one dimension to another. [[1]](http://www.crystalinks.com/merkaba.html) + +[more via flickr →](http://www.flickr.com/photos/quilime/sets/72157624499344281/with/4847387648/) diff --git a/content/log/2010-08-09_name b/content/log/2010-08-09_name new file mode 100644 index 0000000..68e3eae --- /dev/null +++ b/content/log/2010-08-09_name @@ -0,0 +1,5 @@ +title = name +data = 2010-08-09 +hidden = true +-- +Hiding my identity sometimes feels like I'm purposely limiting my success, or not proud of what I'm doing. I hide behind the pseudonym to save myself from judgement, critique. Posting under a pseudonym "[quilime](http://quilime.com)" feels safe. I am trying to relax, be loose, and allow myself to be myself. I still vacillate -- I'm still in the process of realizing my own crippling judgement of myself is the hardest thing to shake. What a nasty, destructive, selfish force. \ No newline at end of file diff --git a/content/projects/bay_area_transit b/content/projects/bay_area_transit index e3398bb..6412457 100644 --- a/content/projects/bay_area_transit +++ b/content/projects/bay_area_transit @@ -1,16 +1,32 @@ title = bay area transit desc = data visualization date = 08/03/2007 -thumb = media/projects/bay_area_transit/thumb.png +thumb = /media/projects/bay_area_transit/thumb.png -- +
+ + + +
+
+ + +

+ A conceptual route-map display proposal for the San Francisco Transbay Terminal project, developed with Stamen for Skidmore, Owings & Merill. Bay Area transit are visualized from routes and station locations. Each route is represented as its geographic path, extruded upwards in 3D space by time. Early morning routes are closer to the map base, later routes are higher. Bart routes are colored blue, SFMTA/MUNI routes are colored in red. -Created with Processing. +created with: processing, sqlite + + +

+

+

+

[![Eastbay](/media/projects/bay_area_transit/images/thumbs/bart_eastbay_sf.png)]( /media/projects/bay_area_transit/images/thumbs_lg/bart_eastbay_sf.png) @@ -101,11 +117,12 @@ San Francisco stop frequency (BART and MUNI, daily).


+ [more, via Stamen . . .](http://content.stamen.com/som_transbay_tower) diff --git a/content/projects/boat b/content/projects/boat new file mode 100644 index 0000000..dce8214 --- /dev/null +++ b/content/projects/boat @@ -0,0 +1,22 @@ +title = boat +date = 2007-07-10 +tags = timelapse photography +thumb = /media/projects/boat/thumb.png +-- + + + + + + + + + + + + + + + + +photo timelapse diff --git a/content/projects/bodyneg b/content/projects/bodyneg new file mode 100644 index 0000000..5b26b42 --- /dev/null +++ b/content/projects/bodyneg @@ -0,0 +1,9 @@ +title = bodyneg +date = 2002 +tags = print mixed media +thumb = /media/projects/bodyneg/thumb.png +-- + +
+ink press, 5 wall-mounted panels. 8' x 4' x 2' + diff --git a/pages/contact b/pages/contact index 8e77ce9..8245f10 100644 --- a/pages/contact +++ b/pages/contact @@ -1,6 +1,8 @@ title = contact -- -email: studio@gabrieldunne.com -phone: +1 415 493 8496 -loc: san francisco, ca -other: [quilime.com](http://quilime.com) +studio@gabrieldunne.com ++1 415 493 8496 + +[c/v](/cv/) + +elsewhere: [quilime.com](http://quilime.com) diff --git a/pages/cv b/pages/cv index 9e493a6..b5e95bd 100644 --- a/pages/cv +++ b/pages/cv @@ -6,24 +6,23 @@ b. 1981, san francisco
-**cv** -Tessellated Group -Stamen Design -Google, Inc -Motion Theory -
- - +**cv** +2010 Bay Area Video Coalition: Instructor +2005—current, Tessellated Group: Designer +2008 Stamen Design: Designer, Developer +2007 Google, Inc: Designer, Developer +2004—2006 Motion Theory: Designer, Animator, Developer +
+
-**edu** -2003 B.A. Design | Media Arts, UCLA -2002 Pont Avent School of Art, France -1999 Architecture, Art, College of Marin -
-
+ +**performance** +2010 Milieux Sonores: Sound and Imaginary Space, Gray Area Foundation for the Arts, San Francisco +2010 Biennial of the Americas, Denver +
+
-**exhibitions, performance** -2010 Biennial of the Americas, Denver (performance) +**exhibitions, festivals** 2010 Prototype, Gray Area Foundation for the Arts, San Francisco 2010 Powers of Ten, Gray Area Foundation for the Arts 2008 Design and the Elastic Mind, MoMA NYC (w/Stamen Design. Permanent Collection) @@ -50,7 +49,8 @@ Motion Theory 2003 narr@tive: Digital Storytelling, Hammer Museum, Los Angeles
-**workshops** +**teaching, workshops** +2010 Open Source: Visual Programming (BAVC, San Francisco) 2010 Creative Coding: An Introduction to Processing (Gray Area, San Francisco) 2009 Creative Coding (Gray Area, San Francisco) 2009 Creative Coding (Gray Area, San Francisco) @@ -85,6 +85,14 @@ Motion Theory 2002 Shorttakes Film Festival, Best Visual Effects
+ +**edu** +2003 B.A. Design | Media Arts, UCLA +2002 Pont Avent School of Art, France +1999 Architecture, Art, College of Marin +
+
+ **academic honors** 2002, 2003 UCLA Deans List 2001 UCLA Merit Scholarship diff --git a/public/css/style.css b/public/css/style.css deleted file mode 100644 index 63636b9..0000000 --- a/public/css/style.css +++ /dev/null @@ -1,56 +0,0 @@ -body { margin:80px 100px 50px 40px; } -html, body, table { font-family: helvetica; font-size:12px; line-height:1.5em; color:#ccc; background:#121212; } - -.nav { position:absolute; z-index:1; top:20px; left:30px; } -.nav ul { margin-left:1em; } -.nav h1 { margin-bottom:50px;} -.nav { position:absolute; top: 20px; left: 20px; } - - - -/*selection*/ -::-moz-selection {background: #08f !important; color:#fff;} -::selection {background: #08f !important; color:#fff;} - -/*links*/ -a { color:#e07; border:0; text-decoration:none; } -a img { border:0; } -a.mute { text-decoration:none !important; } -a:hover, a.mute:hover { color:#d15; text-decoration:underline; } - -/*headings*/ -h1, h2, h3, h4, h5, h6 { font-size:1em; } -h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { } -h1 { margin:0 0 3em 0; } -h2 { margin:0 0 0.5em 0; } -h3 { margin:0 0 0 0; } - -ol li { list-style-type:decimal; } - -img { margin-bottom:0.25em; } - -blockquote { font-family:times; background:#000; color:#aaa; -margin:0; font-size:15px; line-height:1.4em; padding:2em 4em; font-style:italic; line-height:1.45em; max-width:600px;} - -#content p:first-child { margin-top:0; } - -p { max-width:720px; } - -ul, li { margin:0; padding:0; list-style-type:none; } - -.nav a {font-weight:bold;} - -#content { margin-left:180px; min-width:500px; position:absolute; top:20px; padding-bottom:200px; z-index:10; } -.entry { margin-bottom:50px; padding-bottom:50px; border-bottom:1px dotted #232323; } -.entry h2 { padding-bottom:4px; } -.entry h2 .title-date { font-weight:normal; color:#555; font-style:italic; font-size:0.75em; } -.entry h2 a { text-decoration:underline; } -.entry .metadata { font-size:0.75em; margin-top:20px; font-style:italic; color:#555; line-height:1.3em; } -.entry .metadata a { color:#555; text-decoration:underline; } -.entry .metadata a:hover { color:#d15; } -.entry .metadata .tags li { display:inline-block; margin-right:0.2em; } - -.caption { font-style:italic; margin-top:5px; color:#444; } - -#footer { margin-top:120px; } -#footer .copy a { text-decoration:none; } diff --git a/templates/default.html.tpl b/templates/default.html.tpl index c548db7..eb9b5b5 100644 --- a/templates/default.html.tpl +++ b/templates/default.html.tpl @@ -13,10 +13,13 @@
- more →

'; + $entry['content'] = $entry['content_short'] . '
more →

'; + $this->include_template('entry.html.tpl', array('data' => $entry)); + ?> diff --git a/templates/default.json.tpl b/templates/default.json.tpl index 712719b..b277003 100644 --- a/templates/default.json.tpl +++ b/templates/default.json.tpl @@ -1,5 +1,5 @@ { - "entries": , + "data": , "count": , "total": } diff --git a/templates/entry.html.tpl b/templates/entry.html.tpl index cd68910..0685e59 100644 --- a/templates/entry.html.tpl +++ b/templates/entry.html.tpl @@ -1,7 +1,7 @@

- +

diff --git a/templates/head-inc.html.tpl b/templates/head-inc.html.tpl index 31f8539..2d505c1 100644 --- a/templates/head-inc.html.tpl +++ b/templates/head-inc.html.tpl @@ -1,3 +1,22 @@ - \ No newline at end of file + + + + + + + diff --git a/templates/nav.html.tpl b/templates/nav.html.tpl index 3661a71..e9f1b76 100644 --- a/templates/nav.html.tpl +++ b/templates/nav.html.tpl @@ -1,26 +1,10 @@ diff --git a/templates/projects.html.tpl b/templates/projects.html.tpl index 3440188..14b30cb 100644 --- a/templates/projects.html.tpl +++ b/templates/projects.html.tpl @@ -3,7 +3,7 @@ include_template('head-inc.html.tpl') ?> - <?=SITE_TITLE?>, <?=$page_title?> + <?=SITE_TITLE?>: <?=$page_title?> @@ -11,10 +11,25 @@ include_template('nav.html.tpl') ?>
+ +

+ +
    + +
  • + +
    • + +
-
    + diff --git a/public/.htaccess b/www/.htaccess similarity index 100% rename from public/.htaccess rename to www/.htaccess diff --git a/www/css/style.css b/www/css/style.css new file mode 100644 index 0000000..5f5e2c1 --- /dev/null +++ b/www/css/style.css @@ -0,0 +1,67 @@ +@font-face { font-family: DejaVuSansMono; src: url('/fonts/DejaVuSansMono.ttf'); } +@font-face { font-family: DejaVuSans; src: url('/fonts/DejaVuSans.ttf'); } + +body { margin:10px 100px 50px 40px; } +html, body, table { font-family: DejaVuSans; font-size:10px; line-height:1.5em; color:#000; } + +::-moz-selection {background: #08f !important; color:#fff;} +::selection {background: #08f !important; color:#fff;} + +a { border:0; color:#333; } +p a { color:#777; } +a img { border:0; } +a.mute { text-decoration:none !important; } +a:hover, a.mute:hover { color:#d15; text-decoration:underline; } + +h1, h2, h3, h4, h5, h6 { font-weight:bold; font-size:1em; } +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; } +h1 { margin:0 0 3em 0; } +h2 { margin:0 0 0.5em 0; } +h3 { margin:0 0 0 0; } + +ul, li { margin:0; padding:0; list-style-type:none; } +ol li { list-style-type:decimal; } + +img { margin-bottom:0.25em; } + +blockquote { + background:#000; color:#aaa; + font-family:times; font-style:italic; line-height:1.45em; font-size:15px; line-height:1.4em; + margin:0; padding:2em 4em; max-width:600px; +} + +.nav { position:absolute; z-index:1; top:5px; left:30px; } +.nav ul { margin-left:1em; } +.nav a { text-decoration:none; font-weight:bold; } +.nav li { display:inline-block; margin-right:2em;} + +#content { max-width:550px; position:absolute; top:100px; left:30px; z-index:10; } +#content p:first-child { margin-top:0; } + +#data_list { float:left; margin-right:100px; position:absolute; top: 3em; width:200px; } +#data { position:absolute; top:3em; left:300px; } +#data li { margin-bottom:50px; } +#data li span { display:none; } +#data li a { text-decoration:none;} +#data li img { border:1px solid #444; } + +#footer { } + +#slides { background:#000; } +#slidenav { float:left; } +#slidenav a { margin-right:10px; } +#prev, #next { float:left; } +#prev { margin-right:1em; } +#slidenav a.activeSlide { text-decoration:none; } + +.entry { margin-bottom:50px; padding-bottom:50px; } +.entry h2 { padding-bottom:4px; } +.entry .date { color:aaa;} +.entry p { max-width:550px; } +.entry .metadata { font-size:0.9em; font-style:italic; color:#999; line-height:1.3em; } +.entry .metadata a { color:#999; text-decoration:underline; } +.entry .metadata a:hover { color:#d15; } +.entry .metadata .tags li { display:inline-block; margin-right:0.2em; } + +.caption { font-style:italic; margin-top:5px; color:#444; } + diff --git a/public/index.php b/www/index.php similarity index 99% rename from public/index.php rename to www/index.php index 76e89fb..fbb2931 100644 --- a/public/index.php +++ b/www/index.php @@ -1,7 +1,5 @@