-
-
-
init:
bundle init
bundle add jekyll --version "~>4.2"
dev:
bundle exec jekyll serve --livereload --port 4001
-# bundle exec jekyll serve --config _config.local.yml --port 4001
-
build:
bundle exec jekyll build
git push gitea
git push local
-
EXCLUDE := $(if $(nomedia),--exclude m,)
+DEST := quilime@quilime.com:/home/quilime
publish:
# Publishing gabrieldunne.com
rm -rf _site
bundle exec jekyll build --config _config.yml
- rsync -varz ${EXCLUDE} _site/ quilime@quilime.com:/home/quilime/gabrieldunne.com/public/ --delete
+ rsync -varz ${EXCLUDE} _site/ $(DEST)/gabrieldunne.com/public/ --delete
# Publishing gld.studio
rm -rf _site
bundle exec jekyll build --config _config.studio.yml
- rsync -varz ${EXCLUDE} _site/ quilime@quilime.com:/home/quilime/gld.studio/public/ --delete
-
-
-
-#!/bin/bash
-# set -x
-
-# EXCLUDE=""
-# if [ $1 ] && [ $1 == "--nomedia" ]; then
-# echo "Publishing with --nomedia flag..."
-# EXCLUDE="--exclude ./m"
-# fi
-
-# # gld.studio
-# echo "Building..."
-# rm -rf _site
-# bundle exec jekyll build --config _config.studio.yml
-# echo "Syncing..."
-# rsync -varz _site/ quilime@quilime.com:/home/quilime/gld.studio/public/ --delete $EXCLUDE
-
+ rsync -varz ${EXCLUDE} _site/ $(DEST)/gld.studio/public/ --delete
+++ /dev/null
-url : http://localhost:4000
-
-name : gld
-description: Gabriel Dunne
-author : Gabriel Dunne
-author_url : https://gld.studio
-author_email : contact@gld.studio
-analytics: 000
-markdown : kramdown
-highlighter : true
-paginate : 8
-paginate_path : posts/:num
-permalink : /:title/
-baseurl : ""
-future: true
-plugins :
- - jekyll-paginate
-collections:
- notes:
- output: true
- permalink: /notes/:title/
-exclude:
- - push
- - serve
- - publish
-
\ No newline at end of file
title: face replace
date: dec 15 2012
thumb: http://media.quilime.com/files/projects/facereplace/thumb.png
-categories: projects
+categories: code
layout: post
---
![](http://media.quilime.com/files-bak/projects/facereplace/8282922605_6b0b20d255_z.jpg)
<div class="archive-sort">
-by:
+sort by:
{% if page.url == '/archive-d/' %}
- date | <a href="{{site.url}}/archive-c/">category</a> | <a href="{{site.url}}/archive-i/">thumbs</a>
+ <a href="{{site.url}}/archive-c/">category</a> | date
+ <!-- | <a href="{{site.url}}/archive-i/">thumbs</a> -->
{% endif %}
{% if page.url == '/archive-c/' %}
- <a href="{{site.url}}/archive-d/">date</a> | category | <a href="{{site.url}}/archive-i/">thumbs</a>
+ category | <a href="{{site.url}}/archive-d/">date</a>
+ <!-- | <a href="{{site.url}}/archive-i/">thumbs</a> -->
{% endif %}
{% if page.url == '/archive-i/' %}
- <a href="{{site.url}}/archive-d/">date</a> | <a href="{{site.url}}/archive-c/">category</a> | thumbs
+ <a href="{{site.url}}/archive-c/">category</a> | <a href="{{site.url}}/archive-d/">date</a>
+ <!-- | thumbs -->
{% endif %}
</div>
--- /dev/null
+<style>
+@media only screen and (device-width: 1060px),
+only screen and (max-width:1060px) {
+#hamburger-menu {
+ display:none;
+}
+ .nav {
+ margin-left:2em !important;
+ visibility: visible;
+ }
+</style>
<div class="nav" id="nav">
<ul>
- <li><h4 style="margin-top:0;" class="header"><a href="{{site.url}}/">{{site.name}}</a></h4></li>
+
+ <li>
+ <h4 style="margin-top:0;" class="header">
+ <a href="{{site.url}}/">{{site.name}}</a>
+ </h4>
+ </li>
+
<li><a href="{{ site.url }}/about/">about</a></li>
- <li><a href="{{ site.url }}/posts/">all posts</a></li>
- <li><a href="{{ site.url }}/archive-d/">archive</a></li>
- <li><a href="{{ site.url }}/notes/">notes</a></li>
+ <!-- <li><a href="{{ site.url }}/posts/">all posts</a></li> -->
<li><h4 class="header"><a href="/featured/">featured</a></h4></li>
- {% for post in site.categories.featured %}
+ {% assign sorted_feat = site.categories.featured | sort: "order" %}
+ {% for post in sorted_feat %}
+ <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
+ {% endfor %}
+
+ <li><h4 class="header"><a href="/projects/">projects</a></h4></li>
+ {% for post in site.categories.projects %}
+ <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
+ {% endfor %}
+
+ <li><h4 class="header"><a href="/code/">code</a></h4></li>
+ {% for post in site.categories.code %}
<li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
<li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
- <li><h4 class="header"><a href="/projects/">projects</a></h4></li>
- {% for post in site.categories.projects %}
+ <li><h4 class="header"><a href="/notes/">notes</a></h4></li>
+ {% for post in site.categories.notes %}
<li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
- {% endfor %}
+ {% endfor %}
<li><h4 class="header"><a href="/teaching/">teaching</a></h4></li>
{% for post in site.categories.teaching %}
{% endfor %}
<li> </li>
+
+ <li><a href="{{ site.url }}/archive-c/">archive</a></li>
<li><a href="{{ site.url }}/feed.xml">rss</a></li>
</ul>
</div>
\ No newline at end of file
layout: post\r
title: Architecture Mythos\r
date: 2001-07-05\r
-categories: projects\r
+categories: works\r
thumb: /m/icarus-deadalus/thumb.png\r
---\r
\r
layout: post\r
title: "Celestes Calendar"\r
date: 2002-06-12\r
-categories: projects\r
+categories: works\r
thumb: /m/celestes/thumb.png\r
---\r
\r
date: 2010-12-20
categories: works featured
excerpt: projection sculpture
+order: 4
thumb: /m/monad/thumb3.png
---
date: 2012-12-20
tags: collab
categories: works featured
+order: 2
excerpt: projection-mapped sculpture
thumb: /m/naag/thumb.png
---
layout: post
title: "Tetra Table"
date: 2014-04-29
-categories: projects
+categories: works
author: Gabriel Dunne
---
layout: post\r
title: Ribbon\r
date: 2017-05-05\r
-categories: projects\r
+categories: works\r
thumb: /m/ribbon/thumb.png\r
excerpt_separator: <!--more-->\r
---\r
layout: post
title: METAFLUX
date: 2018-08-10
-categories: projects
+categories: works
thumb: /m/metaflux/thumb.png
---
layout: post
title: subspectral
date: 2022-02-05
-categories: works featured
+categories: works
---
[![Subspectral]({{site.url}}/m/subspectral/cover.png)](https://album.link/subspectral)
layout: post\r
title: Mekstension\r
date: 2009-04-08\r
-categories: projects\r
+categories: code\r
client: Mekanism\r
thumb: /m/mekstension/thumb.png\r
---\r
layout: post\r
title: "Audio-ShaderToy"\r
date: 2012-04-03\r
-categories: projects\r
+categories: code\r
thumb: "/m/audioshadertoy/thumb.png"\r
excerpt: live-coding WebGL/GLSL shader editor with audio-spectrum data\r
---\r
layout: post
title: "GH -> TD"
date: 2014-04-23
-categories: projects
+categories: code
thumb: /m/gh-td/thumb.png
---
layout: post
date: 2002-05-01
title: "Color/Shape/Sound"
-categories: projects
+categories: notes
thumb : /m/colormuscalc/circleoffifths_color.gif
---
layout: post
title: City Sun Path
date: 2006-05-05
-categories: projects
+categories: notes
thumb: /m/sfshadows/thumb.png
---
layout: post
title: "Phi"
date: 2014-04-24
-categories: projects
+categories: notes
thumb: /m/phi/thumb.png
bg : #fff
---
layout: post\r
title: Stripe of Mirrors\r
date: 2021-01-01\r
-categories: projects\r
+categories: performance\r
thumb: /m/som/thumb.png\r
---\r
\r
---\r
layout: post\r
title: "Tessellated Group"\r
-date: 2018-01-01\r
+date: 2006-01-01\r
categories: projects\r
thumb: /m/tessellated/logo.png\r
---\r
\r
-Tessellated Group is a company founded by Greg Gale, focusing on structural origami. From 2005 to 2018 I worked with Tessellated Group creating the identity of the company and led the design and parametric CAD/CAM software tooling projects used for generating designs for folding flat sheet medium into complex three-dimensional forms used in packaging, marine, aerospace, and more.\r
+Founding Designer and Chief Software Engineer from Jun 2005 - Aug 2018. Developed structural packaging solutions for multi-national product supply chains. Computational design, Parametric modeling, algorithms, and CNC industrial sheet-folding machines and apparatuses for flat-sheet based origami structural cores.\r
\r
<a href="https://tessellated.com/">Tessellated Group</a>\r
\r
![](http://portfolio.quilime.com/2008/tessellated/tessellated_booth_comp.jpg)\r
\r
-\r
-\r
-\r
layout: post
title: "Celestial Mechanics"
date: 2006-05-05
+order: 4
categories: projects featured
thumb: /m/cm/thumb.png
---
Animation for Planetarium Dome, 30min
By D. Scott Hessels and Gabriel L. Dunne
-Celestial Mechanics is a planetarium-based artwork installation that visualizes the statistics, data, and protocols of manmade aerial technologies -- a graphic display of the paths and functions of the machines hovering, flying, and drifting above our planet. The sky is filled with aircraft that transport people from place to place, perform utilitarian duties, assist in communications, enact military missions, or wander above us as debris. Celestial Mechanics combines science, statistical display, and contemporary art by presenting these mechanical patterns and behaviors as a celestial mythology. The artwork is intended to be viewed in a planetarium dome, and as time permits the authors, it is updated.
+Celestial Mechanics is a planetarium-based artwork installation that visualizes the statistics, data, and protocols of manmade aerial technologies, conceived of in 2005 and first released in 2006. One of the first of its kind in the realm of software-based Data Visualization, a graphic display of the paths and functions of the machines hovering, flying, and drifting above our planet. The sky is filled with aircraft that transport people from place to place, perform utilitarian duties, assist in communications, enact military missions, or wander above us as debris. Celestial Mechanics combines science, statistical display, and contemporary art by presenting these mechanical patterns and behaviors as a celestial mythology. The artwork is intended to be viewed in a planetarium dome, and as time permits the authors, it is updated.
more info [https://celestialmechanics.info](https://celestialmechanics.info/)
date: 2008-07-05 \r
categories: projects featured\r
layout: post\r
+order: 5\r
thumb: /m/cabspotting/thumb.png\r
---\r
\r
+Using realtime GPS data to visualize the journeys of Yellow Cabs in San Francisco\r
+\r
<iframe src="https://player.vimeo.com/video/68519298?title=0&byline=0&portrait=0&color=ffffff" width="800" height="500" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>\r
\r
### "Cabspotting" San Francisco Taxi-Cab Visualization\r
\r
+Among the first uses of realtime data in a visualization of any kind on the web, Cabspotting was shown in the Design and the Elastic Mind exhibition at the Museum of Modern Art in 2008, was shown at NighTime Dreamreal at the Shanghai Power Station of Art (November 2013–March 2014), and is now in the permanent collection of MoMA. In these frame-by-frame maps of the locations of cabs in the Bay Area, taken from GPS data from Yellow Cabs in San Francisco, the city pulses like a beating heart.\r
+\r
+Scott Snibbe originally invited Stamen Design to collaborate with him on this project. It was part of a research project called Invisible Dynamics, sponsored by The Exploratorium of San Francisco.\r
+\r
#### Credits\r
\r
[Stamen Design](https://stamen.com) \r
Shawn Allen \r
Gabriel Dunne \r
\r
-\r
-\r
-[Cabspotting](http://stamen.com/clients/cabspotting) \r
-[Cabspotting in MoMA](http://content.stamen.com/cabspotting_in_moma_design_and_the_elastic_mind) \r
+[Cabspotting on Stamen's website](https://stamen.com/work/cabspotting/) \r
+[Cabspotting in MoMA](https://stamen.com/cabspotting-in-moma-design-and-the-elastic-mind-8d0417eba36a/) \r
\r
![]({{site.url}}/m/cabspotting/gabe - cabs_03.png)\r
Cab Trails\r
layout: post
title: Okaynokay
date: 2015-01-01
-categories: projects
+categories: projects featured
+order: 3
thumb: /m/oknk/thumb.png
---
[oknk.studio](https://oknk.studio)
-<a href="https://oknk.studio"><img src="https://oknk.studio/presskit/images/oknk-logo-light-white.png" /></a>
-
+<a href="https://oknk.studio">
+ <img src="https://oknk.studio/i/oknk-logo-dark-white-2x.png" />
+</a>
Notable projects by OKNK
title: "Seaquence.App"\r
categories: projects featured\r
date: 2016-03-15\r
+order: 1\r
excerpt: software music toy\r
thumb: /m/seaquence/3-up-700px.png\r
---\r
\r
A beautiful and playful multi-voice synthesizer \r
\r
-Created by [Okaynokay](https://oknk.studio) \r
+Created by [Okaynokay](https://oknk.studio) (Ryan Alexander and Gabriel Dunne)\r
\r
[https://seaquence.app](https://seaquence.app) \r
\r
title: Twilight Engines\r
categories: projects featured\r
date: 2019-03-03\r
+order: 3\r
te_url: https://twilightengines.site\r
---\r
\r
--- /dev/null
+---
+layout: default
+title: Performance
+---
+
+<ul class="posts">
+{% for post in site.categories.performance %}
+ {% if post.url %}
+ <li>
+ <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
+ </li>
+ {% endif %}
+{% endfor %}
+</ul>
btt: 0
---
-<style>
-@media only screen and (device-width: 1060px),
-only screen and (max-width:1060px) {
-#hamburger-menu {
- display:none;
-}
- .nav {
- margin-left:2em !important;
- visibility: visible;
- }
-</style>
\ No newline at end of file
+{% include index.html %}
\ No newline at end of file
title: notes
---
-<br />
+<ul class="posts">
+{% for post in site.categories.notes %}
+ {% if post.url %}
+ <li>
+ <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
+ </li>
+ {% endif %}
+{% endfor %}
+</ul>
+
+
+<!-- <br />
<br />
{% for post in site.categories.notes %}
<br />
{% endfor %}
+ -->
\ No newline at end of file