-
-
- <IfModule mod_rewrite.c>
++Options +FollowSymLinks
+RewriteEngine On
- RewriteBase /
+
-
-
-# clean urls
-
-
-# <IfModule mod_rewrite.c>
-# RewriteEngine On
-# RewriteBase /
-# RewriteCond %{REQUEST_FILENAME} !-f
-# RewriteCond %{REQUEST_FILENAME} !-d
-# RewriteRule . index.php [L]
-# </IfModule>
-
-
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
- RewriteRule . index.php [L]
- </IfModule>
++RewriteRule (.*) index.php?p=$1 [L]
--- /dev/null
--- /dev/null
++template = archive
--- /dev/null
--- /dev/null
++title = habitat
++date = 2011-9-27
++--
++
++
++<a href="http://www.flickr.com/photos/quilime/6272674574/sizes/z/in/photostream/">
++<img src="http://farm7.staticflickr.com/6215/6272674574_697ee1c5e7_z.jpg" />
++</a>
++
++<br />
++
++<a href="http://www.flickr.com/photos/quilime/6272150991/sizes/z/in/photostream/">
++<img src="http://farm7.staticflickr.com/6227/6272150991_1d7339a83d_z.jpg" />
++</a>
++
++
--- /dev/null
-<!--<img src="media/sriyantra/sri_light.png"> -->
-<img src="media/sriyantra/sri_bindu.png">
+ date = 2011-09-28
+ title = sri yantra
+ --
+
-<img src="media/sriyantra/kali-yantra.jpg" />
-Kali → goddess of eternal energy. "She who destroys all". The goddess of time and change. The ultimate reality.
++<!--<img src="http://media.quilime.com/files/projects/india/sriyantra/sri_light.png"> -->
++<img src="http://media.quilime.com/files/projects/india/sriyantra/sri_bindu.png">
+ <!--<img src="media/sriyantra/sri_dark.png"> -->
+ Shri Yantra
+
-<img src="media/sriyantra/sri_guides.png" />
++<img src="http://media.quilime.com/files/projects/india/sriyantra/kali-yantra.jpg" />
++Kali → goddess of eternal energy. The goddess of time and change. The ultimate reality.
+
+
+ > The Sri Chakra or Shri Yantra of Tripura Sundari is a yantra or mandala formed by nine interlocking triangles surrounding the bindu. Four of these triangles are orientated upright representing Shiva or the Masculine. Five of these triangles are inverted triangles represent Shakti or the Feminine. Because it is composed of nine triangles, it is also known as the Navayoni Chakra.[1]
+
-<img src="media/sriyantra/datta5.jpg" />
++<img src="http://media.quilime.com/files/projects/india/sriyantra/sri_guides.png" />
+ <em>sri yantra guides</em>
+
+ > Together the nine triangles are interlaced in such a way as to form 43 smaller triangles in a web symbolic of the entire cosmos or a womb symbolic of creation. Together they express Advaita or non-duality. This is surrounded by a lotus of eight petals, a lotus of sixteen petals, and an earth square resembling a temple with four doors.[1]
+
+ > The Shri Chakra is also known as the nava chakra because it can also be seen as having nine levels. Each level corresponds to a mudra, a yogini, and a specific form of the deity Tripura Sundari along with her mantra. These levels starting from the outside or bottom layer are:[1]
+
+ 1. Trailokya Mohana or Bhupara, a square of three lines with four portals
+ 2. Sarvasa Paripuraka, a sixteen-petal lotus
+ 3. Sarva Sankshobahana, an eight-petal lotus
+ 4. Sarva Saubhagyadayaka, composed of fourteen small triangles
+ 5. Sarvarthasadhaka, composed of ten small triangles
+ 6. Sarva Rakshakara, composed of ten small triangles
+ 7. Sarva Rohahara, composed of eight small triangles
+ 8. Sarva siddhi prada, composed of 1 small triangle
+ 9. Sarvanandamaya, composed of a point or bindu
+
+ > The Sri Chakra (called the Shri Yantra) is the symbol of Hindu tantra, which is based on the Hindu philosophy of Kashmir Shaivism.
+
+
+ Vijnanamaya — spiritual body composed of prayer and fortified by meditation
+
+ Anandamaya — body of the joy of union with god
+
+ > —he who realizes the truth of the body can then come to tknow the truth of the universe
+
+ Payodhi-jala — primordial waters, force of the manifested universe
+
+ > A fourth dimension of aesthetic sense, where all is in ourselves, ourselves in all —Aurobindo
+
+ Tantra: analogies between the individual and the cosmos, and the life forces which govern them
+
+ > reflections of what is taking place in real life and reminding thought visions of our true nature
+
+
+
+
+
++<img src="http://media.quilime.com/files/projects/india/sriyantra/datta5.jpg" />
+
--- /dev/null
--- /dev/null
++title = beg
++date = Oct 16 2011, 15:34:03
++--
++
++
++
++<a href="http://www.flickr.com/photos/quilime/6200087309/sizes/l/in/photostream/">
++<img src="http://farm7.staticflickr.com/6174/6200087309_3cd592be3d_z.jpg">
++</a>
++
++They move their mouths into a sad frown, they use their eyes, they tap on the windows.
--- /dev/null
-date = Tue, Oct 4 2011, 12:46:34; IST
+ title = dreams
-My dreams have been incredibly vivid. probably due to the heat. sleeping at odd hours. been working in the studio most of the day at Vishal's house, so I haven't been going out as much as I would like. It's also incredibly hot outside, averaging about 36 degrees C, which is about 95 F.
++date = Oct 4 2011, 12:46:34
+ --
++My dreams have been incredibly vivid. probably due to the heat. sleeping at odd hours. been working in the studio most of the day at Vishal's house, so I haven't been going out as much as I would like. It's also incredibly hot outside, averaging about 36 degrees C, which is about 95 F.
--- /dev/null
-date = Wed, Oct 05 2011, 03:53:55 PM; IST
+ title = islands
++date = Oct 05 2011, 03:53:55 PM
+ --
+
+ > Imagine that every man's mind is an island, surrounded by ocean. Each seems isolated, yet in reality all are linked by the bedrock from which they spring. If the ocean were to vanish, that would be the end of the islands. They would all be part of one continent, but their individuality would be gone.
+
+ > —"The Inspector" Overlord. <u>Childhoods End</u>, Arthur C. Clark. p.176
--- /dev/null
--- /dev/null
++date = 2011-10-06
++title = alphabet
++--
++
++consanants
++
++<img src="http://media.quilime.com/files/projects/india/lang/hindi_cons.gif">
++<br /><br /><br />
++
++vowels
++
++<img src="http://media.quilime.com/files/projects/india/lang/hindi_vwl.gif">
++<br /><br /><br />
++
++numbers
++
++<img src="http://media.quilime.com/files/projects/india/lang/hindi_num.gif">
++<br /><br /><br />
--- /dev/null
--- /dev/null
++title = dushera
++date = Oct 06 2011, 06:00:16 PM
++draft = true
++--
++
++<a href="http://www.flickr.com/photos/quilime/6265932597/sizes/l/in/photostream/">
++<img src="http://farm7.staticflickr.com/6098/6265932597_c89ec37c99_z.jpg" />
++</a>
++
++dushera
--- /dev/null
-date = Wed, Oct 05 2011, 03:17:57 PM; IST
+ title = childhoods end
++date = Oct 05 2011, 03:17:57 PM
+ --
+
+ > The case of India is particularly instructive. The main difference between us and the British in India was that they had no real motives for going there—no conscious objectives, that is, except such trivial and temporary ones as trade or hostility to other European powers. They found themselves possessors of an empire before they knew what to do with it, and were never really happy until they had got rid of it again.
+
+ > —"The Inspector" Overlord. <u>Childhoods End</u>, Arthur C. Clark. p.161
--- /dev/null
--- /dev/null
++title = sun
++date = Oct 23 2011, 06:06:33 PM
++--
++
++<a href="http://www.flickr.com/photos/quilime/6265929413/sizes/l/in/photostream/">
++<img src="http://farm7.staticflickr.com/6230/6265929413_f47dddb458_z.jpg" />
++</a>
--- /dev/null
--- /dev/null
++title = Water Is Life
++date = Oct 23 2011 06:04:38 PM
++draft = true
++--
++
++<a href="http://www.flickr.com/photos/quilime/6266458764/sizes/l/in/photostream/"><img src="http://farm7.staticflickr.com/6034/6266458764_6f71bd0a7e_z.jpg"></a>
++
++near Quotar Minar in Dadabari.
--- /dev/null
--- /dev/null
++title = aero
++date = 2007
++thumb = http://portfolio.quilime.com/2008/aero/thumb.png
++--
++
++<img src="http://portfolio.quilime.com/2008/aero//aero.jpg" />
++
++<p>
++aero
++<br/>
++<em>ceramic. 6" x 3" x 3"</em>
++</p>
--- /dev/null
--- /dev/null
++title = audio
++date = 2007
++--
++
++<img src="http://portfolio.quilime.com/new/content/08_Audio/images/sample.jpg">
++
++Soundscape to be accompanied by visual software. Audio is improvised with custom software and traditional instruments. All audio has a visual component in the form of the visual software instruments and tools used in its creation.
++
++<object height="16" width="300">
++<param name="kioskmode" value="true">
++<param name="src" value="http://portfolio.quilime.com/new/content/08_Audio/sound/audio.mp3">
++<param name="autoplay" value="false">
++<param name="controller" value="true">
++<embed height="16" src="http://portfolio.quilime.com/new/content/08_Audio/sound/audio.mp3" type="video/quicktime" width="300" controller="true" autoplay="false" kioskmode="true">
++</object>
++
++*medium: software, synthesizer, ableton live*
--- /dev/null
--- /dev/null
++title = boat
++date = 2007
++--
++
++
++<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" id="qt_object" width="535" height="374" 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="controller" value="true">
++<param name="loop" value="true">
++<param name="bgcolor" value="#000000">
++<param name="src" value="http://portfolio.quilime.com/2008/boat/boat.mov">
++<param name="pluginspage" value="http://www.apple.com/quicktime/download/indext.html">
++<embed name = "qt_object" width="535" height="374" controller="true" loop="true" autoplay="true" src="http://portfolio.quilime.com/2008/boat/boat.mov" kioskmode="true" nocache="true" type="video/quicktime" bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html" enablejavascript="true">
++</embed>
++</object>
++
++
++boat
++*photo timelapse*
--- /dev/null
--- /dev/null
++title = bodyneg
++date = 2008
++thumb = http://portfolio.quilime.com/2008/bodyneg/thumb.png
++--
++
++<img src="http://portfolio.quilime.com/2008/bodyneg/BODYNEG.jpg">
++
++<p>
++bodyneg
++<br/>
++<em>ink press, 5 wall-mounted panels. 8' x 4' x 2'</em>
++</p>
--- /dev/null
--- /dev/null
++title = Cabspotting
++date = 2006
++thumb = http://portfolio.quilime.com/2008/cabspotting/thumb.png
++--
++
++<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" id="qt_object" width="800" height="516" 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="controller" value="true">
++<param name="loop" value="true">
++<param name="bgcolor" value="#000000">
++<param name="src" value="http://portfolio.quilime.com/2008/cabspotting/cabspotting_web.mov">
++<param name="pluginspage" value="http://www.apple.com/quicktime/download/indext.html">
++<embed name = "qt_object" width="800" height="516" controller="true" loop="true" autoplay="true" src="http://portfolio.quilime.com/2008/cabspotting/cabspotting_web.mov" kioskmode="true" nocache="true" type="video/quicktime" bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html" enablejavascript="true">
++</embed>
++</object>
++
++
++Representing and analyzing spatial information, Cabspotting investigates the complexities of the San Francisco Bay Area as an exploration of GPS data generated by Yellow Cab taxis in San Francisco.
++
++yellow dots = metered taxis
++white dots = unmetered taxis
++visual software written with Processing
++
++San Francisco taxi visualization created with Stamen Design show at Design and the Elastic Mind, New York MoMA.
--- /dev/null
--- /dev/null
++title = dots
++date = 2007
++--
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/01_Dots/images/out.0033.png">
++
++
++<p>
++
++Human generated tones are rendered with lines. The software manipulates these tones via random visual noise, making both audio and visual more chaotic of time. Tones start rigid and rhythmic, slowly degenerating into an organic, complex and chaotic system of overlapping frequencies and polyrhythms.
++
++
++
++<!--
++"Dots" is an interaction between human and computational order and chaos.
++Notes are generated in an circular ordered, repetitive pattern. Connection lines
++represent human-played audio tones, line length representing pitch.
++While notes are played by the human musician, the notes wander away from their original
++places, warping and distorting the connecting lines, resulting in a more chaotic
++and unusual soundscape as time passes.
++-->
++</p>
++<p>
++<em>medium: software</em>
++</p>
++
++<!--more-->
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/01_Dots/images/out.0206.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/01_Dots/images/out.0760.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/01_Dots/images/out.1373.png">
--- /dev/null
--- /dev/null
++title = egg
++date = 2007
++thumb = http://portfolio.quilime.com/2008/egg/thumb.png
++--
++
++<img src="http://portfolio.quilime.com/2008/egg/egg.jpg">
++
++<p>
++egg<br/>
++<em>marker, wire. 4" x 2.5"</em>
++</p>
--- /dev/null
--- /dev/null
++title = icarus
++date = 2007
++thumb = http://portfolio.quilime.com/2008/icarus/thumb.png
++--
++<img src="http://portfolio.quilime.com/2008/icarus/icarus.jpg" />
++
++<p>
++icarus and deadalus
++<br/>
++<em>balsa wood. 16" x 16" x 4"</em>
++</p>
--- /dev/null
--- /dev/null
++title = Jellyfish
++date = 2008
++--
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/02_Jellyfish/images/jellies.0237.png">
++
++Organic forms react to the user and each other. Their motions and position in space create and/or affect audio. A tenticles depth in space is correlated to volume, while its color is linked to a tone in the audio spectrum. Interaction with the tentacle instrument is smooth, undulating, jellyfish-like.
++
++<!--"Jellyfish" is an interactive soundscape that explores the interaction between
++a life-like programmed intelligence, and a human user. Tentacles respond and modify audio or controller inputs, affecting the audio tones that each tenticle eminates. A tenticles depth in space is correlated to volume, while color is related to tone in the audio spectrum.-->
++
++
++*medium: software*
++
++<!--more-->
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/02_Jellyfish/images/jellies.0284.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/02_Jellyfish/images/jellies.1075.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/02_Jellyfish/images/jellies.1137.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/02_Jellyfish/images/out.0389.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/02_Jellyfish/images/zout.0325.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/02_Jellyfish/images/zzout.0484.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/02_Jellyfish/images/zzout.0624.png">
++
++
--- /dev/null
--- /dev/null
++title = spacelamp
++date = 2007
++thumb = http://portfolio.quilime.com/2008/spacelamp/thumb.png
++--
++
++<img src="http://portfolio.quilime.com/new/content/07_Light/images/light2.jpg">
++
++<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*
--- /dev/null
--- /dev/null
++title = mask
++date = 2007
++thumb = http://portfolio.quilime.com/2008/mask/thumb.png
++--
++
++<img src="http://portfolio.quilime.com/2008/mask/mask.jpg" />
++
++graphite on plywood. 12" x 12"
--- /dev/null
--- /dev/null
++title = obsession
++date = 203
++thumb = http://portfolio.quilime.com/2008/obsession/thumb.png
++--
++<img src="obsession/detail.jpg">
++
++<p>
++obsession<br/>
++<em>copper wire, masonite. 3.5' x 4.5'</em>
++</p>
--- /dev/null
--- /dev/null
++title = prism
++date = 2007
++thumb = http://portfolio.quilime.com/2008/prism/thumb.png
++--
++
++<img src="http://portfolio.quilime.com/2008/prism/3.jpg" />
++
++oil on canvas. 4' x 3'
++
--- /dev/null
--- /dev/null
++title = rattle
++date = 2008
++--
++
++
++
++<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="controller" value="true">
++<param name="loop" value="true">
++<param name="bgcolor" value="#000000">
++<param name="src" value="http://portfolio.quilime.com/2008/rattle/rattle.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/rattle/rattle.mov" kioskmode="true" nocache="true" type="video/quicktime" bgcolor="#000000" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html" enablejavascript="true">
++</embed>
++</object>
++
++<p>
++rattle
++<br/>
++<em>synthesiser (interactive)<em>
++</p>
--- /dev/null
--- /dev/null
++title = Rattles
++date = 2006
++thumb = http://portfolio.quilime.com/2008/rattle/thumb.png
++--
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/03_Rattles/images/rattleFlowers.0077.png">
++
++
++Particles are jostled and shaken as in a rattle. The sonic possibilities of their collisions and movement are given freedom and sonic depth via software.
++Rattles and shakers can be embedded into one another, allowing for more sensitivity, sonic subtlety, and layers when making music. Interaction with the digital rattle is as simple and dynamic as its physical counterpart.
++
++<!--
++The interaction with "Rattles" is identicle to the traditional percussive instrument.
++The visual shape, texture, or size of each interior rattler represents a unique audio
++tone, either percussive or melodic. The resulting soundscape of the rattle instrument is
++therefore unique and rich with sonic subtlety and variation, transforming the traditional
++"rattle" into an instrument with a necesarry visual component.
++Rattles can be embedded into one another, allowing for more
++sensitivity, sonic subtlety, and layers.
++-->
++
++*medium: software*
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/03_Rattles/images/rattleFlowers.0118.png">
++
++<br />
++
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/03_Rattles/images/rattleFlowers.0239.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/03_Rattles/images/rattleMag.0077.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/03_Rattles/images/rattleMag.0344.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/03_Rattles/images/rattleSnow.0389.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/03_Rattles/images/rattleSnow.0884.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/03_Rattles/images/zrattleSnow.0479.png">
++
++<br />
++
++
++
++
++
++
++
--- /dev/null
--- /dev/null
++title = sempernull
++date = 2007
++thumb = http://portfolio.quilime.com/2008/sempernull/thumb.png
++--
++
++
++<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="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>
++</object>
++
++<p>
++sempernull
++<br/>
++<em>video installation<em>
++</p>
--- /dev/null
--- /dev/null
++title = Stars
++data = 2007
++--
++
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/astars.01577.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.
++
++*medium: software*
++
++<!--more-->
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/astars.10535.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/astars.20144.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/astars.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/god.0027.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/god.0135.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/god.0253.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/god.0385.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/god.0498.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/god.0710.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/04_Stars/images/god.0898.png">
--- /dev/null
--- /dev/null
++title = Swimtank
++date = 2007
++--
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fish_close.0261.png">
++
++A form follows an infinite path drawn by you,
++and then reacts to its own trail. You can control the form on two axis, while the depth of the path follows a sinusoidal rhythm that is affected by paths previously drawn.
++
++<!--Exploratory, infinitely looping game.
++The observer is allowed to control the "Kite" on the X and Y axis, while depth position
++in space is a sinusoidal rhythm.
++-->
++
++*medium: software*
++
++<!--more-->
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fish_close.0565.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.0142.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.0305.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.0648.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.1717.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.2295.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.4604.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.4980.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.6082.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.6510.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/05_Swim_Tank/images/fishtank.6677.png">
++
++<br />
++
--- /dev/null
--- /dev/null
++title = synonymovement
++date = 2007
++thumb = http://portfolio.quilime.com/2008/synonymovement/thumb.png
++--
++
++
++<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="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>
++</object>
++
++
++<p>
++synonymovement
++<br/>
++<em>video installation<em>
++</p>
--- /dev/null
--- /dev/null
++title = tessellated
++date = 2006
++thumb = http://portfolio.quilime.com/2008/tessellated/thumb.png
++
++--
++<img src="http://portfolio.quilime.com/2008/tessellated/tessellated_booth_comp.jpg" />
++
++<p>
++tessellated group
++<br/>
++<em>identity design, installation design</em>
++</p>
--- /dev/null
--- /dev/null
++title = Web
++date = 2007
++--
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/01_Dots/images/out.0033.png">
++
++
++A network of dots and lines interacts with itself in a single mesh. Depth determines audio volume. Intersections, connections and line-length determine tones. Similar tones and chord groups are designated with additional web lines and connections. You are able to interact with each web line as the strings of an instrument, each tone resonating through its connections.
++
++*medium: software*
++
++<!--more-->
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/06_Web/images/web.0645.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/06_Web/images/web.1336.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/06_Web/images/web.2533.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/06_Web/images/zforest.0105.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/06_Web/images/zforest.0327.png">
++
++<br />
++
++<img style="width:100%;" src="http://portfolio.quilime.com/new/content/06_Web/images/zforest.0619.png">
- margin: 20px 100px 50px 30px;
- background:#eee;
+body {
- html,
- body,
- table {
++ background:#f4f4f4;
++}
++body, table {
++ font-size: 12px;
++ font-family: sans-serif;
++ line-height:1.5em;
+}
+
- font-size: 0.8em;
- font-family: sans-serif;
- line-height:1.5em;
- color: rgb(83, 104, 112);
+ body {
+ padding:0;
+ margin:0;
++ color: #555;
+ }
- font-family: arial;
- color: #000;
- line-height:1.3em;
+ a {
- color:rgb(198, 28, 111);
- text-decoration:none;
++ font-weight:bold;
++ color:#000;
++/* color: #22f;*/
+ }
+ a img {
+ border:0;
+ }
+ a.visited {
+
}
- ::-moz-selection,
- ::selection {
- background: #08f !important;
- color: #ff0;
+ a.mute {
+ font-weight:normal;
+ color:rgb(129, 144, 144);
+ }
+ a:hover, a.mute:hover {
+ color:rgb(209, 28, 36);
}
- font-size:1em;
++h1 {
++ padding-top:0;
++ margin-top:0;
++ margin-bottom:30px;
++}
+ h1, h2, h3, h4, h5, h6 {
++
+ }
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
++text-decoration:none;
+ }
- a {
- color: #22f;
+ 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;
+ line-height:1.3em;
+ margin:0;
+ padding:0;
+ }
-pre {
++pre, code {
++ color:#f08;
+ font-weight:bold;
- text-decoration:none;
- border: 0;
- padding: 0.2em 0.1em 0 0;
- }
- a img { border: 0 }
- a.mute {
- text-decoration: none !important;
- font-weight: normal;
- }
- a:hover,
- a.mute:hover {
- color: #d15;
- text-decoration: none;
- }
-
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- color:#338;
- }
- h1 a,
- h2 a,
- h3 a,
- h4 a,
- h5 a,
- h6 a { }
- h1 { margin: 0 0 1em 0; }
- h2 { margin: 2em 0 1em 0; }
- h3 { margin: 0 0 0 0 }
- h4 { margin-top: 0 }
- ul, li { }
- ol { margin: 0 }
- ol li { }
- blockquote {
- font-family: times;
- background: #000;
- color: #aaa;
- margin: 0;
- line-height: 1.4em;
- padding: 2em 4em;
- font-style: italic;
- line-height: 1.45em;
- max-width: 600px;
- }
- code { }
+ line-height:1.3em;
++ font-size:12px;
+ }
+
#content {
- padding-left: 100px;
- min-width: 500px;
- padding:50px;
- background:#fff;
++ padding-left: 150px;
++ padding-top:30px;
++ padding-right:10px;
+ padding-bottom: 200px;
- z-index: 10;
+ }
+
+ #nextprev {
- padding:0 50px 10px 50px;
++ padding:0 50px 10px 150px;
}
- #content p:first-child { margin-top: 0 }
- p { }
+
+
- .nav {
- top: 25px;
- left: 20px;
++
+ #nav {
- padding:30px 50px;
- border-top:1px dotted #aaa;
+ position:absolute;
++ top: 30px;
++ left: 20px;
+}
- .nav a {
- text-decoration: none;
- font-weight: bold;
++#nav a {
}
- .nav a.mute { font-weight: normal }
- .nav li, ul.nav {
-.archive li {
- font-weight:bold;
++#nav a.mute { font-weight: normal }
++#nav li, ul.nav {
+ list-style-type:none;
+ padding:0 !important;
+ margin:0 !important ;
}
- .index {
- padding: 0;
- margin: 0;
++
++
++
++
+ .entry {
++ width:auto;
++ padding-bottom:20px;
++ border-radius:3px;
++ margin-bottom:70px;
++ background:#fff;
++ padding:20px;
}
- .index li {
- line-height: 1.1em;
- margin-bottom: 0.4em;
+ .entry h2 {
+ margin-bottom:20px;
}
- .index li a {
- font-weight: normal;
+ .entry .metadata {
+ margin-top:30px;
+ font-style:italic; color:#777; font-size:12px;
}
- .entry, .entry_b, .column {
- margin-bottom: 50px;
- background:#fff;
- padding:30px;
- border-radius:5px;
- box-shadow:inset 1px 1px 1px #ddd;
- max-width:720px;
+ .entry .metadata .tags li {
+ display:inline-block;
+ margin-right:0.3em;
-}
+}
- .entry_b {
- background:#eee;
- box-shadow:none;
- }
- .entry .metadata {
- margin-top:3em;
- font-style: italic;
- color: #999;
- }
- .entry .metadata a { color: #999 }
- .entry .metadata a:hover { color: #000 }
- .tags {
- margin:0;
- padding:0;
- }
- .entry .metadata .tags li {
- display: inline-block;
- margin-right: 0.3em;
- }
- .more,
- .home {
- text-decoration: none;
- color: #000;
- font-weight: bold;
- }
- table {
- margin: 0;
- padding: 0;
- border: 0;
- }
- table .column {
- min-width: 120px;
- max-width: 400px;
- }
- table .column h2 a { text-decoration: none }
- table h2,
- table h3 { margin-bottom: 2em }
- table .video li,
- table .image li { margin-bottom: 2em }
- table .reader li,
- table .bookmarks li {
- margin-bottom: 1em;
- padding-bottom: 1em;
- border-bottom: 1px dotted #ddd;
- }
- .reader_links li,
- .bookmark_links li {
- padding-top: .75em;
- margin-bottom: .75em;
- }
- .bookmark_links li a { display: block }
- .bookmark_links li span {
- font-style: italic;
- color: #444;
- }
- .image li a { background: none }
- #footer { margin-top: 120px }
- #footer .copy a { text-decoration: none }
- a.rss {
- /* background: url("/img/rss-icon.png") no-repeat scroll right center transparent;
- padding: 0 1.3em 0 0;
- */
- }
- a.external {
- background: url("/img/external-icon.png") no-repeat scroll right center transparent;
- padding: 0 1.3em 0 0;
- }
-
-
-
-
- .thumb_elem {
++.entry p {
++ max-width:720px;
++}
++
++
++
++.project {
+ display:inline-block;
++ margin-right:10px;
++ margin-bottom:40px;
+}
+.thumb {
+ width:100px;
+ height:100px;
+ border:1px dotted #000;
++ overflow:hidden;
++ background:#eee;
++}
++
++
++
++.column {
++ padding-right:100px;
++}
++
++.image li, .bookmarks li {
++ margin-bottom:40px;
++}
++
++ul.image {
++ background:#fff;
++ padding:20px;
+}
<?php
- require_once 'lib/init.php';
-
- $url = get_url();
-
- list($response_format, $response_mime_type) = parse_format($url['extension'], 'html');
-
- # setup template
- $t = get_template_instance();
- $t->response_format = $response_format;
- $t->assign('view', isset($_GET['v']) ? $_GET['v'] : null);
-
- $content_request = LOCAL_ROOT . CONTENT_DIR . $url['dirname'] . '/' . $url['filename'];
- $page_request = LOCAL_ROOT . PAGE_DIR . DIRECTORY_SEPARATOR . $url['filename'];
- $total = 0;
-
- # content exists, and is a folder
-
- if (is_dir($content_request)) {
- # get config in folder, if exists
- if (is_file($content_request . '/' . CONFIG_FILE )) {
- $config = parse_entry(new SplFileInfo($content_request . '/' . CONFIG_FILE));
- $template = $config['config']['template'] . '.' . $response_format . '.tpl' ;
- }
- list($data, $total) = get_entries($url['dirname'] . '/' . $url['filename']);
-
- if ($url['filename'] == '') {
- $template = 'index.html.tpl';
- }
-
- $t->assign('data', $data);
- $t->assign('page_title', preg_replace('{^/|/$}', '', $url['url']));
- }
-
- # content exists, and is a single entry
- else if (is_file($content_request)) {
- $t->assign('data', parse_entry(new SplFileInfo($content_request)));
- $t->assign('single', true);
- $template = 'single.'.$response_format.'.tpl';
- }
-
- # content exists, and is a page
- else if (is_file($page_request)) {
- $page = parse_entry(new SplFileInfo($page_request), 1);
- $t->assign('data', $page);
- $template = $page['config']['template'] ? $page['config']['template'] . '.' . $response_format . '.tpl' : 'page.' . $response_format . '.tpl';
- }
-
- # 404
- else {
- $template = '404.html.tpl';
- }
-
- # render
- $t->assign('total', $total);
- header("Content-Type: {$response_mime_type}; charset=UTF-8");
- $t->render($template);
-
- ?>
+ require 'lib/init.php';
+
++
++
++
++
+ $request = get_request();
+
+ $v = new View ($request);
+ $m = new Model ($request);
+
+
++
++
++
++
+ if ($m->is_single())
+ $v->assign('entry', $m->entry);
+
+ else if ($m->is_page())
+ $v->assign('page', $m->page);
+
+ else if ($m->is_multiple())
+ $v->assign('entries', $m->entries);
+
++
++
++
++
++
+ header("Content-Type: {$m->response_mime_type}; charset=UTF-8");
+ $v->render( $m->template );
++
++
++
++
++
++
++
++
++
++exit;
<?php
-
++/*
++<<<<<<< HEAD
+ putenv("TZ=America/Los_Angeles");
- ?>
+ ini_set('include_path', ini_get('include_path') . PATH_SEPARATOR . dirname(realpath(__FILE__)));
+
+ define ('SITE_TITLE', 'quilime');
+ define ('LOCAL_ROOT', '/home/quilime/quilime.com/');
+ define ('WEB_ROOT', 'http://quilime.com/');
+
+ define ('CONTENT_DIR', 'content');
+ define ('TEMPLATE_DIR', 'templates');
+ define ('PAGE_DIR', 'pages');
+ define ('CONFIG_DELIMITER', '--');
+ define ('MORE_DELIM', '<!--more-->');
+ define ('TITLE_DELIMITER', ': ');
+ define ('CONFIG_FILE', 'config');
+
+ require_once 'data.php';
+ require_once 'output.php';
+ require_once 'markdown.php';
+ require_once 'template.php';
+
+
+ //error_reporting(E_ALL);
+ //ini_set("display_errors", 1);
+
-# error reporting
++?>
++=======
++*/
+ /**
+ * SETUP
+ *
+ * update variables specific to your server
+ *
+ * note: PHP short tags must be enabled
+ */
+
+
-define ('CLEAN_URLS', false);
-define ('SITE_TITLE', 'india 2011');
-define ('LOCAL_ROOT', '/Users/gdunne/Sites/india/');
-define ('WEB_ROOT', '/~gdunne/india/');
++# error reporting (turn this off for production)
+ error_reporting(E_ALL);
+ ini_set("display_errors", 1);
+
+ # timezone
+ putenv('TZ=Asia/Calcutta');
+
+ # include path
+ ini_set('include_path', ini_get('include_path') . PATH_SEPARATOR . dirname(realpath(__FILE__)));
+
++
++
++
++
++
+ # settings
-require_once 'view.php';
++define ('CLEAN_URLS', true);
++define ('SITE_TITLE', 'quilime');
++define ('LOCAL_ROOT', '/home/quilime/quilime.com/');
++define ('WEB_ROOT', '/');
+ define ('CONTENT_DIR', 'content/');
+ define ('TEMPLATE_DIR', 'templates/');
+ define ('PAGE_DIR', 'pages/');
+ define ('CONFIG_DELIMITER', '--');
+ define ('CONFIG_FILE', 'config');
+ define ('MORE_DELIM', '<!--more-->');
+ define ('TITLE_DELIMITER', ' — ');
+ define ('ENTRY_DATE_FORMAT', 'M d Y, h:i:s A T');
+
+ $_FILE_IGNORES = array(CONFIG_FILE, '.DS_Store');
+
++
++
++
++
++
+ # includes
+ require_once 'data.php';
+ require_once 'output.php';
+ require_once 'markdown.php';
+ require_once 'model.php';
++require_once 'view.php';
<?php
- /**
- * return new template instance
- */
- function get_template_instance()
- {
- $t = new Template();
- $t->template_dir = join(DIRECTORY_SEPARATOR, array(dirname(__FILE__), '..', TEMPLATE_DIR));
- $t->template_cache_dir = join(DIRECTORY_SEPARATOR, array(dirname(__FILE__), '..', TEMPLATE_DIR, 'cache'));
-
- return $t;
- }
-
+
/**
* @param format
* @param default format
}
- function get_url()
- {
- $path_info = pathinfo($_SERVER['SCRIPT_URL']);
- $path_info['url'] = preg_match("/\.\.\//", $_SERVER['SCRIPT_URL']) ? '/' : $_SERVER['SCRIPT_URL'];
- //$path_info['extension'] = null;
- return $path_info; //substr($_SERVER['SCRIPT_URL'], strlen(get_base_dir() . '/'));
+ function get_request()
+ {
- if (!CLEAN_URLS && isset($_GET['p'])) {
++ if (isset($_GET['p'])) {
+ $path = $_GET['p'];
+ } else {
+ // TODO
+ // this is fudged
+ if ($_SERVER['REQUEST_URI'] == WEB_ROOT) {
+ $path = '/';
+ }
+ }
+
+ $path_info = pathinfo( $path );
+ $path_info['path'] = preg_match("/\.\.\//", $path) ? '/' : $path;
+ $path_info['extension'] = null;
+ if ($path_info['dirname'] == '.')
+ $path_info['dirname'] = '';
+
+ return $path_info;
}
title = about
--
- ###about
++#about
- quilime is a codification of process, resource, and code by **gabriel dunne** ([www](http://gabrieldunne.com), [email](mailto:gdunne@quilime.com))
++quilime is a codification of projects, process and resources by **gabriel dunne** ([www](http://gabrieldunne.com), [email](mailto:gdunne@quilime.com))
+<br />elsewhere:
+[github](http://github.com/quilime/),
+[vimeo](http://vimeo.com/quilime/),
+[clmpr](http://clmpr.com/quilime/),
+[flickr](http://flickr.com/photos/quilime/),
+[delicious](http://delicious.com/quilime/),
+[ffffound](http://ffffound.com/home/quilime/found/),
+[@quilime](http://twitter.com/quilime/)
- quilime.com has taken many forms: <a href="/projects/">archive</a>
-
- site update <a href="http://quilime.com/.rss" class="rss">rss</a>
-
- quilime is powered by <a href="http://git.quilime.com/?p=plog.git;a=summary">plog</a> (project+log), a static-file CMS.
-INDIA 2011 is a journal by Gabriel L Dunne, documenting a self-initiated 3mo residiency in Delhi, India with fellow artist Vishal K Dar.
++<!-- add <a href="http://quilime.com/.rss" class="rss">.rss</a> to the end of any url for an xml feed -->
-all content © 2011
++quilime is powered by <a href="http://git.quilime.com/?p=plog.git;a=summary">plog</a> (project+log) engine.
type = page
markdown = true
--
-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)
-+ daniel massey [oddsympathy.com](http://oddsympathy.com)
-+ keith pasko [keithpasko.com](http://keithpasko.com)
-+ jeff lubow [dabkitsch.com/jml/](http://dabkitsch.com/jml/)
-+ michael chang [ghost-hack.com](http://ghost-hack.com)
-+ carbon workshop [carbonworkshop.com](http://carbonworkshop.com)
-+ sascha pohflep [pohflepp.com](http://pohflepp.com)
-+ mylinh trieu [mylinhtrieu.com](http://mylinhtrieu.com)
-+ aaron meyers [universaloscillation.com](http://universaloscillation.com)
-+ tom carden [tom-carden.co.uk](http://tom-carden.co.uk)
-+ michal migurski [mike.teczno.co](http://mike.teczno.com)
-+ adam roth [ripevessel.com](http://ripevessel.com)
-+ david rager [davidrager.org](http://davidrager.org)
-+ marc nimoy [digitanalog.net](http://digitanalog.net)
-+ matthew gale [makaga.com](http://makaga.com)
-+ frédéric eyl [fredericeyl.de](http://fredericeyl.de)
-+ the green eyl [thegreeneyl.com](http://thegreeneyl.com)
- ###links
-<br />
-<br />
++###people
++ [gabrieldunne.com](http://gabrieldunne.com) gabriel dunne
++ [ssherriff.com](http://ssherriff.com) stephanie sherriff
++ [onecm.com](http://onecm.com) ryan alexander
++ [jtnimoy.net](http://jtnimoy.net) joshua nimoy
++ [oddsympathy.com](http://oddsympathy.com) daniel massey
++ [keithpasko.com](http://keithpasko.com) keith pasko
++ [dabkitsch.com/jml/](http://dabkitsch.com/jml/) jeff lubow
++ [carbonworkshop.com](http://carbonworkshop.com) gustavo huber, shelly brown
++ [ghost-hack.com](http://ghost-hack.com) michael chang
++ [pohflepp.com](http://pohflepp.com) sascha pohflep
++ [mylinhtrieu.com](http://mylinhtrieu.com) mylinh trieu
++ [universaloscillation.com](http://universaloscillation.com) aaron meyers
++ [tom-carden.co.uk](http://tom-carden.co.uk) tom carden
++ [mike.teczno.co](http://mike.teczno.com) michal migurski
++ [ripevessel.com](http://ripevessel.com) adam roth
++ [davidrager.org](http://davidrager.org) david rager
++ [digitanalog.net](http://digitanalog.net) marc nimoy
++ [makaga.com](http://makaga.com) matthew gale
++ [fredericeyl.de](http://fredericeyl.de) frédéric eyl
++ [thegreeneyl.com](http://thegreeneyl.com) the green eyl
- ####places
-places
-------
-+ gray area foundation for the arts [gaffta.org](http://gaffta.org)
-+ bay area video coalition [bavc.org](http://bavc.org)
++<br /><br />
++
++###places
++ [gaffta.org](http://gaffta.org) gray area foundation for the arts
++ [bavc.org](http://bavc.org) bay area video coalition
</div>
-
+ <? $this->include_template('nav.html.tpl') ?>
+
<? $this->include_template('footer.html.tpl') ?>
</body>
--- /dev/null
--- /dev/null
++<html>
++<head>
++
++ <? $this->include_template('head-inc.html.tpl') ?>
++
++ <title><?=SITE_TITLE?><?=$this->page_title(TITLE_DELIMITER);?></title>
++
++</head>
++<body>
++
++
++<div id="content">
++
++ <ul class="archive">
++ <? foreach($entries as $entry): ?>
++ <li>
++ — <a class="more" href="<?= $entry['url']; ?>"><?= $entry['title']; ?></a>
++ </li>
++ <? endforeach; ?>
++ </ul>
++
++</div>
++
++ <? $this->include_template('footer.html.tpl') ?>
++ <? $this->include_template('nav.html.tpl') ?>
++
++</body>
++</html>
<div class="entry">
- <div class="content">
+ <h1>
- <a title="posted on <?=$data['date']?>" href="<?=$data['url']?>"><?=$data['title']?></a>
++ <a title="posted on <?=$entry['date']?>" href="<?=$entry['url']?>"><?=$entry['title']?></a>
+ </h1>
+
+ <div class="content">
- <?=$data['content']?>
+ <?=$entry['content']?>
</div>
<div class="metadata">
- <abbr title="<?=get_relative_time($data['timestamp']);?>"><?=date("F d, Y", $data['timestamp'])?></abbr>
- in <a href="<?=$data['cat']['url'];?>"><?=$data['cat']['name'];?></a><? if ($data['tags']) echo ' filed as ' . implode(', ', $data['tags']); ?>
-
- <a href="<?=$entry['url']?>"><?=$entry['title']?></a>,
- <span title="<?=get_relative_time($entry['timestamp']);?>"><?=date(ENTRY_DATE_FORMAT, $entry['timestamp'])?></span>
- <? if (!empty($entry['cat']['name'])): ?>
- in <a href="<?=$entry['cat']['url'];?>"><?=$entry['cat']['name'];?></a>
- <br/>
- <? endif; ?>
- <ul class="tags">
- <? if ($entry['tags']) foreach($entry['tags'] as $tag) : ?>
- <li>#<?=$tag?></li>
- <? endforeach; ?>
- </ul>
- </div>
++ <abbr title="<?=get_relative_time($entry['timestamp']);?>"><?=date("F d, Y", $entry['timestamp'])?></abbr>
++ in <a href="/<?=$entry['cat']['url'];?>"><?=$entry['cat']['name'];?></a><? if ($entry['tags']) echo ' filed as ' . implode(', ', $entry['tags']); ?>
+ </div>
+
++
+
</div>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
++<? /*
++<!-- <<<<<<< HEAD
+<link rel="alternate" type="application/rss+xml" title="RSS" href="<?= get_base_dir(); ?>/.rss" />
+
+<link rel="stylesheet" href="<?= get_base_dir(); ?>/css/style.css" type="text/css">
+
+<link href="<?= get_base_dir(); ?>/js/prettify/prettify.css" type="text/css" rel="stylesheet" />
+<script type="text/javascript" src="<?= get_base_dir(); ?>/js/jquery-1.3.2.min.js"></script>
+<script type="text/javascript" src="<?= get_base_dir(); ?>/js/prettify/prettify.js"></script>
+<script>
+
+$(document).ready(function() {
+ prettyPrint();
+});
+
+</script>
+
+<script type="text/javascript">
+
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-351774-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+
+</script>
++======= -->
++*/ ?>
+ <link rel="alternate" type="application/rss+xml" title="RSS" href="<?=get_base_dir();?>/.rss" />
+ <link rel="stylesheet" href="<?=get_base_dir();?>/css/style.css" type="text/css">
+
++<? /* <!-- >>>>>>> 2ae0cd949c331f83dcb05116cffdca21b2ecb871 --> */ ?>
<html>
<head>
-
+
<? $this->include_template('head-inc.html.tpl') ?>
-
- <title><?=SITE_TITLE?></title>
-
+
+ <title><?=SITE_TITLE?><?=$this->page_title(TITLE_DELIMITER);?></title>
+
</head>
<body>
-
- <? $this->include_template('nav.html.tpl') ?>
-
-
-
+
+<div id="content">
+
+ <table>
+ <tr>
+ <td style="padding-right:100px;" valign="top">
- <h3>code</h3>
- <? foreach($data as $entry):
- if ($entry['cat']['name'] == 'code') : ?>
- <div>• <a href="<?=$entry['url'];?>"><?=$entry['title'];?></a></div>
- <? endif;
- endforeach; ?>
- <p><small>
- <a class="rss" href="/code/.rss">rss</a>, <a class="more" href="/code/">more →</a>
- </small>
- </p>
++ <h3><a class="more" href="/code/">code</a></h3>
++ <ul class="archive">
++ <? $c=15; foreach(get_entries('code/') as $entry): if ($c--==0) break; ?>
++ <li>
++ <a href="<?=$entry['url']?>" title="<?=date("m d Y", $entry['timestamp'])?>"><?=$entry['title']?></a>
++ </li>
++ <? endforeach; ?>
++ </ul>
++ <p><a class="more" href="/code/">more →</a></p>
+ </td>
+
+ <td valign="top">
- <h3>(b)log</h3>
- <? foreach($data as $entry):
- if ($entry['cat']['name'] == 'log') : ?>
- <div>• <a href="<?=$entry['url'];?>"><?=date('Y m d', $entry['timestamp']);?> — <?=$entry['title'];?></a></div>
- <? endif;
- endforeach; ?>
- <p><small>
- <a class="rss" href="/log/.rss">rss</a>, <a class="more" href="/log/">more →</a>
- </small>
- </p>
++ <h3><a href="/journal/">log</a></h3>
++ <ul class="archive">
++ <? $c=15; foreach(get_entries('journal/') as $entry): if ($c--==0) break; ?>
++ <li>
++ <a href="<?=$entry['url']?>" title="<?=date("m d Y", $entry['timestamp'])?>"><?=date('Y m d', $entry['timestamp']);?> — <?=$entry['title']?></a>
++ </li>
++ <? endforeach; ?>
++ </ul>
++ <p><a class="more" href="/log/">more →</a></p>
+ </td>
+
+ </tr>
+ </table>
+
+ <br />
+ <br />
+ <br />
+ <br />
+
+ <div>
- <h3>projects</h3>
++ <h3><a href="/projects/">projects</a></h3>
++
++ <ul class="projects">
++ <? foreach(get_entries('projects/') as $entry): ?>
++ <li class="project">
++ <a href="<?=$entry['url']?>">
++ <div class="thumb">
++ <? if (isset($entry['config']['thumb'])): ?>
++ <img src="<?= $entry['config']['thumb']?>">
++ <? endif; ?>
++ </div>
++ <?=$entry['title']?></a>
++ </li>
++ <? endforeach; ?>
++ </ul>
++
++ • <a href="http://content.stamen.com/som_transbay_tower">Bay Area Transit</a> - data visualization<br />
++ • <a href="http://portfolio.quilime.com/content/daschtein/index.html">Dachstein</a> - installation<br />
++ • <a href="http://portfolio.quilime.com/content/cm/index.html">Celestial Mechanics</a> - dome-based animation<br />
++ • <a href="http://portfolio.quilime.com/content/valentine/index.html">Valentine</a><br />
+
+ <br />
+ <br />
++ <br />
+
- <? foreach($data as $entry):
- if ($entry['cat']['name'] == 'projects') : ?>
- <div class="thumb_elem">
-
- <a href="<?=$entry['url'];?>">
- <div class="thumb"></div>
- <?=$entry['title'];?>
- </a>
-
- </div>
- <? endif;
- endforeach; ?>
-
- <!--
++ <h3><a href="/software/">software</a></h3>
++
+ • <a href="http://git.quilime.com/?p=plog.git">plog</a> - project+log CMS<br />
+ • <a href="https://github.com/quilime/clmpr">clmpr</a> - minimal bookmarking site<br />
-
- <br />
+
- • <a href="http://portfolio.quilime.com/2008/?p=rattle">Rattles</a> - software<br />
- • <a href="http://portfolio.quilime.com/2008/?p=sempernull">Sempernull</a> - projection<br />
- • <a href="http://portfolio.quilime.com/2008/?p=synonymovement">Synonymovement</a> - projection<br />
- • <a href="http://portfolio.quilime.com/2008/?p=cabspotting">Cabspotting</a> - data visualization<br />
- • <a href="http://content.stamen.com/som_transbay_tower">Bay Area Transit</a> - data visualization<br />
- • <a href="http://portfolio.quilime.com/2008/?p=mask">Mask</a> - painting<br />
- • <a href="http://portfolio.quilime.com/2008/?p=prism">Prism</a> - painting<br />
- • <a href="http://portfolio.quilime.com/new/port.php?p=01_Dots">Dots</a> - software<br />
- • <a href="http://portfolio.quilime.com/new/port.php?p=02_Jellyfish">Jelly</a> - software<br />
- • <a href="http://portfolio.quilime.com/new/port.php?p=05_Swim_Tank">Swim Tank</a> - software<br />
- • <a href="http://portfolio.quilime.com/new/port.php?p=06_Web">Web</a> - software<br />
- • <a href="http://portfolio.quilime.com/content/daschtein/index.html">Dachstein</a> - installation<br />
- • <a href="http://portfolio.quilime.com/content/cm/index.html">Celestial Mechanics</a> - dome-based animation<br />
- • <a href="http://portfolio.quilime.com/content/valentine/index.html">Valentine</a> - software<br />
-
- -->
+
+ </div>
+
+</div>
+
++
+ <? $this->include_template('nav.html.tpl') ?>
+
<? $this->include_template('footer.html.tpl') ?>
</body>
</html>
++
-<div id="nav">
++<!-- <<<<<<< HEAD
+<ul class="nav">
- <ul class="archive">
- <? foreach(get_entries() as $entry): ?>
- <li>
- <a href="<?=$entry['url']?>" title="<?=date("m d Y", $entry['timestamp'])?>"><?=$entry['title']?></a>
- </li>
- <? endforeach; ?>
- </ul>
-
- <br />
- <li><a href="/">quilime</a></li>
- <li><a href="/about/">about</a></li>
- <a class="mute" href="<?=WEB_ROOT?>?p=about">about</a>
-</div>
+ <br />
+
+ <small>categories</small>
+ <? $dirs = get_dirs("", array('recursive' => 0)); ?>
+ <? foreach($dirs as $dir) : ?>
+ <li><a href="<?=$dir['url']?>"><?=$dir['name']?></a></li>
+ <? endforeach; ?>
+
+ <br />
+
+ <small>pages</small>
+ <li><a href="/projects/">projects</a></li>
+ <li><a href="/photo/">photo</a></li>
+ <li><a href="/agg/">aggregate</a></li>
+ <li><a href="/links/">links</a></li>
+
+ <br />
+
+ <li><a class="rss" href="/.rss">rss</a></li>
+
+
+
+<br />
+
+<? /*
+<ul class="index">
+ <li><h3>index</h3></li>
+ <? list($dirs, $total) = get_entries(""); ?>
+ <?php foreach($dirs as $entry): ?>
+ <li><a href="<?php echo $entry['url']; ?>"><?php echo $entry['title']; ?></a></li>
+ <?php endforeach; ?>
+</ul>
+*/ ?>
+
+</ul>
++======= -->
++<ul id="nav">
++
++ <li><a href="/">quilime</a></li>
++ <li><a href="/about/">about</a></li>
++
++ <br />
++ <br />
++
++ <small>category</small>
++ <? $dirs = get_dirs("", array('recursive' => 0)); ?>
++ <? foreach($dirs as $dir) : ?>
++ <li><a href="/<?=$dir['url']?>"><?=$dir['name']?></a></li>
++ <? endforeach; ?>
++
++ <br />
++ <br />
++
++ <small>pages</small>
++ <li><a href="/projects">projects</a></li>
++ <li><a href="/photo">photo</a></li>
++ <li><a href="/agg">aggregate</a></li>
++ <li><a href="/links">links</a></li>
++
++</ul>
++
--- /dev/null
- <a href="<?=$entry['prev_entry']['url']?>">prev</a>
+
+ <? if (isset($entry['prev_entry'])) : ?>
- <a href="<?=$entry['next_entry']['url']?>">next</a>
++ <a href="/<?=$entry['prev_entry']['url']?>">prev</a>
+ <script>var PREV_ENTRY = '<?=$entry['prev_entry']['url']?>'</script>
+ <? endif; ?>
+
+ <? if (isset($entry['next_entry'])) : ?>
++ <a href="/<?=$entry['next_entry']['url']?>">next</a>
+ <script>var NEXT_ENTRY = '<?=$entry['next_entry']['url']?>'</script>
+ <? endif; ?>
<div id="content">
++<!-- <<<<<<< HEAD
+ <div class="page">
+ <?=$data['content'];?>
+ </div>
++======= -->
+ <?=$page['content'];?>
++<!-- >>>>>>> 2ae0cd949c331f83dcb05116cffdca21b2ecb871 -->
</div>
--- /dev/null
- <a class="rss" href="http://api.flickr.com/services/feeds/photos_public.gne?id=28394478@N00&lang=en-us&format=rss_200">rss</a>, <a class="more" href="http://flickr.com/photos/quilime/" title="via flickr">more →</a>
+<html>
+<head>
+
+ <?php $this->include_template('head-inc.html.tpl'); ?>
+
+ <title><?=SITE_TITLE?>: photo</title>
+ <style>
+ ul, li {
+ list-style-type:none;
+
+ }
+ ul {
+ margin:0;
+ padding:0;
+ }
+ </style>
+</head>
+<body>
+
+ <? $this->include_template('nav.html.tpl') ?>
+
+<div id="content">
+
+
+
+<? /*
+ <td valign="top" class="column">
+ <?php $tube = get_rss_feed('http://gdata.youtube.com/feeds/base/users/quilime/favorites?alt=rss&v=2&orderby=published&client=ytapi-youtube-profile'); ?>
+ <h2><a href="http://www.youtube.com/profile?user=kabr&view=favorites">video </a></h2>
+ <ul class="video">
+ <?php
+ $count = 11;
+ foreach($tube->channel->item as $tube) :
+ if ($count-- == 0) break;
+ ?>
+ <li title="<?php echo str_replace('"', '\'', $tube->title); ?>">
+ <?
+ $url = $tube->link;
+ $pattern = '/v=(.+?)&/';
+ preg_match($pattern, $url, $matches);
+ $id = $matches[1];
+ ?>
+ <a href="<?php echo $tube->link; ?>">
+
+ <img src="http://i3.ytimg.com/vi/<?=$id?>/default.jpg" />
+ </a>
+ </li>
+ <? endforeach; ?>
+ </ul>
+ <p>
+ <a class="more" href="http://www.youtube.com/profile?user=quilime&view=favorites" title="via youtube">more →</a>
+ </p>
+ </td>
+*/ ?>
+
+ <!-- quilime:flickr -->
+ <ul>
+ <? $count = 16; $img = get_rss_feed('http://api.flickr.com/services/feeds/photos_public.gne?id=28394478@N00&lang=en-us&format=rss_200'); ?>
+ <?php foreach($img->channel->item as $item) : if (!$count--) break; ?>
+ <li style="float:left; height:280px;margin-right:20px;">
+ <?
+ $subject = $item->description;
+ $pattern = '/<a href="http:\/\/www\.flickr\.com\/photos\/quilime\/(.*) \/><\/a><\/p>/';
+ preg_match($pattern, substr($subject, 3), $matches, PREG_OFFSET_CAPTURE);
+ echo $matches[0][0];
+ ?>
+ </li>
+<?endforeach;?>
+ </ul>
+ <p>
++ <a class="more" href="http://flickr.com/photos/quilime/" title="via flickr">more →</a>
+ </p>
+
+
+
+
+
+
+
+
+
+
+
+
+ </div>
+
+ <? $this->include_template('footer.html.tpl'); ?>
+
+</body>
+</html>
+
--- /dev/null
--- /dev/null
++<html>
++<head>
++
++ <? $this->include_template('head-inc.html.tpl') ?>
++
++ <title><?=SITE_TITLE?><?=$this->page_title(TITLE_DELIMITER);?></title>
++
++</head>
++<body>
++
++
++<div id="content">
++
++ <? foreach($entries as $entry): ?>
++ <? if (isset($entry['content_short'])) ?>
++
++ <div class="project">
++ <a href="<?= $entry['url']?>">
++ <div class="thumb">
++ <? if (isset($entry['config']['thumb'])): ?>
++ <img src="<?= $entry['config']['thumb']?>">
++ <? endif; ?>
++ </div>
++ <?= $entry['title']; ?>
++ </a>
++ </div>
++
++ <? endforeach; ?>
++
++</div>
++
++ <? $this->include_template('footer.html.tpl') ?>
++ <? $this->include_template('nav.html.tpl') ?>
++
++</body>
++</html>
<? $this->include_template('head-inc.html.tpl') ?>
++<!-- <<<<<<< HEAD
+ <title><?=SITE_TITLE?><?=TITLE_DELIMITER?> <?=$data['title'];?></title>
++======= -->
+ <title><?=$entry['title'];?></title>
++<!-- >>>>>>> 2ae0cd949c331f83dcb05116cffdca21b2ecb871 -->
</head>
<body>
- <? $this->include_template('nav.html.tpl') ?>
-
<div id="content">
- <? $this->include_template('entry.html.tpl', array('data' => $data)); ?>
+ <? $this->include_template('entry.html.tpl'); ?>
+ </div>
+
+ <div id="nextprev">
+ <? $this->include_template('nextprev.html.tpl'); ?>
</div>
++<!-- <<<<<<< HEAD -->
+<!--
+
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+ /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+ var disqus_shortname = 'quilime'; // required: replace example with your forum shortname
+
+ // The following are highly recommended additional parameters. Remove the slashes in front to use.
+ // var disqus_identifier = 'unique_dynamic_id_1234';
+ // var disqus_url = 'http://example.com/permalink-to-page.html';
+
+ /* * * DON'T EDIT BELOW THIS LINE * * */
+ (function() {
+ var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+ dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
+ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+ })();
+</script>
+<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
+ -->
+
++<!-- ======= -->
+ <? $this->include_template('nav.html.tpl') ?>
++<!-- >>>>>>> 2ae0cd949c331f83dcb05116cffdca21b2ecb871 -->
<? $this->include_template('footer.html.tpl') ?>
</body>