--- /dev/null
+title = projects
+template = projects
\ No newline at end of file
--- /dev/null
+title = Tessellated Group Booth Design
+date = 2010
+--
+
+<p class="center">
+<img src="<?php echo $data['media']; ?>/tessellated_booth_comp.jpg" />
+<br />
+tessellated group
+<br/>
+<em>identity design, installation design</em>
+</p>
\ No newline at end of file
+++ /dev/null
-title = project title
-featured = yes
-thumb = /projects/the-project/thumb.png
-desc = the project description
---
-the project
\ No newline at end of file
--- /dev/null
+title = aero
+date = 2008
+--
+<p class="center">
+<img src="<?php echo $data['media']?>/aero.jpg" />
+
+<br />
+ceramic. 6" x 3" x 3"
+</p>
\ No newline at end of file
--- /dev/null
+title = Celestes Calendar
+featured = yes
+date = December 6 2001
+thumb = /media/projects/celestes/thumb.jpg
+desc = the project description
+--
+Adaptation of Galileo's Celestas calendar (prototype).
+Includes phases of the moon, as well as the dates
+for the equinoxes and solstices.
+The medium dial counts hours of the day, and the smallest
+dial counts minutes of the hour.
+
+<p class="center">
+<img src="/media/projects/celestes/calendar.jpg" border="0">
+</p>
+
+<br />
+
+<p class="center">
+Prototype constructed out of balsa, acid free paper. <br />
+<img src="/media/projects/celestes/calendar_piece_thmb.jpg" border="0">
+</p>
\ No newline at end of file
--- /dev/null
+title = mask
+--
+<p class="center">
+<img src="<?echo $data['media']?>/mask.jpg" />
+<br />
+graphite on plywood. 12" x 12"
+</p>
\ No newline at end of file
--- /dev/null
+title = prism
+--
+<p class="center">
+<img src="<?echo $data['media']?>/3.jpg" />
+<br />
+oil on canvas. 4' x 3'
+</p>
\ No newline at end of file
html, body, table {
- background: none repeat scroll 0% 0% #1F1F1F;
- color: #bbb;
- font-family: Lekton, sans-serif;
- font-size: 13px;
+ background: none repeat scroll 0pt 0pt #FFFFFF;
+ color: #444444;
+ font-family: verdana,sans-serif;
+ font-size: 12px;
line-height: 1.5em;
}
padding: 0.2em 0pt;
text-decoration: none;
}
+
a img {
border: 0pt none;
}
+
a.mute {
text-decoration: none ! important;
}
+
a:hover, a.mute:hover {
- color: #FFDDFF;
+ color: #EE44FF;
}
p {
- max-width:650px;
- text-align:left;
- margin:20px auto;
+ margin: 20px auto;
+ max-width: 800px;
+ text-align: left;
}
strong {
- color: #FFFFFF;
+
}
h1, h2, h3, h4, h5, h6 {
- font-family:Lekton, sans-serif;
- color: #FFFFFF;
- font-size: 16px;
- font-weight: bold;
+ font-family: Lekton,sans-serif;
+ font-size: 16px;
+ font-weight: bold;
}
+
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;
}
blockquote {
- background: none repeat scroll 0% 0% #000000;
+ background: none repeat scroll 0pt 0pt #000000;
color: #AAAAAA;
font-family: times;
font-size: 15px;
max-width: 600px;
padding: 2em 4em;
}
+.center {
+ text-align:center;
+}
#nav {
- font-family:Lekton, sans-serif;
- font-size: 16px;
- letter-spacing: 0.2em;
- margin-bottom: 60px;
- margin-left: 20px;
- text-align:center;
+ font-family: Lekton,sans-serif;
+ font-size: 16px;
+ letter-spacing: 0.2em;
+ margin-bottom: 60px;
+ margin-left: 20px;
+ text-align: center;
}
+
#nav h1 {
- margin:1em 0em;
+ margin: 1em 0pt;
}
+
.nav a {
border: 0pt none;
text-decoration: none;
}
+
.nav li {
display: inline-block;
- margin: 0 2em;
+ margin: 0pt 2em;
}
-
#content {
padding: 0pt 20px;
- text-align:center;
+ text-align: center;
}
+
#content p:first-child {
margin-top: 0pt;
}
-
.projects {
+
}
+
.projects li {
- display:inline-block;
+ display: inline-block;
}
-.projects li a {
+
+.projects li a.thumb {
background: none repeat scroll 0% 0% #000000;
border: 0pt none;
display: block;
height: 160px;
width: 250px;
}
+
.projects li img {
height: 100%;
width: 100%;
}
+
.projects li a {
text-decoration: none;
}
-
-
.entry {
margin-bottom: 150px;
}
+
.entry h2 {
- margin-bottom:0;
+ margin-bottom: 0pt;
}
+
.entry .title {
margin-bottom: 20px;
}
+
.entry .date {
- color: #994455;
- border-top:1px solid #333;
- max-width:200px;
- margin:0 auto;
- font-size:12px;
- padding-top:8px;
+ border-top: 1px solid #CCCCCC;
+ color: #996677;
+ font-size: 12px;
+ margin: 0pt auto;
+ max-width: 200px;
+ padding-top: 8px;
}
+
.entry .tags {
- margin-top:10px;
- color:#444;
- font-size:12px;
- font-style:italic;
+ color: #444444;
+ font-size: 12px;
+ font-style: italic;
+ margin-top: 10px;
}
+
.entry .tags li {
display: inline-block;
}
-
.caption {
color: #444444;
font-style: italic;
$cat = clean_slashes(str_replace(LOCAL_ROOT . CONTENT_DIR, "", $fileInfo->getPath()));
$file['cat'] = $page ? null : array('name' => substr($cat,1), 'url' => $cat.'/' );
$file['path'] = $fileInfo->getRealPath();
+ $file['media'] = MEDIA_ROOT . ($page ? '' : substr($file['cat']['url'],1)) . $fileInfo->getFilename() . '/';
+ $file['thumb'] = isset($file['config']['thumb']) ? $file['config']['thumb'] : MEDIA_ROOT . substr($file['cat']['url'],1) . $fileInfo->getFilename() . '/thumb.png';
$file['url'] = WEB_ROOT . ($page ? '' : substr($file['cat']['url'],1)) . $fileInfo->getFilename() . '/';
return $file;
ini_set('include_path', ini_get('include_path') . PATH_SEPARATOR . dirname(realpath(__FILE__)));
+ define ('SITE_TITLE', 'Gabriel Dunne');
define ('LOCAL_ROOT', '/home/quilime/gabrieldunne-site/');
+ define ('MEDIA_ROOT', 'http://'.$_SERVER['SERVER_NAME'].'/media/');
define ('WEB_ROOT', 'http://'.$_SERVER['SERVER_NAME'].'/');
define ('CONTENT_DIR', 'content');
title = about
--
-My work is an exploration of the visual, audible, and physical spectrum, drawing influence from natural systems, structures, and rhythms of the perceivable and imperceivable universe.
+My name is Gabriel Labov Dunne, and I was born in San Francisco in 1981. The content of this site document my explorations of visual, audible, physical, and imperceivable spectrums, drawing influence from natural systems, structures, rhythms of the perceivable and imperceivable universe.
-I have a passion for creativity and exploration and express it in many different ways. My work takes the form of self-initiated explorations and experiments, public works, collaborations, software/hardware development, and industrial design and processes.
+I make projects that sometimes involve but are not limited to these various modes: Technology, design, fabrication, software, sound/music, video, animation, art, performance, teaching, public works, and collaborations.
-I also publish [quilime.com](http://quilime.com), a codification of creative process and resources.
+<a href="/links">links</a>
+<a href="/cv">c/v</a>
-*contact:*
+
+Studio
1242 Market Street, FL 2
San Francisco, CA 94102
+ 1 415 493 8496
-<a href="mailto:studio@gabrieldunne.com">studio@gabrieldunne.com</a>
+<a href="mailto:studio@gabrieldunne.com">email</a>
+
title = index
---
-
-<script>
-
- $(document).ready(function() {
- $('#nav').css({'margin-top':$(window).height()/2 - $('#nav').height()/2});
- });
-
-</script>
\ No newline at end of file
+--
\ No newline at end of file
title = links
type = page
-markdown = true
--
+elsewhere
+----
++ [quilime.com](http://quilime.com)
+
+<br />
+<br />
people
------
-+ gabriel dunne [gabrieldunne.com](http://gabrieldunne.com)
+ stephanie sherriff [ssherriff.com](http://ssherriff.com)
+ ryan alexander [onecm.com](http://onecm.com)
+ joshua nimoy [jtnimoy.net](http://jtnimoy.net)
<h2>
<a href="<?=$data['url']?>"><?=$data['title']?></a>
</h2>
- <div class="date" title="<?=get_relative_time($data['timestamp']);?>"><?=date("F d, Y", $data['timestamp'])?></div>
</div>
<div class="content">
</div>
<div class="metadata">
+ <div class="date" title="<?=get_relative_time($data['timestamp']);?>"><?=date("Y-m-d", $data['timestamp'])?></div>
<ul class="tags">
- <? if ($data['tags']) foreach($data['tags'] as $tag) : ?>
+ <?php if ($data['tags']) foreach($data['tags'] as $tag) : ?>
<li>#<?=$tag?></li>
- <? endforeach; ?>
+ <?php endforeach; ?>
</ul>
</div>
<ul class="nav">
<li><a href="/projects/">projects</a></li>
+ <li><a href="/art/">art</a></li>
+ <li><a href="/design/">design</a></li>
<li><a href="/blog/">blog</a></li>
<li><a href="/about/">about</a></li>
- <li><a href="/cv/">cv</a></li>
</ul>
</div>
\ No newline at end of file
<? $this->include_template('nav.html.tpl') ?>
<div id="content">
-
- <? /*
- <ul id="data_list">
- <? foreach($data as $entry): ?>
- <li>
- <a href="<?=$entry['url']?>"><?=$entry['title']?></a>
- </li>
- <? endforeach; ?>
-
- <li><br/></li>
- <li>archive</li>
- <li>...</li>
- </ul>
- */ ?>
<ul class="projects">
<? foreach($data as $entry): ?>
<li>
- <a href="<?=$entry['url']?>">
- <img src="<?=$entry['config']['thumb']?>" /><br/>
- <h2><?=$entry['title']?></h2>
+ <a href="<?=$entry['url']?>" class="thumb">
+ <img src="<?=$entry['thumb']?>" /><br/>
</a>
- <? /*
- <div class="desc">
- <h2><?=$entry['title']?></h2>
- <?=$entry['config']['desc']?>
- </div>
- */ ?>
+ <a href="<?=$entry['url']?>"><?=$entry['title']?></a>
</li>
<? endforeach; ?>
</ul>
</h1>
<div class="content">
- <?=$data['content']?>
+ <? eval('?>' . $data['content']); ?>
</div>
<div class="metadata">
- posted <abbr title="<?=get_relative_time($data['timestamp']);?>"><?=date("F d, Y", $data['timestamp'])?></abbr>
+ <div class="date" title="<?=get_relative_time($data['timestamp']);?>"><?=date("Y-m-d", $data['timestamp'])?></div>
in <a href="<?=$data['cat']['url'];?>"><?=$data['cat']['name'];?></a>
- <br/>
<ul class="tags">
<? if ($data['tags']) foreach($data['tags'] as $tag) : ?>
<li>#<?=$tag?></li>
git.quilime.com / plog.git / commitdiff