]> git.quilime.com - notes.git/commitdiff
Updates
authorGabriel Dunne <gdunne@quilime.com>
Wed, 22 Jul 2015 04:08:53 +0000 (21:08 -0700)
committerGabriel Dunne <gdunne@quilime.com>
Wed, 22 Jul 2015 04:08:53 +0000 (21:08 -0700)
_config.yml
_drafts/2013-01-20-femfreq.md [moved from _posts/2013-01-20-femfreq.md with 100% similarity]
_layouts/default.html
_posts/2005-01-01-tessellated-logo.md [new file with mode: 0755]
about.md
css/main.css
css/marx.css [new file with mode: 0755]
projects.md

index afaea1ad856542c468497f6702691c95e88f70bf..9aaf7446e6c122c31f09a4d3f35420eca2e6557e 100644 (file)
@@ -1,5 +1,5 @@
-name            : Gabriel Labov Dunne
-author          : Gabriel Labov Dunne
+name            : Gabriel Dunne
+author          : Gabriel Dunne
 author_url      : http://gabrieldunne.com
 author_email    : studio@gabrieldunne.com
 markdown        : redcarpet
index 6a55fc43c07c831994195b719638aa10b7e123c0..2f976e20e8dfeded46733d8a7c28a22c4dafa150 100644 (file)
@@ -6,6 +6,7 @@
         <title>{{ site.name }} - {{ page.title }}</title>
         <meta name="viewport" content="width=device-width">
         <link rel="stylesheet" href="{{ site.baseurl }}/css/syntax.css">
+        <link rel="stylesheet" href="{{ site.baseurl }}/css/marx.css">
         <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
     </head>
     <body>
