moving things around and styling

diff --git a/content/code/archlinux_install_1 b/content/code/archlinux_install
similarity index 99%
rename from content/code/archlinux_install_1
rename to content/code/archlinux_install
index c71e819497dc6a668537635801ab463d51005baf..b834918cd4e774e5a8380c923d1d2540c9fab72c 100644 (file)
--- a/content/code/archlinux_install_1
+++ b/content/code/archlinux_install
@@ -1,4 +1,4 @@
-title = arch linux install blog
+title = Archlinux Installation
 date = 2012-01-02
 tags = arch linux windows installation tutorial
 --

diff --git a/content/projects/config b/content/projects/config
new file mode 100644 (file)
index 0000000..0ceefdf
--- /dev/null
+++ b/content/projects/config
@@ -0,0 +1 @@
+template = projects

diff --git a/content/projects/statement_2007 b/content/projects/statement_2007
new file mode 100644 (file)
index 0000000..b2372e6
--- /dev/null
+++ b/content/projects/statement_2007
@@ -0,0 +1,18 @@
+title = Statement 2008
+date = 01-11-2007
+--
+
+This collection of work was done in the last 10 months and represents my  explorations in visual software and musical expression, as well as an implied direction for my future work.
+
+ Some of the pieces are tools that would be used to create musical soundscapes. When using these software instruments such as <a href="?p=01_Dots">Dots</a>, <a href="?p=02_Jellyfish">Jellyfish</a>, <a href="?p=03_Rattles">Rattles</a>, <a href="?p=06_Web">Web</a> the visual aspect of the instruments are integrated: both the visual and the sound of the instruments make up the experience. While the audio and visual elements are linked, they are not audio visualizers, rather, they are visual instruments used to create sound.
+ 
+ Two of the pieces do not have an audio component, as their primary focus is a spacial experience. <a href="?=05_Swim_Tank">Swim Tank</a> gives you control of an object that has freedom of movement and leaves a trail. As the object is rhythmically guided forward and backward, it allows you to interact with your previously drawn path and decisions. Your gain perspective as you get to the furthest end of your trail, allowing you to interact with all your past movements over the course of your experience.
+
+ <a href="?p=04_Stars">Stars</a> is also an exploration space, allowing you to experience the transition between macro and micro in an environment of infinite/finite scale. As you move through the space, your scope and perspective widens and transcends while space becomes infinitely big and infinitely small simultaneously, distorting time, scale and perspective.
+ 
+ I forsee the next step in this work would be to translate the screen-based environments into the physical world by means of sculpture, installation. I view this software as simple conceptual sketches that point in the direction of physical works that follow the same philosophy.
+
+Gabriel Dunne
+
+2007
+

