vishwamano

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

commit d3f6f03ce7399081dc5975f747bff0c954bae2a0
parent dbf4ca884d6f71d9be455e0f4908ff4b7a52b6c6
Author: rsiddharth <rsiddharth@ninthfloor.org>
Date:   Wed, 26 Jun 2013 09:20:57 +0530

new section people/ + gallery/index.html updated accordingly

Diffstat:
gallery/index.html | 56+++++++++++++++++++++++++++++++++-----------------------
people/01p.jpg | 0
people/02p.jpg | 0
people/03p.jpg | 0
people/04p.jpg | 0
people/05p.jpg | 0
people/06p.jpg | 0
people/index.html | 180+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
8 files changed, 213 insertions(+), 23 deletions(-)

diff --git a/gallery/index.html b/gallery/index.html @@ -190,14 +190,21 @@ <div class="row-fluid"> <!-- start Third Row --> <div class="span6"> <!-- start People --> - <p><span class="label label-inverse">People</span></p> + <p> + <span class="label label-inverse"> + <a class="muted" href="/people/"> + Snapshots of Life </a> + </span> + </p> <div class="row-fluid"> <!-- People row 1 --> <ul class="thumbnails"> <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#people"> <img src="people.jpg" alt="[ People Image ]"> </a> + <a class="thumbnail" data-toggle="lightbox" href="#p1"> + <img src="/people/01p.jpg" alt="[ People Image 1 ]"> </a> </li> <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#people2"> <img src="people-2.jpg" alt="[ People Image ]"> </a> + <a class="thumbnail" data-toggle="lightbox" href="#p2"> + <img src="/people/02p.jpg" alt="[ People Image 2 ]"> </a> </li> </ul> </div> @@ -205,15 +212,17 @@ <div class="row-fluid"> <!-- People row 2 --> <ul class="thumbnails"> <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#people"> <img src="people.jpg" alt="[ People Image ]"> </a> + <a class="thumbnail" data-toggle="lightbox" href="#p3"> + <img src="/people/03p.jpg" alt="[ People Image 3 ]"> </a> </li> <li class="span6"> - <a class="thumbnail" data-toggle="lightbox" href="#people2"> <img src="people-2.jpg" alt="[ People Image ]"> </a> + <a class="thumbnail" data-toggle="lightbox" href="#p4"> + <img src="/people/04p.jpg" alt="[ People Image 4 ]"> </a> </li> </ul> </div> <p class="text-center"> - <a class="btn btn-inverse btn-mini" href="#"> + <a class="btn btn-inverse btn-mini" href="/people/"> <i class="icon-plus icon-white"></i> more </a> @@ -360,30 +369,31 @@ </div> <!-- end Landscape lightboxes --> - <div id="people" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <!-- start People lightboxes --> + <div id="p1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="lightbox-content"> - <img src="people.jpg" alt="[ People Image ]"> - <div class="lightbox-caption"> - <p> - <a href="http://commons.wikimedia.org/wiki/File:4_The_Scientists.JPG"> - The Scientists </a> by Rita Greer - </p> - </div> + <img src="/people/01p.jpg" alt="[ People Image 1 ]"> </div> </div> - <div id="people2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div id="p2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="lightbox-content"> - <img src="people-2.jpg" alt="[ People Image ]"> - <div class="lightbox-caption"> - <p> - <a href="http://commons.wikimedia.org/wiki/File:Almeida_J%C3%BAnior_-_O_Violeiro_%282%29.jpg"> - The Guitar Player </a> by José Ferraz de Almeida - Júni o(1850-1899) - </p> - </div> + <img src="/people/02p.jpg" alt="[ People Image 2 ]"> + </div> + </div> + + <div id="p3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/03p.jpg" alt="[ People Image 3 ]"> + </div> + </div> + + <div id="p4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/04p.jpg" alt="[ People Image 4 ]"> </div> </div> + <!-- end People lightboxes --> <!-- start Fashion lightboxes --> <div id="f1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> diff --git a/people/01p.jpg b/people/01p.jpg Binary files differ. diff --git a/people/02p.jpg b/people/02p.jpg Binary files differ. diff --git a/people/03p.jpg b/people/03p.jpg Binary files differ. diff --git a/people/04p.jpg b/people/04p.jpg Binary files differ. diff --git a/people/05p.jpg b/people/05p.jpg Binary files differ. diff --git a/people/06p.jpg b/people/06p.jpg Binary files differ. diff --git a/people/index.html b/people/index.html @@ -0,0 +1,180 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="/css/bootstrap.min.css" rel="stylesheet" media="screen"> + <link href="/css/bootstrap-lightbox.min.css" rel="stylesheet" media="screen"> + <link href="/css/custom.css" rel="stylesheet" media="screen"> + <title> Snapshots of Life &middot; Vishwa Manoharan Photography </title> +</head> +<body> + <div class="container-fluid"> + <div class="navbar navbar-inverse"> + <div class="navbar-inner"> + <a class="brand" href="/">Vishwa Manoharan Photography</a> + <ul class="nav pull-right"> + <li><a href="/">Home</a></li> + <li class="active"><a href="/gallery/"> Gallery </a></li> + <li><a href="/as/"> Apertures & Shutters</a></li> + <li><a href="/bio/"> Bio </a></li> + <li><a href="/contact/"> Contact </a></li> + </ul> + </div> + </div> + </div> + + <div class="container-fluid"> <!-- start gallery container --> + <div class="row-fluid"> <!--start heading row --> + <div class="span12"> + <h1> Snapshots of Life </h1> + </div> + </div> <!-- end heading row --> + + <div class="row-fluid"> <!-- start row 1--> + <ul class="thumbnails"> + <li class="span3"> + <a data-toggle="lightbox" href="#p1" class="thumbnail"> + <img src="/people/01p.jpg" alt="[ People Image 1 ]"> + </a> + </li> + <li class="span3"> + <a data-toggle="lightbox" href="#p2" + class="thumbnail"> + <img src="/people/02p.jpg" alt="[ People Image 2 ]"> + </a> + </li> + + <li class="span3"> + <a data-toggle="lightbox" href="#p3" class="thumbnail"> + <img src="/people/03p.jpg" alt="[ People Image 3 ]"> + </a> + </li> + <li class="span3"> + <a data-toggle="lightbox" href="#p4" class="thumbnail"> + <img src="/people/04p.jpg" alt="[ People Image 4 ]"> + </a> + </li> + </ul> + </div> <!-- end row 1--> + + <div class="row-fluid"> <!-- start row 2--> + <ul class="thumbnails"> + <li class="span6"> + <a data-toggle="lightbox" href="#p5" class="thumbnail"> + <img src="/people/05p.jpg" alt="[ People Image 5 ]"> </a> + </li> + <li class="span6"> + <a data-toggle="lightbox" href="#p6" class="thumbnail"> + <img src="/people/06p.jpg" alt="[ People Image 6 ]"> </a> + </li> + </ul> + </div> <!-- end row 2--> + + <div class="row-fluid"> + <div class="span12"> + <p class="text-center"> + <a href="/gallery/" class="btn btn-mini btn-inverse"> + <i class="icon-chevron-left icon-white"></i> + Back + </a> + </p> + </div> + </div> + + </div> <!-- end gallery container --> + + <!-- start share buttons --> + <div class="container-fluid"> + <div class="row-fluid"> + <div class="span12"> + <p class="text-center"> + <!-- G+ --> + <a target="_blank" + href="https://plus.google.com/share?url=http%3A%2F%2Fvishwano.com%2Fpeople%2F"> + <img class="share-botton" src="/img/gplus.png" alt="[ G+ Share Button ]"/> + </a> + <!-- G+ end --> + + <!-- Twitter --> + <a target="_blank" + href="https://twitter.com/share?url=http%3A%2F%2Fvishwamano.com%2Fpeople%2F"> + <img class="share-botton" src="/img/twitter.png" alt="[ Twitter Share Button ]" /> + </a> + <!-- Twitter end--> + + <!-- Facebook --> + <a target="_blank" + href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fvishwamano.com%2Fpeople%2F"> + <img class="share-botton" src="/img/fb.png" alt="[ Facebook Share Button ]" /> + </a> + <!-- Facebook end --> + </p> + </div> + </div> + </div> + <!-- end share buttons --> + +<!-- start of light boxes --> + + <div id="p1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/01p.jpg" alt="[ People Image 1 ]"> + </div> + </div> + + <div id="p2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/02p.jpg" alt="[ People Image 2 ]"> + </div> + </div> + + <div id="p3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/03p.jpg" alt="[ People Image 3 ]"> + </div> + </div> + + <div id="p4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/04p.jpg" alt="[ People Image 4 ]"> + </div> + </div> + + <div id="p5" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/05p.jpg" alt="[ People Image 5 ]"> + </div> + </div> + + <div id="p6" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="lightbox-content"> + <img src="/people/06p.jpg" alt="[ People Image 6 ]"> + </div> + </div> + +<!-- end of light boxes --> + <footer class="footer"> + <div class="container-fluid"> + <p> + Copyright &copy; 2013 + <a href="http://vishwamano.com/" property="cc:attributionName" + rel="cc:attributionURL"> + Vishwa Manoharan. + </a> + <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.en_US"> + <img alt="Creative Commons License" style="border-width:0" src="/img/cc.png" /> + </a> + </p> + <ul class="footer-links"> + <li class="muted"> &middot; </li> + <li> <a href="/colophon/"> Colophon </a> </li> + <li class="muted"> &middot; </li> + </ul> + </div> + </footer> + <script src="/js/jquery-1.10.0.min.js"></script> + <script src="/js/bootstrap.min.js"></script> + <script src="/js/bootstrap-lightbox.min.js"></script> +</body> +</html>