From 5bf68846f93a10e7d10e40069c36a6c0bb5bf534 Mon Sep 17 00:00:00 2001 From: Gabriel Dunne Date: Sun, 12 May 2013 15:36:55 -0700 Subject: [PATCH] Custom slideshow that works much better --- content/light | 2 +- content/nosreves | 1 + content/ridge | 2 +- content/triangles | 1 + css/style.css | 73 ++++++++++----------------------------- data/content/data.json | 2 +- data/content/tags.json | 2 +- js/js.js | 48 +++++++++++++++---------- lib/output.php | 21 +++++------ pages/{work => all} | 1 + templates/footer.html.tpl | 3 +- 11 files changed, 63 insertions(+), 93 deletions(-) rename pages/{work => all} (61%) diff --git a/content/light b/content/light index 96a1e9a..6a75539 100644 --- a/content/light +++ b/content/light @@ -1,4 +1,4 @@ -date = 2009 +date = 2009-01-01 tags = photo -- light collection diff --git a/content/nosreves b/content/nosreves index 4f4428c..1ff1c8b 100755 --- a/content/nosreves +++ b/content/nosreves @@ -1,3 +1,4 @@ +date = 2003-10-10 title = nos reves tags = print design gallery = slides diff --git a/content/ridge b/content/ridge index eadb032..7e34356 100644 --- a/content/ridge +++ b/content/ridge @@ -1,3 +1,3 @@ -date = 2010 +date = 2010-01-01 tags = painting -- diff --git a/content/triangles b/content/triangles index 920a348..51596bf 100644 --- a/content/triangles +++ b/content/triangles @@ -1,6 +1,7 @@ title = Triangles date = 2009-04-13 tags = sculpture +gallery = slides -- balanced sticks collaboration w/ Ryan Alexander diff --git a/css/style.css b/css/style.css index 5259660..6e0bac7 100644 --- a/css/style.css +++ b/css/style.css @@ -141,6 +141,7 @@ table, td, tr { #nav { margin-bottom:4em; + line-height:2em; } #nav a { font-weight:bold; @@ -389,58 +390,20 @@ ul.entries li a:hover { - #slides { - display: none; - } - .gallery_container { - } - .slidesjs-container { - background:#000; - } - a.slidesjs-next, - a.slidesjs-previous { - display:none; - } - .slidesjs-navigation, - .slidesjs-pagination li a { - text-decoration: none; - - } - .slidesjs-pagination li, .slidesjs-navigation { - display:inline-block; - text-decoration: none; - padding-right:0.5em; - } - .slidesjs-pagination .active { - text-decoration: underline; - } - /* Media quires for a responsive layout */ - /* For tablets & smart phones */ - @media (max-width: 767px) { - body { - padding-left: 10px; - padding-right: 10px; - } - .gallery_container { - width: auto - } - } - /* For smartphones */ - @media (max-width: 480px) { - .gallery_container { - width: auto - } - } - /* For smaller displays like laptops */ - @media (min-width: 768px) and (max-width: 979px) { - .gallery_container { - width: 724px - } - } - /* For larger displays */ - @media (min-width: 1200px) { - .gallery_container { - /*width: 1170px*/ - width: 800px - } - } +#slides { +} +#slides li { + display:none; + cursor: hand; +} +#slidenav li { + display:inline-block; + margin-right:0.5em; +} +#slidenav li a { + text-decoration: none; +} +#slidenav li a.active { + color:#f00; + text-decoration: none; +} diff --git a/data/content/data.json b/data/content/data.json index d5c2b39..f5c0aec 100644 --- a/data/content/data.json +++ b/data/content/data.json @@ -1 +1 @@ -{"entries":[{"config":{"title":"Audio-ShaderToy","date":"2012-04-03","tags":"installation code audiovisual","gallery":"slides","featured":"1"},"title":"Audio-ShaderToy","filename":"audioshadertoy","path":"\/Users\/gdunne\/_portfolio\/www\/content\/audioshadertoy","fileInfo":{},"timestamp":"1333436400","tags":["installation","code","audiovisual"],"featured":"1","related":null,"content":"

A GLSL + audio live-coding toy.<\/p>\n\n\n\n