--
<img src="http://portfolio.quilime.com/2008/aero//aero.jpg" />
-aero
-<em>ceramic. 6" x 3" x 3"</em>
+*ceramic. 6" x 3" x 3"*
-->
</p>
<p>
-<em>medium: software</em>
+<em>interactive software written in c++</em>
</p>
<!--more-->
<img src="http://portfolio.quilime.com/new/content/07_Light/images/noton.jpg">
-found plexi (street find by ss). Added lights, hung with wire. The beginnings of exploring interactive sculpture.
-
-*medium: incandescent lights, acrylic*
+*christmas lights, acrylic*
tag = video installation
--
-<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/god.0498.png">
-
-
-An exploration of infinite/finite space. The user transitions between macro and micro environments of mathematically infinite scale, limited only by computer processing power. As the viewer moves through multiple spaces, their scope and perspective widends and transcends while space becoms infinitely big and infinitely small simultaneously.
-
-*non-interactive software*
-
-
-<!--more-->
-
<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" id="qt_object" width="640" height="496" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0">
<param name="type" value="video/quicktime">
<param name="name" value="qt_object">
-<param name="nocache" value="true">
-<param name="autoplay" value="true">
-<param name="kioskmode" value="true">
+<param name="nocache" value="false">
+<param name="autoplay" value="false">
+<param name="kioskmode" value="false">
<param name="controller" value="true">
<param name="loop" value="true">
<param name="bgcolor" value="#000000">
<param name="src" value="http://portfolio.quilime.com/2008/sempernull/stars.mov">
<param name="pluginspage" value="http://www.apple.com/quicktime/download/indext.html">
-<embed name = "qt_object" width="640" height="496" controller="true" loop="true" autoplay="true" src="http://portfolio.quilime.com/2008/sempernull/stars.mov" kioskmode="true" nocache="true" type="video/quicktime" bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html" enablejavascript="true">
+<embed name = "qt_object" width="640" height="496" controller="true" loop="true" autoplay="false" src="http://portfolio.quilime.com/2008/sempernull/stars.mov" kioskmode="false" nocache="false" type="video/quicktime" bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html" enablejavascript="true">
</embed>
</object>
-<p>
-sempernull
-<br/>
-</p>
+
+An exploration of infinite/finite space. The user transitions between macro and micro environments of mathematically infinite scale, limited only by computer processing power. As the viewer moves through multiple spaces, their scope and perspective widends and transcends while space becoms infinitely big and infinitely small simultaneously.
+
+*non-interactive software*
+
+
+<!--more-->
+
in space is a sinusoidal rhythm.
-->
-*medium: software*
+*interactive software written in c++*
<!--more-->
thumb = http://portfolio.quilime.com/2008/synonymovement/thumb.png
--
-synonymovement
-*non-interactive software*
-
-<!--more-->
-
<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" id="qt_object" width="640" height="496" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0">
<param name="type" value="video/quicktime">
<param name="name" value="qt_object">
-<param name="nocache" value="true">
-<param name="autoplay" value="true">
-<param name="kioskmode" value="true">
+<param name="nocache" value="false">
+<param name="autoplay" value="false">
+<param name="kioskmode" value="false">
<param name="controller" value="true">
<param name="loop" value="true">
<param name="bgcolor" value="#000000">
<param name="src" value="http://portfolio.quilime.com/2008/synonymovement/synonymovement.mov.mov">
<param name="pluginspage" value="http://www.apple.com/quicktime/download/indext.html">
-<embed name = "qt_object" width="640" height="496" controller="true" loop="true" autoplay="true" src="http://portfolio.quilime.com/2008/synonymovement/synonymovement.mov.mov" kioskmode="true" nocache="true" type="video/quicktime" bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html" enablejavascript="true">
+<embed name = "qt_object" width="640" height="496" controller="true" loop="true" autoplay="false" src="http://portfolio.quilime.com/2008/synonymovement/synonymovement.mov.mov" kioskmode="false" nocache="false" type="video/quicktime" bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html" enablejavascript="true">
</embed>
</object>
-
-
-synonymovement
-*non-interactive software*
+*non-interactive software written in c++*
font-size:14px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
- display:block;
text-decoration:none;
color:#666;
}
margin-bottom:5px;
}
.entry h1 a {
- display:block;
}
.entry h1 a:hover {
-
}
.entry h2 {
margin-top:40px;
var init = ( function () {
- var LEFT = 37, RIGHT = 39;
+ var LEFT = 37, UP = 38, RIGHT = 39;
+
+ PARENT_CAT = typeof(PARENT_CAT) != "undefined" ? PARENT_CAT : '';
+ PREV_ENTRY = typeof(PREV_ENTRY) != "undefined" ? PREV_ENTRY : '';
+ NEXT_ENTRY = typeof(NEXT_ENTRY) != "undefined" ? NEXT_ENTRY : '';
document.onkeypress = function(e) {
switch (e.keyCode) {
- case LEFT : nextEntry(); break;
- case RIGHT : prevEntry(); break;
+ case UP :
+ if (PARENT_CAT && window.pageYOffset == 0)
+ window.location = PARENT_CAT;
+ break;
+ case LEFT :
+ if (PREV_ENTRY)
+ window.location = PREV_ENTRY;
+ break;
+ case RIGHT :
+ if (NEXT_ENTRY)
+ window.location = NEXT_ENTRY;
+ break;
}
}
- function prevEntry() {
- if (typeof(PREV_ENTRY) != "undefined") {
- window.location = PREV_ENTRY;
- }
- }
+})();
- function nextEntry() {
- if (typeof(NEXT_ENTRY) != "undefined") {
- window.location = NEXT_ENTRY;
- }
- }
-})();
+function fadeOut( elem, time )
+{
+ var startOpacity = elem.style.opacity || 1;
+ elem.style.opacity = startOpacity;
+ (function go() {
+ elem.style.opacity -= startOpacity / ( time / 100 );
+
+ // for IE
+ elem.style.filter = 'alpha(opacity=' + elem.style.opacity * 100 + ')';
+
+ if( elem.style.opacity > 0 )
+ setTimeout( go, 100 );
+ else
+ elem.style.display = 'none';
+ })();
+}
+
+
+function fadeIn( elem, time )
+{
+ if (elem.style.opacity == 0)
+ elem.style.opacity = .1;
+
+ var startOpacity = elem.style.opacity || .1;
+ elem.style.opacity = startOpacity;
+
+ (function go() {
+ elem.style.opacity += startOpacity ( time / 100 ) ;
+
+ console.log(elem.style.opacity);
+
+ //console.log(elem.style.opacity);
+
+ // for IE
+ elem.style.filter = 'alpha(opacity=' + elem.style.opacity * 100 + ')';
+
+ if( elem.style.opacity < 1 )
+ setTimeout( go, 100 );
+ else
+ elem.style.display = 'none';
+ })();
+}
title = about
--
-#about
-quilime is a codification of projects, process and resources by **gabriel dunne** ([www](http://gabrieldunne.com), [email](mailto:gdunne@quilime.com))
+quilime is a codification of projects, process and resources
-quilime is powered by <a href="http://git.quilime.com/?p=plog;a=summary">plog</a>, a static-file **p**roject+**log**ging engine.
+all content © 1999—2012 **gabriel dunne** ([www](http://gabrieldunne.com), [email](mailto:gdunne@quilime.com))
-other projects
+
+<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/80x15.png" /></a>
+
+<br />
+
+related
[clmpr](http://clmpr.com/quilime/)
[aggregate](http://media.quilime.com/aggregate/)
[git.quilime.com](http://git.quilime.com)
-elsewhere on the internets
+elsewhere
[flickr](http://flickr.com/photos/quilime/)
[vimeo](http://vimeo.com/quilime/)
[github](http://github.com/quilime/)
-[@quilime](http://twitter.com/quilime/)
+[twitter](http://twitter.com/quilime/)
<!-- add <a href="http://quilime.com/.rss" class="rss">.rss</a> to the end of any url for an xml feed -->
+<br />
+
+running on <a href="http://git.quilime.com/?p=plog;a=summary">plog</a>, a custom static-file **p**roject+**log**ging engine.
+
<html>
<head>
-
<? $this->include_template('head-inc.html.tpl') ?>
-
<title><?=SITE_TITLE?><?=$this->page_title(TITLE_DELIMITER);?></title>
-
</head>
<body>
-
<div id="content">
<div class="entries">
- <?
- // TODO: PAGINATION!!
- ?>
<? foreach($entries as $entry): ?>
- <?
- if (isset($entry['content_short']))
- $entry['content'] = $entry['content_short'] . '<br /><a class="more" href="'.$entry['url'].'">more →</a><br /><br />';
-
- $this->include_template('entry.html.tpl', array('entry' => $entry));
- ?>
- <? endforeach;
+
+ <? if (isset($entry['content_short'])): ?>
+ <? $entry['content'] = $entry['content_short'] . '<br /><a class="more" href="'.$entry['url'].'">more →</a><br /><br />'; ?>
+ <? endif; ?>
- unset($entry);
+ <? $this->include_template('entry.html.tpl', array('entry' => $entry)); ?>
- ?>
+ <? endforeach; ?>
</div>
</div>
- <? $this->include_template('nav.html.tpl') ?>
- <? $this->include_template('footer.html.tpl') ?>
+<? $this->include_template('nav.html.tpl') ?>
+<? $this->include_template('footer.html.tpl') ?>
</body>
</html>
<div class="entry">
<h1>
- <a title="posted on <?=$entry['date']?>" href="/<?=$entry['url']?>"><?=$entry['title']?></a>
+ <a title="posted on <?=$entry['date']?>" href="/<?=$entry['url']?>">— <?=$entry['title']?></a>
</h1>
<div class="content">
<!-- footer -->
<script src="<?=get_base_dir();?>/js/js.js"></script>
+
var canvas = document.getElementById('thumb_<?=$c?>');
if(canvas && canvas.getContext) {
var ctx = canvas.getContext('2d');
- ctx.strokeStyle = "#1d1d1d";
+ ctx.strokeStyle = "rgba(42, 128, 235, .25)";
ctx.fillStyle = "#121212";
ctx.fillRect (0, 0, 100, 100);
ctx.fill();
<br />
<br />
- content
<? $dirs = get_dirs("", array('recursive' => 0)); ?>
<? foreach($dirs as $dir) : ?>
<li><a href="/<?=$dir['url']?>"><?=$dir['name']?></a></li>
<br />
<br />
- static
<li><a href="/photo">photo</a></li>
<li><a href="/agg">aggregate</a></li>
<li><a href="/links">links</a></li>
<? $this->include_template('nextprev.html.tpl'); ?>
</li>
+ <!--
+ <li id="viewtoggle">
+ <? $this->include_template('viewtoggle.html.tpl'); ?>
+ </li>
+ -->
</ul>
+<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+<script>
+ $('#content').fadeIn();
+</script>
+ -->
+
<span style="font-size=15px;">
<?
-
// surely this is in the template somewhere??
$cur_request = get_request();
if (isset($entries)) {
}
?>
+
<? if (isset($cur_request['dirname']) && $cur_request['dirname'] != '/' ) : ?>
-<span style="font-family:arial">
-<a href="/<?=$cur_request['dirname']?>">↑</a>
-</span>
-<br /><br />
+ <a href="/<?=$cur_request['dirname']?>">↑</a>
+ <script>var PARENT_CAT = '/<?=$cur_request['dirname']?>'</script>
<? endif; ?>
+<br /><br />
+
<? if(isset($entry['is_single'])) : ?>
-<span style="font-family:arial">
- <? if (isset($entry['next_entry'])) : ?>
- <a href="/<?=$entry['next_entry']['url']?>">→</a>
- <script>var NEXT_ENTRY = '<?=$entry['next_entry']['url']?>'</script>
- <? endif; ?>
+<? if (isset($entry['next_entry'])) : ?>
+ <a href="/<?=$entry['next_entry']['url']?>">→</a>
+ <script>var NEXT_ENTRY = '/<?=$entry['next_entry']['url']?>'</script>
+<? endif; ?>
- <br /><br />
+<br /><br />
- <? if (isset($entry['prev_entry'])) : ?>
- <a href="/<?=$entry['prev_entry']['url']?>">←</a>
- <script>var PREV_ENTRY = '<?=$entry['prev_entry']['url']?>'</script>
- <? endif; ?>
+<? if (isset($entry['prev_entry'])) : ?>
+ <a href="/<?=$entry['prev_entry']['url']?>">←</a>
+ <script>var PREV_ENTRY = '/<?=$entry['prev_entry']['url']?>'</script>
+<? endif; ?>
<? endif; ?>
</span>
-
<? $this->include_template('head-inc.html.tpl') ?>
- <title><?=SITE_TITLE?><?=TITLE_DELIMITER?> <?=$data['title']?></title>
+ <title><?=SITE_TITLE?><?=TITLE_DELIMITER?><?=$page['title']?></title>
</head>
<body>
</div>
<? $this->include_template('nav.html.tpl') ?>
-
<? $this->include_template('footer.html.tpl') ?>
</body>
<? else : ?>
<canvas id="thumb_<?=$c?>" width="100" height="100"></canvas>
-
<script>
var canvas = document.getElementById('thumb_<?=$c?>');
if(canvas && canvas.getContext) {
var ctx = canvas.getContext('2d');
- ctx.strokeStyle = "#1d1d1d";
+ ctx.strokeStyle = "rgba(42, 128, 235, .25)";
ctx.fillStyle = "#121212";
ctx.fillRect (0, 0, 100, 100);
ctx.fill();