From 59e40352917efdae69998568cd041f20b399dfc2 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Wed, 6 Jun 2012 16:47:53 +0400
Subject: [PATCH] added single/ribbon view modes... turned out to be really
 trivial ;)

need to rethink my approach to CSS -- with the right frame of ming it can do wonders.

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui/gallery.html | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/ui/gallery.html b/ui/gallery.html
index a3e44162..cd5f3cfc 100755
--- a/ui/gallery.html
+++ b/ui/gallery.html
@@ -60,6 +60,14 @@ $(document).ready(function() {
 	$('.current-image').click()
 });
 
+// modes...
+function showRibbon(){
+	$('.hidden').removeClass('hidden')
+}
+function showSingle(){
+	$('.field').not('.hidden').addClass('hidden')
+}
+
 // basic navigation...
 function prevImage(){
 	$('.current-image').prev('.image').click()
@@ -165,6 +173,22 @@ function nextImage(){
 
 	.current-ribbon .image {
 	}
+
+
+	/* single image theme (start everything with .hidden) */
+	.hidden .image {
+		opacity: 0.0;
+	}
+
+	.hidden .image:hover {
+		opacity: 0.5;
+	}
+
+	.hidden .current-image:hover, .hidden .current-image {
+		opacity: 1.0;
+	}
+
+
 </style>
 
 
@@ -211,4 +235,9 @@ function nextImage(){
 <button onclick="prevImage()">prev</button>
 <button onclick="nextImage()">next</button>
 
+<br><br>
+
+<button onclick="showSingle()">single</button>
+<button onclick="showRibbon()">ribbon</button>
+
 <!-- vim:set ts=4 sw=4 nowrap : -->