vishwamano

source of vishwamano.com
git clone git://git.ricketyspace.net/vishwamano.git
Log | Files | Refs

commit 8f88e37248a85d74dc2ed8d9d6173505bd0bb62a
parent 8b74c3dddb68a8768500c7b9f54c308c25e9af40
Author: rsiddharth <rsiddharth@ninthfloor.org>
Date:   Thu, 20 Jun 2013 15:25:11 +0530

modded  gallery/index.html: all the images were 'thumbnailed'

Diffstat:
gallery/index.html | 192++++++++++++++++++++++++++++++++++++++++++++++---------------------------------
1 file changed, 112 insertions(+), 80 deletions(-)

diff --git a/gallery/index.html b/gallery/index.html @@ -31,45 +31,54 @@ <div class="span6"> <!-- start Fashion --> <p><span class="label label-inverse">Fashion</span></p> <div class="row-fluid"> <!-- Fashion row 1 --> - <div class="span6"> - <a data-toggle="lightbox" href="#fashion"><img src="fashion.jpg" alt="[ Fashion Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#fashion2"> <img src="fashion-2.jpg" alt="[ Fashion Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#fashion"><img src="fashion.jpg" alt="[ Fashion Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#fashion2"> <img src="fashion-2.jpg" alt="[ Fashion Image ]"> </a> + </li> + </ul> </div> - <div class="row-fluid"> <!-- Fashion row 2 --> - <div class="span6"> - <a data-toggle="lightbox" href="#fashion2"> <img src="fashion-2.jpg" alt="[ Fashion Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#fashion"> <img src="fashion.jpg" alt="[ Fashion Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#fashion"><img src="fashion.jpg" alt="[ Fashion Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#fashion2"> <img src="fashion-2.jpg" alt="[ Fashion Image ]"> </a> + </li> + </ul> </div> - <p class="text-center"><a href="#">more +</a> </p> + <p class="text-center"><a class="btn btn-inverse btn-small" href="#">more +</a> </p> </div> <!-- end Fashion --> <div class="span6"> <!-- start Fauna --> <p><span class="label label-inverse">Fauna</span></p> <div class="row-fluid"> <!-- Fauna row 1 --> - <div class="span6"> - <a data-toggle="lightbox" href="#fauna"> <img src="fauna.jpg" alt="[ Fauna Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#fauna2"> <img src="fauna-2.jpg" alt="[ Fauna Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#fauna"> <img src="fauna.jpg" alt="[ Fauna Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#fauna2"> <img src="fauna-2.jpg" alt="[ Fauna Image ]"> </a> + </li> + </ul> </div> <div class="row-fluid"> <!-- Fauna row 2 --> - <div class="span6"> - <a data-toggle="lightbox" href="#fauna2"> <img src="fauna-2.jpg" alt="[ Fauna Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#fauna"> <img src="fauna.jpg" alt="[ Fauna Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#fauna"> <img src="fauna.jpg" alt="[ Fauna Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#fauna2"> <img src="fauna-2.jpg" alt="[ Fauna Image ]"> </a> + </li> + </ul> </div> - <p class="text-center"><a href="#">more+</a> </p> + <p class="text-center"><a class="btn btn-inverse btn-small" href="#">more+</a> </p> </div> <!-- end Fauna --> </div> <!-- end First Row --> @@ -77,93 +86,116 @@ <div class="span6"> <!-- start Flora --> <p><span class="label label-inverse">Flora</span></p> <div class="row-fluid"> <!-- Flora row 1 --> - <div class="span6"> - <a data-toggle="lightbox" href="#flora"> <img src="flora.jpg" alt="[ Flora Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#flora2"> <img src="flora-2.jpg" alt="[ Flora Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#flora"> <img src="flora.jpg" alt="[ Flora Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#flora2"> <img src="flora-2.jpg" alt="[ Flora Image ]"> </a> + </li> + </ul> </div> <div class="row-fluid"> <!-- Flora row 2 --> - <div class="span6"> - <a data-toggle="lightbox" href="#flora2"> <img src="flora-2.jpg" alt="[ Flora Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#flora"> <img src="flora.jpg" alt="[ Flora Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#flora"> <img src="flora.jpg" alt="[ Flora Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#flora2"> <img src="flora-2.jpg" alt="[ Flora Image ]"> </a> + </li> + </ul> </div> - <p class="text-center"><a href="#">more+</a> </p> + <p class="text-center"><a class="btn btn-inverse btn-small" href="#">more+</a> </p> </div> <!-- end Flora --> <div class="span6"> <!-- start Landscapes --> <p><span class="label label-inverse">Landscapes</span></p> <div class="row-fluid"> <!-- Landscapes row 1 --> - <div class="span6"> - <a data-toggle="lightbox" href="#landscape"> <img src="landscape.jpg" alt="[ Landscapes Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#landscape2"> <img src="landscape-2.jpg" alt="[ Landscapes Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#landscape"> <img src="landscape.jpg" alt="[ Landscapes Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#landscape2"> <img src="landscape-2.jpg" alt="[ Landscapes Image ]"> </a> + </li> + </ul> </div> <div class="row-fluid"> <!-- Landscapes row 2 --> - <div class="span6"> - <a data-toggle="lightbox" href="#landscape2"> <img src="landscape-2.jpg" alt="[ Landscapes Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#landscape"> <img src="landscape.jpg" alt="[ Landscapes Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#landscape"> <img src="landscape.jpg" alt="[ Landscapes Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#landscape2"> <img src="landscape-2.jpg" alt="[ Landscapes Image ]"> </a> + </li> + </ul> </div> - <p class="text-center"><a href="#">more+</a> </p> + <p class="text-center"><a class="btn btn-inverse btn-small" href="#">more+</a> </p> </div> <!-- end Landscapes --> </div> <!-- end Second Row --> - <div class="row-fluid"> <!-- start Third Row --> <div class="span6"> <!-- start People --> <p><span class="label label-inverse">People</span></p> <div class="row-fluid"> <!-- People row 1 --> - <div class="span6"> - <a data-toggle="lightbox" href="#people"> <img src="people.jpg" alt="[ People Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#people2"> <img src="people-2.jpg" alt="[ People Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#people"> <img src="people.jpg" alt="[ People Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#people2"> <img src="people-2.jpg" alt="[ People Image ]"> </a> + </li> + </ul> </div> <div class="row-fluid"> <!-- People row 2 --> - <div class="span6"> - <a data-toggle="lightbox" href="#people2"> <img src="people-2.jpg" alt="[ People Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#people"> <img src="people.jpg" alt="[ People Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#people"> <img src="people.jpg" alt="[ People Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" data-toggle="lightbox" href="#people2"> <img src="people-2.jpg" alt="[ People Image ]"> </a> + </li> + </ul> </div> - <p class="text-center"><a href="#">more+</a> </p> + <p class="text-center"><a class="btn btn-inverse btn-small" href="#">more+</a> </p> </div> <!-- end People --> <div class="span6"> <!-- start Still Life --> <p><span class="label label-inverse">Still Life</span></p> <div class="row-fluid"> <!-- Still Life row 1 --> - <div class="span6"> - <a data-toggle="lightbox" href="#stilllife"> <img src="stilllife.jpg" alt="[ Still Life Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#stilllife2"> <img src="stilllife-2.jpg" alt="[ Still Life Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#stilllife"> <img src="stilllife.jpg" alt="[ Still Life Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#stilllife2"> <img src="stilllife-2.jpg" alt="[ Still Life Image ]"> </a> + </li> + </ul> </div> <div class="row-fluid"> <!-- Still Life row 2 --> - <div class="span6"> - <a data-toggle="lightbox" href="#stilllife2"> <img src="stilllife-2.jpg" alt="[ Still Life Image ]"> </a> - </div> - <div class="span6"> - <a data-toggle="lightbox" href="#stilllife"> <img src="stilllife.jpg" alt="[ Still Life Image ]"> </a> - </div> + <ul class="thumbnails"> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#stilllife"> <img src="stilllife.jpg" alt="[ Still Life Image ]"> </a> + </li> + <li class="span6"> + <a class="thumbnail" + data-toggle="lightbox" href="#stilllife2"> <img src="stilllife-2.jpg" alt="[ Still Life Image ]"> </a> + </li> + </ul> </div> - <p class="text-center"><a href="#">more+</a> </p> + <p class="text-center"><a class="btn btn-inverse btn-small" href="/gallery/still-life/">more+</a> </p> </div> <!-- end Still Life --> </div> <!-- end Third Row -->