diff --git a/_posts/2005-01-01-tessellated-logo.md b/_posts/2005-01-01-tessellated-logo.md
new file mode 100755 (executable)
index 0000000..a7a4d78
--- /dev/null
@@ -0,0 +1,12 @@
+---\r
+layout: post\r
+title: "Tessellated Group Identity Design"\r
+date: 2005-01-01\r
+categories: design\r
+---\r
+\r
+![](http://portfolio.quilime.com/2008/tessellated/tessellated_booth_comp.jpg)\r
+\r
+Tessellated Group \r
+\r
+*identity design, installation design*\r
index 534cc0c74bf067f50b55c0d4663cde7c9e192127..803f7a203f067892db9cb91b280eeabb47403529 100644 (file)
--- a/about.md
+++ b/about.md
@@ -3,31 +3,40 @@ layout: default
 title: about
 ---
 
-## bio
-
-
-
 <img src="/m/gabrieldunne-210x210.png" />
 
-<!-- 
-<em style="font-size:0.8em"> photo credit: stephanie sherriff</em> 
--->
-
 Gabriel Labov Dunne  
-b.1981 San Francisco, USA
+b. 1981, San Francisco
 
-Gabriel Labov Dunne is an artist, designer, and educator. His work is based on natural systems, sensory patterns, structures and rhythms of the perceivable and imperceivable universe. His diverse works -- in sculpture, light, sound, film/animation, a/v software, and installation -- bridge multiple mediums and have been exhibited internationally. 
+### contact
 
 studio at gabrieldunne dot com  
 
-### www
-[twitter](http://twitter.com/quilime)  
+### network
+[twitter](http://twitter.com/gabrieldunne)  
 [flickr](http://flickr.com/photos/quilime)  
 [vimeo](http://vimeo.com/quilime)  
 [blog](http://quilime.com)  
 [linkedin](http://www.linkedin.com/in/gabrieldunne)  
 
 
+### bio
+
+Gabriel Dunne work explores visual, audible, and physical frequencies, drawing influence from natural systems, sensory patterns, structures and rhythms of the perceivable and imperceivable universe. He works with graphic and installation design, music, sound, and visualization/sonification, digital manufacturing and fabrication, software, and physical installation.
+
+His works have been shown internationally in exhibitions and conferences including New York MoMA, SIGGRAPH, India Art Faire, Barcelona Festival Sonar, Interferenze Italia, and featured WIRED Magazine, Mondo India, FOCUS Italia, Discover, Adult Swim/Cartoon Network, Contemporary Art of Science and Technology, and Architectural Digest. 
+
+In 2010 he co-founded the San Francisco based collective [O_o] oooshiny, which has grown to include an international community of designers, technologists, and artists.
+
+Professionally he's worked as a visual effects supervisor, animator, graphic and code artist for Motion Theory, creating visual effects for award-wining music videos and commercials, receiving numerous AIGA, ACIP, and Type Directors awards. He later worked for Google and Stamen Design producing data visualizations, including Cabspotting with San Francisco based boutique Stamen Design which is featured in New York MOMA’s permanent collection. He's consulted for Obscura Digital, contributing to immersive, multi-sensory experiences for public space, environments, and installations. Since 2005, he is a partner in Tessellated Group, an engineering and design company, contributing to multiple invention patents in clean-tech structural manufacturing processes.
+
+In addition to being an artist and designer, Dunne is an educator and conducts workshops in various communities, schools, and independent organizations. He has a developed curriculum for visual programming, open source technology, and audio/visual graphics software, and integrative media arts practice. As a proponent for computational literacy, he strives to recontextualize computing and technology as a creative, artistic medium.  
+
+Dunne recently completed an artist in residency at Autodesk. He holds a B.A. from UCLA DMA. 
+
+
+
+
 ### residencies / collaborations
 2014-2015 Artist in Residence, Autodesk, San Francisco, CA.  
 2011-2012 Studio Collaboration w/ Vishal K. Dar, New Delhi, India.  
index de939c99814725a270c37490f8eb854b9d890864..62d0bc747d728eca4148136c7594a8c04b83d3ee 100755 (executable)
@@ -1,83 +1,14 @@
-/*****************************************************************************/
-/*
-/* Common
-/*
-/*****************************************************************************/
-
-@include "light.css"
-
-/* Global Reset */
-* {
-  margin: 0;
-  padding: 0;
-}
-
-@font-face
-{
-  font-family: lettergothic;
-  src: url(letter_gothic.ttf);
-}
-@font-face
-{
-  font-family: gdsans;
-  src: url(letter_gothic.ttf);
-}
-
-html, body { height: 100%; }
-
 body {
-  font-family: sans-serif;
   font-size:12px;
   line-height:1.5em;
   letter-spacing: 0.02em;
-  /*animation: fadein 1s;*/
-   /* Firefox */
-  /*-moz-animation: fadein 1s;*/
-   /* Safari and Chrome */
-  /*-webkit-animation: fadein 1s;*/
-   /* Opera */
-  /*-o-animation: fadein 1s;*/
 }
-
-/*
-@keyframes fadein {
-    from {
-        opacity:0;
-    }
-    to {
-        opacity:1;
-    }
-}
-@-moz-keyframes fadein { /* Firefox */
-    from {
-        opacity:0;
-    }
-    to {
-        opacity:1;
-    }
-}
-@-webkit-keyframes fadein { /* Safari and Chrome */
-    from {
-        opacity:0;
-    }
-    to {
-        opacity:1;
-    }
-}
-@-o-keyframes fadein { /* Opera */
-    from {
-        opacity:0;
-    }
-    to {
-        opacity: 1;
-    }
-}*/
-
 h1, h2, h3, h4, h5, h6 {
   font-size: 1em;
   color:#000;
   font-weight:bold;
   margin: 1em 0;
+  border:0;
 }
 h1 {
   margin:0em 0 1em 0;
@@ -93,21 +24,21 @@ h2{
   font-size:1em;
 }
 .post h2::before, .post h2::after
-{ 
+{
   /*content:" ---- ";*/
 }
 .site > h2 {
   margin:2em 0;
 }
 h3:first-child,
-h2:first-child { 
-  margin-top:0;  
+h2:first-child {
+  margin-top:0;
 }
 h3 {
   font-size:0.9em;
   margin-bottom:0em;
   color:#999;
-  font-weight:normal;  
+  font-weight:normal;
 }
 
 
@@ -116,10 +47,11 @@ p { margin: 1em 0; }
 
 a {
   color: #000;
+  font-weight:bold;
     text-decoration:none;
 }
-a:hover   { 
-  color: #aaa;  
+a:hover   {
+  color: #aaa;
   text-decoration:none;
 }
 /*a:visited { color: #000; }*/
@@ -194,10 +126,10 @@ ul.index {
 ul.index .date {
   position:relative;
 }
-ul.index .date:first-child { 
-  margin-top:0;  
+ul.index .date:first-child {
+  margin-top:0;
 }
-ul.index li {  
+ul.index li {
 }
 .btp {
   display:none;
@@ -286,7 +218,7 @@ ul.index li {
   padding:1em;
 }
 .post a {
-  text-decoration: underline;  
+  text-decoration: underline;
 }
 .post p img {
   max-width:800px;
diff --git a/css/marx.css b/css/marx.css
new file mode 100755 (executable)
index 0000000..1a3bef9
--- /dev/null
@@ -0,0 +1,461 @@
+:root {
+  box-sizing: border-box;
+  cursor: default;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
+  line-height: 1.4;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  overflow-y: scroll;
+  text-rendering: optimizeLegibility;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+          text-size-adjust: 100%; }
+
+audio:not([controls]) {
+  display: none; }
+
+details {
+  display: block; }
+
+input[type="number"] {
+  width: auto; }
+input[type="search"] {
+  -webkit-appearance: textfield; }
+  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none; }
+
+main {
+  display: block; }
+
+summary {
+  display: block; }
+
+pre {
+  overflow: auto; }
+
+progress {
+  display: inline-block; }
+
+small {
+  font-size: 75%; }
+
+big {
+  font-size: 125%; }
+
+template {
+  display: none; }
+
+textarea {
+  overflow: auto;
+  resize: vertical; }
+
+[hidden] {
+  display: none; }
+
+[unselectable] {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none; }
+
+*, ::before, ::after {
+  border-style: solid;
+  border-width: 0;
+  box-sizing: inherit; }
+
+* {
+  font-size: inherit;
+  line-height: inherit;
+  margin: 0;
+  padding: 0; }
+
+::before, ::after {
+  text-decoration: inherit;
+  vertical-align: inherit; }
+
+a {
+  text-decoration: none; }
+
+audio, canvas, iframe, img, svg, video {
+  vertical-align: middle; }
+
+button, input, select, textarea {
+  background-color: transparent;
+  border: .1rem solid #ccc;
+  color: inherit;
+  font-family: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  min-height: 1.4em; }
+
+code, kbd, pre, samp {
+  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace, monospace; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+::-moz-selection {
+  background-color: #b3d4fc;
+  text-shadow: none; }
+
+::selection {
+  background-color: #b3d4fc;
+  text-shadow: none; }
+
+button::-moz-focus-inner {
+  border: 0; }
+
+@media screen {
+  [hidden~="screen"] {
+    display: inherit; }
+  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
+    clip: rect(0 0 0 0) !important;
+    position: absolute !important; } }
+
+body {
+  color: #444;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
+  font-size: 1.6rem;
+  font-style: normal;
+  font-weight: 400; }
+
+p {
+  margin: 0 0 1.6rem; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
+  margin: 2rem 0 1.6rem; }
+
+h1 {
+  border-bottom: .1rem solid rgba(0, 0, 0, 0.2);
+  font-size: 3.6rem;
+  font-style: normal;
+  font-weight: 500; }
+
+h2 {
+  font-size: 3rem;
+  font-style: normal;
+  font-weight: 500; }
+
+h3 {
+  font-size: 2.4rem;
+  font-style: normal;
+  font-weight: 500;
+  margin: 1.6rem 0 0.4rem; }
+
+h4 {
+  font-size: 1.8rem;
+  font-style: normal;
+  font-weight: 600;
+  margin: 1.6rem 0 0.4rem; }
+
+h5 {
+  font-size: 1.6rem;
+  font-style: normal;
+  font-weight: 600;
+  margin: 1.6rem 0 0.4rem; }
+
+h6 {
+  color: #777;
+  font-size: 1.4rem;
+  font-style: normal;
+  font-weight: 600;
+  margin: 1.6rem 0 0.4rem; }
+
+small {
+  color: #777; }
+
+pre {
+  background: #efefef;
+  color: #444;
+  display: block;
+  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
+  font-size: 1.4rem;
+  margin: 1.6rem 0;
+  padding: 1.6rem;
+  word-break: break-all;
+  word-wrap: break-word; }
+
+code {
+  background: #efefef;
+  color: #444;
+  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
+  font-size: 1.4rem;
+  word-break: break-all;
+  word-wrap: break-word; }
+
+a {
+  color: #1271db;
+  -webkit-transition: .25s ease;
+          transition: .25s ease; }
+  a:hover, a:focus {
+    text-decoration: none; }
+
+dl {
+  margin-bottom: 1.6rem; }
+
+dd {
+  margin-left: 4rem; }
+
+ul, ol {
+  margin-bottom: 0.8rem;
+  padding-left: 2rem; }
+
+blockquote {
+  border-left: .2rem solid #1271db;
+  font-family: Georgia, Times, 'Times New Roman', serif;
+  font-style: italic;
+  margin: 1.6rem 0;
+  padding-left: 1.6rem; }
+
+figcaption {
+  font-family: Georgia, Times, 'Times New Roman', serif; }
+
+html {
+  font-size: 62.5%; }
+
+body {
+  padding: 0; }
+
+main, header, footer, article, section, aside, details, summary {
+  display: block;
+  height: auto;
+  margin: 0 auto;
+  width: 100%; }
+
+main {
+  display: block;
+  margin: 0 auto;
+  max-width: 76.8rem;
+  padding: 0 1.6rem 1.6rem; }
+
+article {
+  clear: left;
+  display: inline-block;
+  float: left;
+  margin-bottom: 1.6rem;
+  max-width: calc(60% - 1rem); }
+
+aside {
+  clear: right;
+  display: inline-block;
+  float: right;
+  margin-bottom: 1.6rem;
+  max-width: calc(40% - 1rem); }
+
+section {
+  clear: both;
+  display: inline-block;
+  float: left;
+  margin-bottom: 1.6rem;
+  max-width: 100%; }
+
+footer {
+  border-top: .1rem solid rgba(0, 0, 0, 0.2);
+  clear: both;
+  display: inline-block;
+  float: left;
+  max-width: 100%;
+  padding: 1rem 0;
+  text-align: center; }
+
+hr {
+  border-top: .1rem solid rgba(0, 0, 0, 0.2);
+  display: block;
+  margin-bottom: 1.6rem;
+  width: 100%; }
+
+img {
+  height: auto;
+  max-width: 100%;
+  vertical-align: baseline; }
+
+@media screen and (max-width: 40rem) {
+  article, section, aside {
+    clear: both;
+    display: block;
+    max-width: 100%; }
+  img {
+    margin-right: 1.6rem; } }
+
+input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], select {
+  border: .1rem solid #ccc;
+  border-radius: 0;
+  display: inline-block;
+  padding: 0.8rem;
+  vertical-align: middle; }
+
+input:not([type]) {
+  -webkit-appearance: none;
+  background-clip: padding-box;
+  background-color: #fff;
+  border: .1rem solid #ccc;
+  border-radius: 0;
+  color: #444;
+  display: inline-block;
+  padding: 0.8rem;
+  text-align: left; }
+
+input[type="color"] {
+  padding: 0.8rem 1.6rem; }
+
+input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus, textarea:focus {
+  border-color: #b3d4fc; }
+
+input:not([type]):focus {
+  border-color: #b3d4fc; }
+
+input[type="radio"], input[type="checkbox"] {
+  vertical-align: middle; }
+
+input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
+  outline: .1rem solid thin #444; }
+
+input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="date"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="week"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="color"][disabled], select[disabled], textarea[disabled] {
+  background-color: #efefef;
+  color: #777;
+  cursor: not-allowed; }
+
+input:not([type])[disabled] {
+  background-color: #efefef;
+  color: #777;
+  cursor: not-allowed; }
+
+input[readonly], select[readonly], textarea[readonly] {
+  background-color: #efefef;
+  border-color: #ccc;
+  color: #777; }
+
+input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
+  border-color: #e9322d;
+  color: #b94a48; }
+
+input[type="file"]:focus:invalid:focus, input[type="radio"]:focus:invalid:focus, input[type="checkbox"]:focus:invalid:focus {
+  outline-color: #ff4136; }
+
+select {
+  background-color: #fff;
+  border: .1rem solid #ccc; }
+
+select[multiple] {
+  height: auto; }
+
+label {
+  line-height: 2; }
+
+fieldset {
+  border: 0;
+  margin: 0;
+  padding: 0.8rem 0; }
+
+legend {
+  border-bottom: .1rem solid #ccc;
+  color: #444;
+  display: block;
+  margin-bottom: 0.8rem;
+  padding: 0.8rem 0;
+  width: 100%; }
+
+textarea {
+  border: .1rem solid #ccc;
+  border-radius: 0;
+  display: block;
+  margin-bottom: 0.8rem;
+  padding: 0.8rem;
+  vertical-align: middle; }
+
+input[type=submit], button {
+  background-color: transparent;
+  border: .2rem solid #444;
+  border-radius: 0;
+  color: #444;
+  cursor: pointer;
+  display: inline-block;
+  margin-bottom: 0.8rem;
+  margin-right: 0.4rem;
+  padding: 0.8rem 1.6rem;
+  text-align: center;
+  text-decoration: none;
+  text-transform: uppercase;
+  -webkit-transition: .25s ease;
+          transition: .25s ease;
+  -webkit-user-drag: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  vertical-align: baseline; }
+  input[type=submit] a, button a {
+    color: #444; }
+
+input[type=submit]::-moz-focus-inner, button::-moz-focus-inner {
+  padding: 0; }
+
+input[type=submit]:hover, button:hover {
+  background: #444;
+  border-color: #444;
+  color: #fff; }
+  input[type=submit]:hover a, button:hover a {
+    color: #fff; }
+
+input[type=submit]:active, button:active {
+  background: #6a6a6a;
+  border-color: #6a6a6a;
+  color: #fff; }
+  input[type=submit]:active a, button:active a {
+    color: #fff; }
+
+input[type=submit]:disabled, button:disabled {
+  box-shadow: none;
+  cursor: not-allowed;
+  opacity: .40; }
+
+nav ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-top: 1.6rem;
+  text-align: center; }
+  nav ul li {
+    display: inline; }
+nav a {
+  border-bottom: .2rem solid transparent;
+  color: #444;
+  padding: 0.8rem 1.6rem;
+  text-decoration: none;
+  -webkit-transition: .25s ease;
+          transition: .25s ease; }
+  nav a:hover {
+    border-color: rgba(0, 0, 0, 0.2); }
+  nav a:active {
+    border-color: rgba(0, 0, 0, 0.56); }
+
+table {
+  margin-bottom: 1.6rem; }
+
+caption {
+  padding: 0.8rem 0; }
+
+thead th {
+  background: #efefef;
+  color: #444; }
+
+tr {
+  background: #fff;
+  margin-bottom: 0.8rem; }
+
+th, td {
+  border: .1rem solid #ccc;
+  padding: 0.8rem 1.6rem;
+  text-align: center;
+  vertical-align: inherit; }
+
+tfoot tr {
+  background: none; }
+
+tfoot td {
+  color: #efefef;
+  font-size: 0.8rem;
+  font-style: italic;
+  padding: 1.6rem 0.4rem; }
+
index 3a46d8b22b7e2a3f2313f7b649d3d0db156c8960..8f4a0e9ab7678590b7ab018969979845967116b6 100644 (file)
@@ -4,7 +4,7 @@ title: index
 ---
 
 <ul class="index thumbs">
-  {% for post in site.categories.featured %}
+  {% for post in site.posts %}
     <li>
     <a href="{{ site.baseurl }}{{ post.url }}">
       <div class="img"><img src="{{ post.thumb }}" /></div>