+body { margin:80px 100px 50px 40px; }
+html, body, table { font-family: times, helvetica, sans; font-size:15px; line-height:1.3em; color:#999; }
-body { margin:10px 100px 50px 40px; }
-html, body, table { font-family: helvetica; font-size:11px; line-height:1.5em; color:#222; }
+.nav { position:absolute; z-index:1; top:20px; left:20px; }
+.nav ul { margin-left:1em; }
+.nav h1 { margin-bottom:50px;}
+
+#head { position:absolute; top: 20px; left: 160px;}
/*selection*/
::-moz-selection {background: #08f !important; color:#fff;}
::selection {background: #08f !important; color:#fff;}
/*links*/
-a { color:#60d; border:0; text-decoration:none; }
+a { color:#555; border:0; padding:0.2em 0.1em 0.1em 0em; font-weight:bold; text-decoration:none; }
a img { border:0; }
-a.mute { color:#555; }
-a:hover, a.mute:hover { color:#fa4; background:#ffa; text-decoration:none; }
-.caption a { color:#888;}
-.caption a:hover { color:#905;}
+a.mute { }
+a:hover, a.mute:hover { color:#d15; border-bottom:2px solid #d15; text-decoration:none; }
/*headings*/
-h1, h2, h3, h4, h5, h6 { color:#444; font-size:1em; }
-h1 { margin:0 0 3em 0; }
-h2 { margin:4em 0 0.5em 0; }
-h3 { font-size:1em; margin:0; margin-bottom:0.5em; }
-
-
-
-/*code
-pre, .code { font-family: Monaco, monospace; font-size:11px; line-height:1.4em; background:#212121; color:#0f4; padding:1em 2em; }
-span.code { padding:0.5em 1em; }
-*/
+h1, h2, h3, h4, h5, h6 { font-size:1.3em; }
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
+h1 { margin:0 0 3em 0; font-size:2em;}
+h2 { margin:4em 0 0.5em 0; }
+h3 { margin:0 0 0 0; }
blockquote { font-family:times; background:#000; color:#aaa;
margin:0; font-size:15px; line-height:1.4em; padding:2em 4em; font-style:italic; line-height:1.45em; max-width:600px;}
p { max-width:720px; }
-ul { margin:0; padding:0; list-style-type:none; }
-li { margin-bottom:1px; padding:1px; }
+ul, li { margin:0; padding:0; list-style-type:none; }
table { margin:0; padding:0; border:0; }
-table .column { padding-right:100px; min-width:120px; max-width:275px; }
+table .column { padding-right:100px; 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; }
.bookmark_links li span { font-style: italic; color:#444; }
.image li a { background:none;}
-.c_pop { position:absolute; background:#fff; display:none; border:5px outset #000; padding:1em 2em; left:260px; z-index:5; }
+.c_pop { position:absolute; background:#fff; display:none; border:5px outset #000; padding:1em 2em; z-index:5; }
.func { font-weight:bold; color:#444; }
#home_arrow { position: absolute; top:11px; left:23px; margin-left:250px; text-decoration:none; }
-#content { margin-left:120px; min-width:500px; }
+#content { margin-left:120px; min-width:500px; position:absolute; top:20px; padding-bottom:200px; z-index:10;}
#content p { }
- ul.inline_content { }
- ul.inline_content li { margin:0 0 50px 0; padding-bottom:75px; }
- ul.inline_content ol li { margin:0; padding:0; }
+ ul.inline_content {}
+ ul.inline_content li .content { }
+ ul.inline_content li { margin:0 0 150px 0; }
+ ul.inline_content li h3 { border-bottom:2px solid #ddd; }
+ ul.inline_content ol li { margin:0; padding:0; border:0;}
ul.thumbnails { }
ul.thumbnails li { display:inline-block; margin: 0px 60px 60px 0px; }
ul.thumbnails .thumbnail { width:160px; height:120px; text-align:center; background:#888; }
ul.thumbnails .title { }
.date { color:#ccc;}
-.func { font-weight:normal; color:#990; }
+ .func { margin-bottom:2em; }
+ .func a { background:#daa; padding:0.2em 1em 0.02em 1em; font-size:9px; text-transform:uppercase;}
.text { font-family:serif; font-size:15px; line-height:2.2em; margin-top:80px;}
.indent { text-indent:3em; }
-.nav { position:fixed; top:1em; left:1em; line-height:1.1em;}
-.nav ul { margin-left:1em; }
-.nav li a { background:#ffe; font-weight:bold; }
-.nav h3 { margin-bottom:0.4em; }
+
.caption { font-style:italic; margin-top:5px; color:#444; }
#footer { margin-top:120px; }
#footer .copy a { text-decoration:none; }
+
/* Pretty printing styles. Used with prettify.js. */
.str { color: #f26; }
-.kwd { color: #000; font-weight:bold; }
+.kwd { color: #444; font-weight:bold; }
.com { color: #888; font-style:italic; }
.typ { color: #606; }
.lit { color: #066; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
-pre.prettyprint, code.prettyprint { font-family:monospace; font-size:12px; padding:2px 20px; background:#f0f0f0; }
+pre.prettyprint, code.prettyprint { font-family:monaco, "Lucida Console", monospace; font-size:11px; line-height:1.6em; padding:0.3em 0.5em; background:#e9e9e9;
+-moz-border-radius: 4px;
+-webkit-border-radius: 4px;
+}
pre.prettyprint { padding:20px; }
@media print {
LOCAL_ROOT = /home/quilime/quilime.com/
-CONTENT_DIR = c/
+CONTENT_DIR = content/
TEMPLATE_DIR = templates/
SITE_TITLE = quilime
<head>
- <?php include_template('header-src.html'); ?>
+ <?php include_template( 'header-src.html' ); ?>
<title><?php echo SITE_TITLE ?> - about</title>
+<? $page = "about"; ?>
+
</head>
<body>
- <?php include_template('nav.html'); ?>
+ <?php include('nav.html'); ?>
<div id="content">
- <h1>about</h1>
-
<p>
- <strong>quilime</strong> is an ongoing collection of process, notes, observation, sketches, experiments by gabriel dunne. (<a href="http://gabrieldunne.com">www</a>,
-<a href="mailto:gdunne@quilime.com">email</a>)
- </p>
-
-
- © 1997—<?= date('Y'); ?>
+
+ quilime is a continually growing codification of exploration, resource, and creativity.
+ <br/>
+ <br/>
+ author: gabriel dunne (<a href="mailto:gdunne@quilime.com">email</a>, <a href="http://gabrieldunne.com">www</a>)
+ <br/>
+ elsewhere:
+ <a href="http://flickr.com/photos/quilime/">flickr</a>,
+ <a href="http://delicious.com/quilime/">delicious</a>,
+ <a href="http://vimeo.com/quilime/">vimeo</a>,
+ <a href="http://github.com/quilime/">github</a>
+ </p>
<br/>
+
+
</div>
+<?
+ $page = "aggregate";
+?>
+
<html>
<head>
<body>
- <?php include_template('nav.html'); ?>
+ <?php include('nav.html'); ?>
<div id="content">
-
- <h1>aggregate</h1>
<table border="0" id="agg"><tr>
<td valign="top" class="column">
<?php $agg = get_rss_feed('http://media.quilime.com/aggregate/index.php?return=rss'); ?>
- <h3><a class="mute" href="http://quilime.com/aggregate/">image aggregate</a></h3>
+ <h3><a class="mute" href="http://media.quilime.com/aggregate/">image aggregate</a></h3>
<ul class="image">
<?php
- $count = 8;
+ $count = 10;
foreach($agg->channel->item as $item) :
if ($count-- == 0) break;
?>
<? endforeach; ?>
</ul>
<p>
- <a class="more" href="http://quilime.com/aggregate" title="via quilime.com/aggregate">more →</a>
+ <a class="more" href="http://media.quilime.com/aggregate" title="via quilime.com/aggregate">more →</a>
</p>
</td>
-<?php /*
+<?php /*
<td valign="top" class="column">
<?php $tube = get_rss_feed('http://gdata.youtube.com/feeds/base/users/kabr/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>
}
$inline = isset($_GET['inline']) ? true : false;
+
+ $page = "code";
?>
<body>
<?php
- include_template('nav.html');
+ include('nav.html');
?>
+
+
<div id="content">
+
<?php if ($single) : ?>
- <h1><a href="/code/">code</a> / <?php echo $items['title']; ?> <small class="medium">[<?php echo $items['medium']; ?>]</small></h1>
-
<div class="content">
<?php
$base_dir = $items['base_dir'];
include_once($items['content']);
?>
</div>
-
<?php elseif ($inline): ?>
- <h1>code</h1>
+<div class="func"><a href="/code/">list</a></div>
<ul class="inline_content">
<?php foreach($items_list as $items): ?>
<li>
<h3>
<a href="<?php echo $items['href']?>"><?php echo $items['title']; ?></a>
- <small class="medium">[<?php echo $items['medium']; ?>]</small>
</h3>
<div class="content">
<?php
</div>
</li>
<? endforeach; ?>
- </ul>
-
- <a class="func" href="/code/">archive</a>
+ </ul>
+
+ <br/>
<?php else: ?>
+
+ <div class="func"><a href="/code/?inline=1">inline</a></div>
- <h1>code</h1>
-
<table class="archive" cellspacing="0" cellpadding="0">
<tr>
<? $c++; endforeach; ?>
</table>
- <br/>
- <p>
- <a class="func" href="/code/?inline=1">view inline</a>
- </p>
-
<?php endif; ?>
</div>
<!-- code prettifyier -->
<link href="<?= get_base_dir(); ?>/js/prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="<?= get_base_dir(); ?>/js/prettify/prettify.js"></script>
-
+<meta name="google-site-verification" content="1OBSuW_Qc3OFWC8whRGv2DJxQUUZkjcaY_cdd6PpdR8" />
<script>
+
$(document).ready(function() {
prettyPrint();
});
+
+ $(document).mousemove(function(e){
+ $('.c_pop').css({'left':(e.pageX-170)+"px", 'top':e.pageY+"px"});
+ });
+
</script>
\ No newline at end of file
$img = get_rss_feed('http://api.flickr.com/services/feeds/photos_public.gne?id=28394478@N00&lang=en-us&format=rss_200');
+$page = "image";
+
?>
<html>
<body>
- <?php include_template('nav.html'); ?>
+ <?php include('nav.html'); ?>
<div id="content">
- <h1>img</h1>
<ul class="image">
<?php foreach($img->channel->item as $item) : ?>
<? include_template('nav.html'); ?>
<div id="content">
- projects, experiments, code, reference, inspiration, aggregate
+ <--- navigation
</div>
</body>
+<?
+ $page = 'links';
+?>
+
<html>
<head>
<body>
- <?php include_template('nav.html'); ?>
+ <?php include('nav.html'); ?>
<div id="content">
- <h1>links</h1>
+
<?php
<?php
}
- $people = array(
-
- array('http://ssherriff.com', 'stephanie sherriff'),
- array('http://dabkitsch.com/jml', 'jeff lubow'),
- array('http://onecm.com', 'ryan alexander'),
- array('http://oddsympathy.com/', 'daniel massey'),
- array('http://jtnimoy.net', 'joshua nimoy'),
- array('http://keithpasko.com', 'keith pasko'),
- array('http://pohflepp.com', 'sascha pohflepp'),
- array('http://mylinhtrieu.com', 'mylinh trieu'),
- array('http://universaloscillation.com', 'aaron meyers'),
- array('http://tom-carden.co.uk', 'tom carden'),
- array('http://mike.teczno.com', 'michal migurski'),
- array('http://ripevessel.com', 'adam roth'),
- array('http://davidrager.org', 'david rager'),
- array('http://digitanalog.net', 'marc nimoy'),
- array('http://makaga.com', 'matthew gale'),
- array('http://fredericeyl.de', 'frédéric eyl'),
- array('http://thegreeneyl.com/', 'the green eyl'),
- array('http://local.wasp.uwa.edu.au/~pbourke/', ''),
+ $people = array
+ (
+ array('ssherriff.com', 'stephanie sherriff'),
+ array('dabkitsch.com/jml/', 'jeff lubow'),
+ array('onecm.com', 'ryan alexander'),
+ array('oddsympathy.com', 'daniel massey'),
+ array('jtnimoy.net', 'joshua nimoy'),
+ array('keithpasko.com', 'keith pasko'),
+ array('pohflepp.com', 'sascha pohflepp'),
+ array('mylinhtrieu.com', 'mylinh trieu'),
+ array('universaloscillation.com', 'aaron meyers'),
+ array('tom-carden.co.uk', 'tom carden'),
+ array('mike.teczno.com', 'michal migurski'),
+ array('ripevessel.com', 'adam roth'),
+ array('davidrager.org', 'david rager'),
+ array('digitanalog.net', 'marc nimoy'),
+ array('makaga.com', 'matthew gale'),
+ array('fredericeyl.de', 'frédéric eyl'),
+ array('thegreeneyl.com', 'the green eyl'),
+ array('local.wasp.uwa.edu.au/~pbourke/', '')
);
?>
-
- <h2>quilime elsewhere</h2>
<ul>
- <li><a href="http://delicious.com/quilime/">delicious</a></li>
- <li><a href="http://vimeo.com/quilime/">vimeo</a></li>
- <li><a href="http://flickr.com/photos/quilime/">flickr</a></li>
+ <?php linklist($people); ?>
</ul>
- <h2>links</h2>
- <ul>
- <?php linklist($people); ?>
- </ul>
</div>
-<?php
+t<?php
$single = false;
}
$list = isset($_GET['list']) ? $_GET['list'] : false;
+
+ $page = "/log";
?>
<html>
<body>
- <?php include_template('nav.html'); ?>
+ <?php include('nav.html'); ?>
<div id="content">
-
-
<?php if ($single) : ?>
- <h1><a href="/log/">log</a> / <?php echo $log['title']; ?> <span class="date"><?php echo date("m/d/Y", $log['timestamp']); ?></span> </h1>
-
+ <h1>
+ <a title="<?php echo get_relative_time($log['timestamp']); ?>" href="<?php echo $log['href'];?>">
+ <?php echo $log['title']; ?>
+ </a><small>[<?=get_relative_time($log['timestamp']);?>]</small>
+ </h1>
+
+
+
<div class="content">
<?php echo $log['inline_content']; ?>
</div>
<?php elseif ($list): ?>
-
- <h1>log</h1>
<table class="archive" cellspacing="0" cellpadding="0">
<tr>
<?php else: ?>
- <h1>log</h1>
-
<ul class="inline_content log">
<?php foreach($log_list as $log): ?>
<li>
<a title="<?php echo get_relative_time($log['timestamp']); ?>" href="<?php echo $log['href'];?>">
<?php echo $log['title']; ?></a>
-<span class="date"><?php echo date("m/d/Y", $log['timestamp']); ?></span>
</h3>
<?php echo $log['inline_content']; ?>
</li>
</ul>
<br/>
- <a class="func" href="/log/?list=1">vew archive</a>
+ <a class="func" href="/log/?list=1">view archive</a>
<?php endif; ?>
<ul class="nav">
-
- <strong><a class="mute" href="/"><?= SITE_TITLE ?></a></strong><br/>
-
- <br/>
- <br/>
-
+ <li><a href="/">home</a><br/><br/></li>
<li><a href="/log/">log</a></li>
- <li><a href="/code/?inline=1">code</a></li>
- <li><a href="/img/">img</a></li>
- <li><a href="/agg/">aggregate</a></li>
+ <li><a href="/projects/">projects</a></li>
+ <li><a href="/code/">code</a></li>
<li><a href="/links/">links</a></li>
+ <li><a href="/agg/">aggregate</a></li>
<li><a href="/about/">about</a></li>
-
- <br/>
-
-
</ul>
$single = true;
}
+$parent_page = "/projects";
+$page = '<a href="/projects">projects</a>';
+
?>
<html>
<body>
- <?php include_template('nav.html'); ?>
+ <?php include('nav.html'); ?>
<div id="content">
-
<?php if ($single) : ?>
- <h1><a href="<?php echo get_base_dir(); ?>/projects">projects</a> / <?php echo $project['title']; ?></h1>
+ <h1><?php echo $project['title']; ?></h1>
<?php
$base_dir = $project['base_dir'];
include_once($project['content']);
<?php elseif ($list): ?>
+
+
+
<?php else: ?>
<p>
<a href="http://gabrieldunne.com/projects/">current</a><br/>
<a href="http://portfolio.quilime.com/2008/">2008</a><br/>
<a href="http://portfolio.quilime.com/new/port.php">2007</a><br/>
- <a href="http://portfolio.quilime.com/recent.html">2004 - 2006</a>
+ <a href="http://portfolio.quilime.com/recent.html">2004 - 2006</a><br/>
+ <a href="http://portfolio.quilime.com/archive/">1999 - 2004</a>
</p>
-
- <!--
- <ul class="thumbnails">
+
+<!--
+ <ul>
<?php foreach($projects_list as $project): ?>
<li>
<a href="<?php echo $project['href']?>">
</li>
<? endforeach; ?>
</ul>
- -->
-
+ -->
<?php endif; ?>
</div>
git.quilime.com / plog_bk.git / commitdiff