Mobile CSS

diff --git a/_config.yml b/_config.yml
index 86a0b1d32e9edfd74c690e203c142ff0ec5cd89b..8577d6b899b1e34aecabc11f9ba8c438a04300c7 100644 (file)
--- a/_config.yml
+++ b/_config.yml
@@ -5,9 +5,9 @@ author_email : studio@gabrieldunne.com
 markdown : kramdown
 highlighter : true
 paginate : 8
-paginate_path : all/:num
+paginate_path : posts/:num
 permalink : /:title/
 baseurl : ""
-plugins : [jekyll-paginate]
-exclude : [ publish.sh, publish-nomedia.sh ]
+plugins : [ jekyll-paginate ]
+exclude : [ publish, publish-nomedia ]
 future: true
\ No newline at end of file

diff --git a/_includes/about.md b/_includes/about.md
index 9163530af8c618418ed9b4c8440e8673905c742b..e4d79cc01ed568f2bb656ef08a81a5cdab29a319 100644 (file)
--- a/_includes/about.md
+++ b/_includes/about.md
@@ -1,22 +1,30 @@
-## bio
-
 Gabriel Labov Dunne creates works of sound and space, still and moving images, performance, installation, sculpture, and software. 
 
-## studio contact  
+
+## email  contact
   
-email: studio at gabrieldunne dot com  
+studio at gabrieldunne dot com  
 
 
-## news
+## Mailing list
+<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
+<div id="mc_embed_signup" style="width:500px !important;">
+<form action="//gabrieldunne.us1.list-manage.com/subscribe/post?u=5f627417bdb5e6d2fe0b56ae3&amp;id=ce46411f5e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate style="margin:0;padding:0">
+    <div id="mc_embed_signup_scroll">
+      <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+      <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">
+    </div>
+    <div style="position: absolute; left: -5000px;"><input type="text" name="b_5f627417bdb5e6d2fe0b56ae3_ce46411f5e" tabindex="-1" value=""></div>   
+</form>
+</div>
 