diff --git a/css/style.css b/css/style.css
index 87d806bb6f6113817e45d2707306035d6265fcd2..a6c520c8fa68f807f9b00c185b6af99fe3f7df18 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -6,19 +6,22 @@ body {
 html,
 body,
 table {
-  font-family: sans-serif;
-  color: #22f;
+
+  font-family: arial;
+  color: #000;
     line-height:1.3em;
 }
 ::-moz-selection,
 ::selection {
   background: #08f !important;
-  color: #fff;
+  color: #ff0;
 }
 
 
 a {
-  color: #000;
+  color: #22f;
+    font-weight:bold;
+    text-decoration:none;
   border: 0;
   padding: 0.2em 0.1em 0 0;
 }
@@ -48,8 +51,8 @@ h3 a,
 h4 a,
 h5 a,
 h6 a { }
-h1 {  margin: 0 0 1em 0; font-size:1.8em; }
-h2 {  margin: 2em 0 0.5em 0; font-size:1.3em }
+h1 {  margin: 0 0 1em 0; }
+h2 {  margin: 2em 0 1em 0; }
 h3 {  margin: 0 0 0 0 }
 h4 {  margin-top: 0 }
 ul, li { }
@@ -60,7 +63,6 @@ blockquote {
   background: #000;
   color: #aaa;
   margin: 0;
-  font-size: 15px;
   line-height: 1.4em;
   padding: 2em 4em;
   font-style: italic;
@@ -107,19 +109,22 @@ p {   }
 .index li a {
   font-weight: normal;
 }
-.entry, table .column {
-margin-bottom: 50px;
-background:#fff;
-padding:30px;
-border-radius:30px;
-max-width:720px;
-box-shadow:inset 1px 1px 1px #ddd;
+.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_b {
+  background:#eee;
+  box-shadow:none;
 }
 .entry .metadata {
     margin-top:3em;
   font-style: italic;
   color: #999;
-    font-size:12px;
 }
 .entry .metadata a {  color: #999 }
 .entry .metadata a:hover {  color: #000 }
@@ -171,11 +176,23 @@ table .bookmarks li {
 #footer {  margin-top: 120px }
 #footer .copy a {  text-decoration: none }
 a.rss {
-  background: url("/img/rss-icon.png") no-repeat scroll right center transparent;
+/*  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 {
+    display:inline-block;
+}
+.thumb {
+  width:100px;
+  height:100px;
+  border:1px dotted #000;
+}

diff --git a/pages/about b/pages/about
index 3d8ce425dd6ffb45f9584b46de591ee881855ff5..e5e9e72111bfbd8df2386a7d1caafce2ae83ba8a 100644 (file)
--- a/pages/about
+++ b/pages/about
@@ -1,5 +1,7 @@
 title = about
 --
+###about
+
 quilime is a codification of process, resource, and code by **gabriel dunne** ([www](http://gabrieldunne.com), [email](mailto:gdunne@quilime.com))
 <br />elsewhere:
 [github](http://github.com/quilime/),
@@ -14,5 +16,5 @@ 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 built on <a href="http://git.quilime.com/?p=plog.git;a=summary">plog</a> (project+log), a minimal CMS. 
+quilime is powered by <a href="http://git.quilime.com/?p=plog.git;a=summary">plog</a> (project+log), a static-file CMS.
 

diff --git a/pages/links b/pages/links
index 574c8774deea3a8aa0104d716d3eddac24c22968..8039284d0461156c502512aa353fa4cb876ccf73 100644 (file)
--- a/pages/links
+++ b/pages/links
@@ -2,33 +2,29 @@ title = links
 type = page
 markdown = true
 --
-people/groups
-------
-+ 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)  
-+ 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)
 
-<br />
-<br />
+###links
++ [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
-------
-+ carbon workshop [carbonworkshop.com](http://carbonworkshop.com)
-+ gray area foundation for the arts [gaffta.org](http://gaffta.org)
-+ bay area video coalition [bavc.org](http://bavc.org)
+####places
++ [gaffta.org](http://gaffta.org) gray area foundation for the arts
++ [bavc.org](http://bavc.org) bay area video coalition

diff --git a/pages/projects b/pages/projects
index 4e787c6d17f08feac52f6b49ff9130939123a7df..ed243b24b07b4398a5854f4324041c6078d42674 100644 (file)
--- a/pages/projects
+++ b/pages/projects
@@ -1,6 +1,11 @@
 title = projects
 --
 
+### current work
+[gabrieldunne.com](gabrieldunne.com)
+
+<br />
+
 ### past portfolio(s)
 [works 4](http://portfolio.quilime.com/2008/)  
 [works 3](http://portfolio.quilime.com/new/port.php)  
@@ -36,4 +41,4 @@ title = projects
 [Body Negative](http://portfolio.quilime.com/2008/?p=bodyneg)  
 [Nos Reves](http://portfolio.quilime.com/content/nosreves/index.html)  
 [Icarus and Daedalus](http://portfolio.quilime.com/2008/?p=icarus)  
-[AeroBlob](http://portfolio.quilime.com/2008/?p=aero)  
\ No newline at end of file
+[AeroBlob](http://portfolio.quilime.com/2008/?p=aero)  

diff --git a/templates/entry.html.tpl b/templates/entry.html.tpl
index 84437237c4d4bb718d4edf0d67b7d5dc2a26e1ca..b903d38fe466baf0deb71360d1da8d3614fb14ae 100644 (file)
--- a/templates/entry.html.tpl
+++ b/templates/entry.html.tpl
@@ -9,8 +9,8 @@
        </div>
 
        <div class="metadata">
-               posted <abbr title="<?=get_relative_time($data['timestamp']);?>"><?=date("F d, Y", $data['timestamp'])?></abbr> 
-               in <a href="<?=$data['cat']['url'];?>"><?=$data['cat']['name'];?></a> filed as <? if ($data['tags']) echo implode(', ', $data['tags']); ?>
+               <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']); ?>
                
        </div>
 

diff --git a/templates/index.html.tpl b/templates/index.html.tpl
index 11fd84e6107f0d8aa2e2ee751d3c531183268b84..c0b2cd438f87d238b47c2d1cc9518c6f54584493 100644 (file)
--- a/templates/index.html.tpl
+++ b/templates/index.html.tpl
@@ -10,12 +10,14 @@
 
     <? $this->include_template('nav.html.tpl') ?>
 
+
+
 <div id="content">
 
        <table>
        <tr>
-       <td class="column" valign="top">
-       <h3><a href="/code/">code</a></h3>
+       <td style="padding-right:100px;" valign="top">
+       <h3>code</h3>
        <? foreach($data as $entry): 
                if ($entry['cat']['name'] == 'code') : ?>
                <div>&bull; <a href="<?=$entry['url'];?>"><?=$entry['title'];?></a></div>
@@ -27,50 +29,70 @@
        </p>
        </td>
 
-       <td class="column" valign="top">
-       <h3><a href="/log/">'blog</a></h3>
+       <td  valign="top">
+       <h3>(b)log</h3>
        <? foreach($data as $entry): 
                if ($entry['cat']['name'] == 'log') : ?>
                <div>&bull; <a href="<?=$entry['url'];?>"><?=date('Y m d', $entry['timestamp']);?> &mdash; <?=$entry['title'];?></a></div>
        <?      endif;
        endforeach; ?>
-       <br />
        <p><small>
        <a class="rss" href="/log/.rss">rss</a>, <a class="more" href="/log/">more &rarr;</a>
        </small>
        </p>
        </td>
 
+       </tr>
+       </table>        
+
+       <br />
+       <br />
+       <br />
+       <br />                  
+
+       <div>
+       <h3>projects</h3>
+
+       <br />
+       <br />
 
-       <td class="column" valign="top">
-       <h3><a href="/projects/">projects</a></h3>
+       <? 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; ?>
+
+               <!--
                &bull; <a href="http://git.quilime.com/?p=plog.git">plog</a> - project+log CMS<br />
                &bull; <a href="https://github.com/quilime/clmpr">clmpr</a> - minimal bookmarking site<br />
                        
                <br />
 
-               &bull; <a href="http://portfolio.quilime.com/2008/?p=rattle">Rattles</a><br />
-               &bull; <a href="http://portfolio.quilime.com/2008/?p=sempernull">Sempernull</a><br />
-               &bull; <a href="http://portfolio.quilime.com/2008/?p=synonymovement">Synonymovement</a><br />
-               &bull; <a href="http://portfolio.quilime.com/2008/?p=cabspotting">Cabspotting</a><br />
-               &bull; <a href="http://content.stamen.com/som_transbay_tower">Bay Area Transit</a><br />                
-               &bull; <a href="http://portfolio.quilime.com/2008/?p=mask">Mask</a><br />
-               &bull; <a href="http://portfolio.quilime.com/2008/?p=prism">Prism</a><br />
-               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=01_Dots">Dots</a><br />
-               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=02_Jellyfish">Jelly</a><br />
-               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=05_Swim_Tank">Swim Tank</a><br />
-               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=06_Web">Web</a><br />
-               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=04_Stars">Sempernull</a><br />
-               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=03_Rattles">Rattles</a><br />
-               &bull; <a href="http://portfolio.quilime.com/content/daschtein/index.html">Dachstein</a><br />
-               &bull; <a href="http://portfolio.quilime.com/content/cm/index.html">Celestial Mechanics</a><br />
-               &bull; <a href="http://portfolio.quilime.com/content/valentine/index.html">Valentine</a><br />
-
-
-
-       </td>
-       </tr>
-       </table>        
+               &bull; <a href="http://portfolio.quilime.com/2008/?p=rattle">Rattles</a> - software<br />
+               &bull; <a href="http://portfolio.quilime.com/2008/?p=sempernull">Sempernull</a> - projection<br />
+               &bull; <a href="http://portfolio.quilime.com/2008/?p=synonymovement">Synonymovement</a> - projection<br />
+               &bull; <a href="http://portfolio.quilime.com/2008/?p=cabspotting">Cabspotting</a> - data visualization<br />
+               &bull; <a href="http://content.stamen.com/som_transbay_tower">Bay Area Transit</a> - data visualization<br />           
+               &bull; <a href="http://portfolio.quilime.com/2008/?p=mask">Mask</a> - painting<br />
+               &bull; <a href="http://portfolio.quilime.com/2008/?p=prism">Prism</a> - painting<br />
+               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=01_Dots">Dots</a> - software<br />
+               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=02_Jellyfish">Jelly</a> - software<br />
+               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=05_Swim_Tank">Swim Tank</a> - software<br />
+               &bull; <a href="http://portfolio.quilime.com/new/port.php?p=06_Web">Web</a> - software<br />
+               &bull; <a href="http://portfolio.quilime.com/content/daschtein/index.html">Dachstein</a> - installation<br />
+               &bull; <a href="http://portfolio.quilime.com/content/cm/index.html">Celestial Mechanics</a> - dome-based animation<br />
+               &bull; <a href="http://portfolio.quilime.com/content/valentine/index.html">Valentine</a> - software<br />       
+
+               -->
+
+       </div>
 
 </div>
 

diff --git a/templates/page.html.tpl b/templates/page.html.tpl
index 699aae90737f5035587f849ce9b393c883451cd2..f43e3d88e2246fc4b29bf1cbd0aa53951ca63e03 100644 (file)
--- a/templates/page.html.tpl
+++ b/templates/page.html.tpl
@@ -12,7 +12,9 @@
     
 <div id="content">
 
+       <div class="page">
        <?=$data['content'];?>
+       </div>
        
 </div>