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:
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 · 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 © 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"> · </li>
+ <li> <a href="/colophon/"> Colophon </a> </li>
+ <li class="muted"> · </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>