-[news](/news/)
-  
-## network  
+
+## network
 
 [okaynokay](https://oknk.studio)  
+[instagram](http://instagram.com/gabrieldunne)  
 [twitter](http://twitter.com/gabrieldunne)  
 [bandcamp](https://subspectral.bandcamp.com/releases)  
-[instagram](http://instagram.com/gabrieldunne)  
 [flickr](http://flickr.com/photos/quilime)  
 [vimeo](https://vimeo.com/gabrieldunne)  
 [instructables](http://www.instructables.com/member/gabrieldunne/)  

diff --git a/_includes/nav.html b/_includes/nav.html
index b78c3435082a55d0c8637b9abf9092eddb70deb6..52578cf7c7cf94e198ba5ec0c86dc94eae637c38 100644 (file)
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,10 +1,12 @@
 <div class="nav">
   
-  <h2><a href="{{site.baseurl}}/">{{site.name}}</a></h2>
-
   <ul>
+    <li><h3 class="header"><a href="{{site.baseurl}}/">{{site.name}}</a></h3></a>
     <li><a href="{{ site.baseurl }}/about/">about</a></li>
-    <li><a href="{{ site.baseurl }}/news/">news</a></li>
+    <!-- <li><a href="{{ site.baseurl }}/news/">news</a></li> -->
+    <!-- <li><a href="{{ site.baseurl }}/notes/">notes</a></li> -->
+    <li><a href="{{ site.baseurl }}/posts/">all posts</a></li>
+    <li><a href="{{ site.baseurl }}/archive-d/">archive</a></li>    
     
     <li>&nbsp;</li>
     <li><h3 class="header"><a href="/works/">works</a></h3></li>
@@ -25,29 +27,5 @@
     {% for post in site.categories.projects %}
       <li class="indent"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
     {% endfor %}
-
-  
-    <li>&nbsp;</li>
-    
-    
-    <!-- <li><a href="{{ site.baseurl }}/notes/">notes</a></li> -->
-    <li><a href="{{ site.baseurl }}/all/">all posts</a></li>
-    <li><a href="{{ site.baseurl }}/archive-d/">archive</a></li>
-
    </ul>
-
-  <!-- Begin MailChimp Signup Form -->
-
-  <h3>email announce list</h3>
-  <div id="mc_embed_signup">
-  <form action="//gabrieldunne.us1.list-manage.com/subscribe/post?u=5f627417bdb5e6d2fe0b56ae3&amp;id=0b05a209f7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-      <div id="mc_embed_signup_scroll">
-    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
-      <div style="position: absolute; left: -5000px;"><input type="text" name="b_5f627417bdb5e6d2fe0b56ae3_ce46411f5e" tabindex="-1" value=""></div>
-      <div class="clear" style="margin-top:0.5em"> <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-      </div>
-  </form>
-  </div>
-  <!--End mc_embed_signup-->
-  
 </div>
\ No newline at end of file

diff --git a/_layouts/default.html b/_layouts/default.html
index ebc39e02c60f4eaed1a1a04ffb7a107f068f3b9b..8672c587cb391053717fde91ceac185242f22e32 100644 (file)
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -3,23 +3,41 @@
   <head>
       <meta charset="utf-8">
       <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-      <title>{{ site.name }} - {{ page.title }}</title>
-      <meta name="viewport" content="width=device-width">
-
-      <link href="https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding" rel="stylesheet">
-
+      <title>{{ site.name }}{% if page.title != 'index' %} > {{ page.title }}{% endif %}</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0, 
+user-scalable=no">      
       <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>
 
+
+  <input type="checkbox" id="hamburger-input" class="burger-shower" />
+  <label id="hamburger-menu" for="hamburger-input">
   {% include nav.html %}
+  </label>
+  <div class="overlay"></div>
+
+  <div class="nav_full">
+    {% include nav.html %}
+  </div>
 
   <div class="site">
+    <div class="breadcrumbs">
+      {% if page.url != "/" %}
+      <h2>{% if page.categories[0] %}<a href="/{{ page.categories[0] }}">{{ page.categories[0] }}</a> > {% endif %}{{ page.title }}</h2>   
+      {% endif %}    
+    </div>
+
     {{ content }}
-  </div>
 
+    <div class="btt">
+      <a href="#">&uarr; BACK TO TOP</a>
+    </div>
+
+  </div>
+  
   {% include google-analytics.html %}
 
   </body>

diff --git a/_layouts/post.html b/_layouts/post.html
index dfdc8253f49c64184bfec733f581ca317f8bdedf..01ac7408eff4c8326ce4a23cf8e9366cfcff7058 100644 (file)
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -2,18 +2,14 @@
 layout: default
 ---
 
-<h2><a href="/{{ page.categories[0] }}">{{ page.categories[0] }}</a> > {{ page.title }}</h2>
+<!-- <h2><a href="/{{ page.categories[0] }}">{{ page.categories[0] }}</a> > {{ page.title }}</h2> -->
+
 <h3>{{ page.date | date: "%Y-%m-%d" }}</h3>
 
 <div class="post">
-{{ content }}
-</div>
-
-<div class="btp">
-  <a href="#">Back to Top</a>
+  {{ content }}
 </div>
 
-
 <!-- <div class="pagination">
   <a href="{{ page.previous.url }}">&larr; prev</a> | <a href="{{ page.next.url }}">next &rarr;</a>
 </div> -->

diff --git a/_posts/works/2017-05-05-ribbon.md b/_posts/projects/2017-05-05-ribbon.md
similarity index 80%
rename from _posts/works/2017-05-05-ribbon.md
rename to _posts/projects/2017-05-05-ribbon.md
index 3eb8a0624bd144de889cfa4c9d90e460a95f9e97..48978ceecde7edd7808909b81f2f419787d68470 100755 (executable)
--- a/_posts/works/2017-05-05-ribbon.md
+++ b/_posts/projects/2017-05-05-ribbon.md
@@ -8,7 +8,7 @@ thumb: /m/ribbon/thumb.png
 \r
 "Ribbon" is a series of 3D scans of un-fired clay forms that I've used in various plots and sculptures.\r
 \r
-![]({{site.baseurl}}/m/ribbon/clay2.png)\r
+![]({{site.baseurl}}/m/ribbon/clay2.jpg)\r
 \r
 <video loop autoplay controls preload="true">\r
     <source src="{{site.baseurl}}/m/ribbon/ribbon-vid.mp4" type="video/mp4">\r
@@ -16,11 +16,11 @@ thumb: /m/ribbon/thumb.png
 \r
 Using traditional clay sculpting methods, 3D scanning, and further manipulated with digital sculpting tools, "Ribbon's" virtual body now occupies a liminal space as a ghost-like spectral shadow, echoing its original hand-sculpted clay form, augmented by an animated surface. \r
 \r
-![]({{site.baseurl}}/m/ribbon/comp.png)\r
+![]({{site.baseurl}}/m/ribbon/comp.jpg)\r
 \r
-![]({{site.baseurl}}/m/ribbon/thumbnail_1024.png)\r
+![]({{site.baseurl}}/m/ribbon/thumbnail_1024.jpg)\r
 \r
-![]({{site.baseurl}}/m/ribbon/clay1.png)\r
+![]({{site.baseurl}}/m/ribbon/clay1.jpg)\r
 \r
 ## Exhibition\r
 \r

diff --git a/_posts/projects/2022-10-22-kala.md b/_posts/projects/2022-10-22-kala.md
index 10784715165aa9f6d632fa798d3a80350125caf2..4883c8e7dd31680d9ec1ad3e56d1e4a485668ab7 100755 (executable)
--- a/_posts/projects/2022-10-22-kala.md
+++ b/_posts/projects/2022-10-22-kala.md
@@ -3,7 +3,7 @@ layout: post
 title: Kala\r
 date: 2022-10-30\r
 categories: projects\r
-thumb: /m/kala/_thumb.png\r
+thumb: /m/kala/thumb.png\r
 ---\r
 \r
 #  Kāla\r

diff --git a/_posts/works/2015-03-15-naagz.md b/_posts/works/2015-03-15-naagz.md
index f5fe3ad7fb926b1fde026d2b6368ac143bb62f63..9d729291f1fca130e375412fbac740062b766a05 100755 (executable)
--- a/_posts/works/2015-03-15-naagz.md
+++ b/_posts/works/2015-03-15-naagz.md
@@ -8,8 +8,6 @@ excerpt: projection-mapped sculpture
 thumb: /m/naagz/thumb.png
 ---
 
-## NAAG Z
-
 <iframe src="https://player.vimeo.com/video/122618829?color=ffffff&byline=0&portrait=0" width="800" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
 
 Gabriel Dunne [gabrieldunne.com](http://gabrieldunne.com)  

diff --git a/_posts/works/2015-10-15-naagxy.md b/_posts/works/2015-10-15-naagxy.md
index 5d81039141bb0d521a22c5c189e7a32b5fb2de27..45176f1c07d59ac82ebfb321a1f333ea68ed3cd2 100755 (executable)
--- a/_posts/works/2015-10-15-naagxy.md
+++ b/_posts/works/2015-10-15-naagxy.md
@@ -8,6 +8,8 @@ excerpt: projection-mapped sculpture
 thumb: /m/naagxy/thumb.png
 ---
 
+<br />
+
 <iframe src="https://player.vimeo.com/video/142578819?color=ffffff&byline=0&portrait=0" width="800" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 
 NAAG XY  

diff --git a/about.md b/about.md
index 754b52281abb83c30edee54c73e3be31d353cb6d..fd7aaf2cc8783234e3487a21dc6610919252ab03 100644 (file)
--- a/about.md
+++ b/about.md
@@ -3,7 +3,7 @@ layout: default
 title: about  
 ---  
   
-<div style="float:right">
+<div style="position:absolute;right:2em;top:1.5em;">
 <a href="/about-print/">print</a>
 </div>
   

diff --git a/css/main.css b/css/main.css
index 9d7494552869b13f6cd077163e395ab0fbb6a68c..7c643fb8419da5bcf0e6e9da8349ea0485354e1a 100755 (executable)
--- a/css/main.css
+++ b/css/main.css
@@ -10,7 +10,7 @@
 }
 
 body {
-  font-size:15px;
+  font-size:16px;
 /*  font-weight:bold;*/
   line-height:1.8em;
   letter-spacing: 0.02em;
@@ -61,14 +61,12 @@ h3 {
   font-weight:normal;
 }
 
-
-
 p { margin: 1em 0; }
 
 a {
   color: #000;
-/*  font-weight:bold;*/
-    text-decoration:none;
+  font-weight:bold;
+  text-decoration: underline;
 }
 a:hover   {
   color: #aaa;
@@ -173,11 +171,12 @@ ul.index .date:first-child {
 }
 ul.index li {
 }
-.btp {
-  display:none;
-  position:fixed;
-  bottom:1em;
-  left:1em;
+.btt {
+  font-family: lgb;
+/*  display:none;*/
+/*  position:fixed;*/
+/*  bottom:1em;*/
+/*  left:1em;*/
 }
 
 .archive-sort {
@@ -194,11 +193,9 @@ ul.index li {
 /*****************************************************************************/
 
 .site {
-  margin: 0em 0 5em 22em;
-  padding: 0 0 0 0em;
-  max-width: 800px;
-  position:absolute;
-  top:1em;
+  margin: 0 0 0 18em;
+  max-width: 768px;
+  padding: 2em;
 }
 /*@media (max-width: 800px) {
   .site {
@@ -226,8 +223,8 @@ ul.index li {
 }
 .nav {
   position:absolute;
-  top:1em;
-  left:1em;
+  top:0;
+  left:0;
   display:block;
   height:2em;
   font-size:1.0em;
@@ -253,20 +250,22 @@ ul.index li {
 /*  border-bottom:4px solid #999;*/
 }
 .nav a {
-  
+  text-decoration:none;
 }
 .nav .indent {
 /*  padding-left:0.5em;*/
 }
 
-
+.nav_full .nav {
+  margin: 2em 1em;
+}
 
 
 
 /* Posts */
 .post {
   padding-bottom:3em;
-  margin-bottom:3em;
+/*  max-width:768px;*/
 }
 .post pre {
   /*border: 1px solid #ddd;*/
@@ -284,7 +283,8 @@ ul.index li {
   text-decoration: underline;
 }
 .post p img {
-  max-width:800px;
+/*  max-width:800px;*/
+/*  min-width:100px;*/
   margin:2em 0;
   display: block;
 }
@@ -308,8 +308,95 @@ ul.index li {
 }
 
 .pagination {
-  text-align:center;
+  font-family: lgb;
+  text-transform: uppercase;
   margin-bottom:4em;
 }
 
+.breadcrumbs {
+  line-height:2em;
+}
+
+
+#hamburger-menu {
+    width: 1.5em;
+    height: 1.2em;
+    position:absolute;
+    top:2.1em;
+    left:2em;
+    display:none;
+    background: linear-gradient(
+      to bottom, 
+      black, black 20%, 
+      white 20%, white 40%, 
+      black 40%, black 60%, 
+      white 60%, white 80%, 
+      black 80%, black 100%
+    );
+}
+#hamburger-input {
+  display:none;
+}
+#hamburger-input:checked + #hamburger-menu {
+  width:100%;
+  position:absolute;
+  top:0;
+  left:0;
+}
+#hamburger-input:checked + #hamburger-menu .nav {
+  visibility: visible;
+  padding:2em;
+
+}
+#hamburger-input:checked ~ .overlay {
+  visibility: visible;
+  opacity: 1;
+}
+#hamburger-input:checked ~ .site {
+  display: none;
+}
+.overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    visibility: hidden;
+    overflow: hidden;
+    background: #fff;
+}
+
+@media only screen and (device-width: 1060px),
+only screen and (max-width:1060px) {
+  .nav {
+    visibility: hidden;
+    z-index:1;
+    top:0;
+    left:0;
+    width:100%;
+  }
+  .nav ul {
+    width:100%;
+    padding-bottom:2em;
+  }
+  #hamburger-menu {
+    display: inline-block;
+  }
+  .breadcrumbs {
+    padding-left:2.8em;
+  }
+  .breadcrumbs h2::before {
+    content : "> ";
+  }
+  .index-block {
+    padding-top:2.5em;
+  }
+  .site {
+    margin-left: 0;
+/*  max-width: 768px;*/
+/*  padding-right:2em;*/
+/*  top:1em;*/
+  }  
+}
 

diff --git a/css/marx.css b/css/marx.css
index f6422adc7f96141e89a0dcf6e806cdb38e75688a..55bf72db982a3d3de51c4829ec107d575d0703a8 100755 (executable)
--- a/css/marx.css
+++ b/css/marx.css
@@ -186,8 +186,9 @@ code {
 
 a {
   color: #1271db;
-  -webkit-transition: .25s ease;
-          transition: .25s ease; }
+/*  -webkit-transition: .25s ease;*/
+/*          transition: .25s ease; */
+        }
   a:hover, a:focus {
     text-decoration: none; }
 
@@ -377,8 +378,10 @@ input[type=submit], button {
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
-  -webkit-transition: .25s ease;
+
+  -webkit-/*transition: .25s ease;
           transition: .25s ease;
+          */
   -webkit-user-drag: none;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -423,8 +426,9 @@ nav a {
   color: #444;
   padding: 0.8rem 1.6rem;
   text-decoration: none;
-  -webkit-transition: .25s ease;
-          transition: .25s ease; }
+/*  -webkit-transition: .25s ease;*/
+/*          transition: .25s ease; */
+        }
   nav a:hover {
     border-color: rgba(0, 0, 0, 0.2); }
   nav a:active {

diff --git a/index.md b/index.md
index f531a50f8a1b6d0470cdcab21cfcfa9399991c05..7e4d1801b57c5465a32419bb0f6accd81032763d 100644 (file)
--- a/index.md
+++ b/index.md
@@ -2,9 +2,7 @@
 layout: default
 title: index
 ---
-
-<div style="display:flex;flex-display: wrap">
-
+<div class="index-block" style="display:flex;flex-display: wrap">
 
 <img alt="Stripe Of Mirrors" src="{{site.baseurl}}/m/som/som.png">
 

diff --git a/news.md b/news.md
index 7889508ee5e66e2b2765f0698085df407f62cd55..03963f2527bb058d709ba2d3b18c301673f490fd 100644 (file)
--- a/news.md
+++ b/news.md
@@ -3,11 +3,8 @@ layout: default
 title: news
 ---
 
-<!-- <h1>upcoming</h1>
-<ul>
-</ul>
- -->
-<h2 style="margin-bottom:0">low frequency email updates</h2>
+
+### Mailing list
 <link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
 <div id="mc_embed_signup" style="width:400px !important;">
 <form action="//gabrieldunne.us1.list-manage.com/subscribe/post?u=5f627417bdb5e6d2fe0b56ae3&amp;id=ce46411f5e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
@@ -20,13 +17,14 @@ title: news
 </div>
 
 
-<h2 style="margin-bottom:0">Social Media</h2>
-
-instagram: [@gabrieldunne](http://instagram.com/gabrieldunne)  
-
-twitter: [@gabrieldunne](http://twitter.com/gabrieldunne)
+### network
 
-<div class="twitter" style="position:relative;max-width:450px;">
-  <a class="twitter-timeline" href="https://twitter.com/gabrieldunne?ref_src=twsrc%5Etfw">Tweets by gabrieldunne</a> 
-  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-</div>
\ No newline at end of file
+[okaynokay](https://oknk.studio)  
+[instagram](http://instagram.com/gabrieldunne)  
+[twitter](http://twitter.com/gabrieldunne)  
+[bandcamp](https://subspectral.bandcamp.com/releases)  
+[flickr](http://flickr.com/photos/quilime)  
+[vimeo](https://vimeo.com/gabrieldunne)  
+[instructables](http://www.instructables.com/member/gabrieldunne/)  
+[blog](http://quilime.com)  
+[linkedin](http://www.linkedin.com/in/gabrieldunne)  
\ No newline at end of file

diff --git a/all/index.html b/posts/index.html
similarity index 78%
rename from all/index.html
rename to posts/index.html
index 4a725f25554f2e7307ba29ce9216e3dbd6d98178..e756de3c3dfa526c40262ccc5b81d725c370d754 100644 (file)
--- a/all/index.html
+++ b/posts/index.html
@@ -1,6 +1,6 @@
 ---
 layout: default
-title: blog
+title: Posts
 ---
 
 <!-- This loops through the paginated posts -->
@@ -20,7 +20,7 @@ title: blog
 <div class="pagination">
   
   {% if paginator.previous_page %}
-    <a href="/blog/page{{ paginator.previous_page }}" class="previous">&larr; prev</a>
+    <a href="/posts/page{{ paginator.previous_page }}" class="previous">&larr; prev</a>
   {% else %}
     <span class="previous">&larr; prev</span>
   {% endif %}
@@ -28,7 +28,7 @@ title: blog
   <span class="page_number "> | {{ paginator.page }} of {{ paginator.total_pages }} | </span>
 
   {% if paginator.next_page %}
-    <a href="/blog/{{ paginator.next_page }}" class="next">next &rarr;</a>
+    <a href="/posts/{{ paginator.next_page }}" class="next">next &rarr;</a>
   {% else %}
     <span class="next ">next &rarr;</span>
   {% endif %}

diff --git a/serve.sh b/serve
similarity index 100%
rename from serve.sh
rename to serve