{{ site.name }} - {{ page.title }}

From: Gabriel Dunne Date: Wed, 22 Jul 2015 04:08:53 +0000 (-0700) Subject: Updates X-Git-Url: https://git.quilime.com/?a=commitdiff_plain;h=b5375aaa872d3b6f737cf24dea6fb46e1e416176;p=notes.git Updates --- diff --git a/_config.yml b/_config.yml index afaea1a..9aaf744 100644 --- a/_config.yml +++ b/_config.yml @@ -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 diff --git a/_posts/2013-01-20-femfreq.md b/_drafts/2013-01-20-femfreq.md similarity index 100% rename from _posts/2013-01-20-femfreq.md rename to _drafts/2013-01-20-femfreq.md diff --git a/_layouts/default.html b/_layouts/default.html index 6a55fc4..2f976e2 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -6,6 +6,7 @@ {{ site.name }} - {{ page.title }} + diff --git a/_posts/2005-01-01-tessellated-logo.md b/_posts/2005-01-01-tessellated-logo.md new file mode 100755 index 0000000..a7a4d78 --- /dev/null +++ b/_posts/2005-01-01-tessellated-logo.md @@ -0,0 +1,12 @@ +--- +layout: post +title: "Tessellated Group Identity Design" +date: 2005-01-01 +categories: design +--- + +![](http://portfolio.quilime.com/2008/tessellated/tessellated_booth_comp.jpg) + +Tessellated Group + +*identity design, installation design* diff --git a/about.md b/about.md index 534cc0c..803f7a2 100644 --- a/about.md +++ b/about.md @@ -3,31 +3,40 @@ layout: default title: about --- -## bio - - -

- - 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. diff --git a/css/main.css b/css/main.css index de939c9..62d0bc7 100755 --- a/css/main.css +++ b/css/main.css @@ -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 index 0000000..1a3bef9 --- /dev/null +++ b/css/marx.css @@ -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; } + diff --git a/projects.md b/projects.md index 3a46d8b..8f4a0e9 100644 --- a/projects.md +++ b/projects.md @@ -4,7 +4,7 @@ title: index ---