commit 1051afbd42f845c59eb054944a968d99a80fd29d
parent 91e01666aef8c2fe7cc5fc0be51bda6ca7ed8f9c
Author: rsiddharth <rsiddharth@ninthfloor.org>
Date: Fri, 28 Jun 2013 09:26:58 +0530
new genre page at wild/ + gallery/ accordingly updated.
Diffstat:
18 files changed, 346 insertions(+), 26 deletions(-)
diff --git a/gallery/index.html b/gallery/index.html
@@ -113,36 +113,50 @@
</div> <!-- end First Row -->
<div class="row-fluid"> <!-- start Second Row -->
- <div class="span6"> <!-- start Fauna -->
- <p><span class="label label-inverse">Fauna</span></p>
- <div class="row-fluid"> <!-- Fauna row 1 -->
+ <div class="span6"> <!-- start In The Wild -->
+ <p>
+ <span class="label label-inverse">
+ <a class="muted" href="/wild/">
+ In The Wild
+ </a>
+ </span>
+ </p>
+ <div class="row-fluid"> <!-- In The Wild row 1 -->
<ul class="thumbnails">
<li class="span6">
- <a class="thumbnail" data-toggle="lightbox" href="#fauna"> <img src="fauna.jpg" alt="[ Fauna Image ]"> </a>
+ <a class="thumbnail" data-toggle="lightbox" href="#w1">
+ <img src="/wild/01w.jpg" alt="[ In The Wild Image 1 ]">
+ </a>
</li>
<li class="span6">
- <a class="thumbnail" data-toggle="lightbox" href="#fauna2"> <img src="fauna-2.jpg" alt="[ Fauna Image ]"> </a>
+ <a class="thumbnail" data-toggle="lightbox" href="#w2">
+ <img src="/wild/02w.jpg" alt="[ In The Wild Image 2 ]">
+ </a>
</li>
</ul>
</div>
- <div class="row-fluid"> <!-- Fauna row 2 -->
+ <div class="row-fluid"> <!-- In The Wild row 2 -->
<ul class="thumbnails">
<li class="span6">
- <a class="thumbnail" data-toggle="lightbox" href="#fauna"> <img src="fauna.jpg" alt="[ Fauna Image ]"> </a>
+ <a class="thumbnail" data-toggle="lightbox" href="#w3">
+ <img src="/wild/03w.jpg" alt="[ In The Wild Image 3 ]">
+ </a>
</li>
<li class="span6">
- <a class="thumbnail" data-toggle="lightbox" href="#fauna2"> <img src="fauna-2.jpg" alt="[ Fauna Image ]"> </a>
+ <a class="thumbnail" data-toggle="lightbox" href="#w4">
+ <img src="/wild/04w.jpg" alt="[ In The Wild 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="/wild/">
<i class="icon-plus icon-white"></i>
more
</a>
</p>
- </div> <!-- end Fauna -->
+ </div> <!-- end In The Wild -->
<div class="span6"> <!-- start Macro -->
<p>
@@ -296,28 +310,30 @@
</div>
</div>
<!-- end of Wildlife Portrait lightboxes -->
- <div id="fauna" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+
+ <!-- start of In The Wild lightboxes -->
+ <div id="w1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="lightbox-content">
- <img src="fauna.jpg" alt="[ Fauna Image ]">
- <div class="lightbox-caption">
- <p>
- <a href="http://commons.wikimedia.org/wiki/File:George_Stubbs_013.jpg">
- Pferd wird von einem Löwen angefallen</a> by George Stubbs (1724-1806)
- </p>
- </div>
+ <img src="/wild/01w.jpg" alt="[ In The Wild Image 1 ]">
</div>
</div>
- <div id="fauna2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div id="w2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="lightbox-content">
- <img src="fauna-2.jpg" alt="[ Fauna Image ]">
- <div class="lightbox-caption">
- <p>
- <a href="http://commons.wikimedia.org/wiki/File:George_Stubbs_-_Lion_and_Lioness_-_Google_Art_Project.jpg">
- Lion and Lioness </a> by George Stubbs (1724-1806)
- </p>
- </div>
+ <img src="/wild/02w.jpg" alt="[ In The Wild Image 2 ]">
+ </div>
+ </div>
+ <div id="w3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/03w.jpg" alt="[ In The Wild Image 3 ]">
</div>
</div>
+ <div id="w4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/04w.jpg" alt="[ In The Wild Image 4 ]">
+ </div>
+ </div>
+ <!-- end of In The Wild lightboxes -->
+
<!-- start Macro lightboxes -->
<div id="macro1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="lightbox-content">
diff --git a/wild/01w.jpg b/wild/01w.jpg
Binary files differ.
diff --git a/wild/02w.jpg b/wild/02w.jpg
Binary files differ.
diff --git a/wild/03w.jpg b/wild/03w.jpg
Binary files differ.
diff --git a/wild/04w.jpg b/wild/04w.jpg
Binary files differ.
diff --git a/wild/05w.jpg b/wild/05w.jpg
Binary files differ.
diff --git a/wild/06w.jpg b/wild/06w.jpg
Binary files differ.
diff --git a/wild/07w.jpg b/wild/07w.jpg
Binary files differ.
diff --git a/wild/08w.jpg b/wild/08w.jpg
Binary files differ.
diff --git a/wild/09w.jpg b/wild/09w.jpg
Binary files differ.
diff --git a/wild/10w.jpg b/wild/10w.jpg
Binary files differ.
diff --git a/wild/11w.jpg b/wild/11w.jpg
Binary files differ.
diff --git a/wild/12w.jpg b/wild/12w.jpg
Binary files differ.
diff --git a/wild/13w.jpg b/wild/13w.jpg
Binary files differ.
diff --git a/wild/14w.jpg b/wild/14w.jpg
Binary files differ.
diff --git a/wild/15w.jpg b/wild/15w.jpg
Binary files differ.
diff --git a/wild/16w.jpg b/wild/16w.jpg
Binary files differ.
diff --git a/wild/index.html b/wild/index.html
@@ -0,0 +1,304 @@
+<!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> In The Wild · 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> In The Wild </h1>
+ </div>
+ </div> <!-- end heading row -->
+
+ <div class="row-fluid"> <!-- start row 1-->
+ <ul class="thumbnails">
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w1" class="thumbnail">
+ <img src="/wild/01w.jpg" alt="[ In The Wild 1 ]">
+ </a>
+ </li>
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w2"
+ class="thumbnail">
+ <img src="/wild/02w.jpg" alt="[ In The Wild 2 ]">
+ </a>
+ </li>
+
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w3" class="thumbnail">
+ <img src="/wild/03w.jpg" alt="[ In The Wild 3 ]">
+ </a>
+ </li>
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w4" class="thumbnail">
+ <img src="/wild/04w.jpg" alt="[ In The Wild 4 ]">
+ </a>
+ </li>
+ </ul>
+ </div> <!-- end row 1-->
+
+ <div class="row-fluid"> <!-- start row 2-->
+ <ul class="thumbnails">
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w5" class="thumbnail">
+ <img src="/wild/05w.jpg" alt="[ In The Wild 5 ]"> </a>
+ </li>
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w6" class="thumbnail">
+ <img src="/wild/06w.jpg" alt="[ In The Wild 6 ]"> </a>
+ </li>
+
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w7" class="thumbnail">
+ <img src="/wild/07w.jpg" alt="[ In The Wild 7 ]">
+ </a>
+ </li>
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w8" class="thumbnail">
+ <img src="/wild/08w.jpg" alt="[ In The Wild 8 ]">
+ </a>
+ </li>
+ </ul>
+ </div> <!-- end row 2-->
+
+ <div class="row-fluid"> <!-- start row 3-->
+ <ul class="thumbnails">
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w9" class="thumbnail">
+ <img src="/wild/09w.jpg" alt="[ In The Wild 9 ]"> </a>
+ </li>
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w10" class="thumbnail">
+ <img src="/wild/10w.jpg" alt="[ In The Wild 10 ]"> </a>
+ </li>
+
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w11" class="thumbnail">
+ <img src="/wild/11w.jpg" alt="[ In The Wild 11 ]">
+ </a>
+ </li>
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w12" class="thumbnail">
+ <img src="/wild/12w.jpg" alt="[ In The Wild 12 ]">
+ </a>
+ </li>
+ </ul>
+ </div> <!-- end row 3-->
+
+
+ <div class="row-fluid"> <!-- start row 4-->
+ <ul class="thumbnails">
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w13" class="thumbnail">
+ <img src="/wild/13w.jpg" alt="[ In The Wild 13 ]"> </a>
+ </li>
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w14" class="thumbnail">
+ <img src="/wild/14w.jpg" alt="[ In The Wild 14 ]"> </a>
+ </li>
+
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w15" class="thumbnail">
+ <img src="/wild/15w.jpg" alt="[ In The Wild 15 ]">
+ </a>
+ </li>
+ <li class="span3">
+ <a data-toggle="lightbox" href="#w16" class="thumbnail">
+ <img src="/wild/16w.jpg" alt="[ In The Wild 16 ]">
+ </a>
+ </li>
+ </ul>
+ </div> <!-- end row 4-->
+
+ <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%2Fwild%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%2Fwild%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%2Fwild%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="w1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/01w.jpg" alt="[ In The Wild 1 ]">
+ </div>
+ </div>
+
+ <div id="w2" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/02w.jpg" alt="[ In The Wild 2 ]">
+ </div>
+ </div>
+
+ <div id="w3" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/03w.jpg" alt="[ In The Wild 3 ]">
+ </div>
+ </div>
+
+ <div id="w4" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/04w.jpg" alt="[ In The Wild 4 ]">
+ </div>
+ </div>
+
+ <div id="w5" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/05w.jpg" alt="[ In The Wild 5 ]">
+ </div>
+ </div>
+
+ <div id="w6" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/06w.jpg" alt="[ In The Wild 6 ]">
+ </div>
+ </div>
+
+ <div id="w7" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/07w.jpg" alt="[ In The Wild 7 ]">
+ </div>
+ </div>
+
+ <div id="w8" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/08w.jpg" alt="[ In The Wild 8 ]">
+ </div>
+ </div>
+
+ <div id="w9" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/09w.jpg" alt="[ In The Wild 9 ]">
+ </div>
+ </div>
+
+ <div id="w10" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/10w.jpg" alt="[ In The Wild 10 ]">
+ </div>
+ </div>
+
+ <div id="w11" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/11w.jpg" alt="[ In The Wild 11 ]">
+ </div>
+ </div>
+
+ <div id="w12" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/12w.jpg" alt="[ In The Wild 12 ]">
+ </div>
+ </div>
+
+ <div id="w13" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/13w.jpg" alt="[ In The Wild 13 ]">
+ </div>
+ </div>
+
+ <div id="w14" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/14w.jpg" alt="[ In The Wild 14 ]">
+ </div>
+ </div>
+
+ <div id="w15" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/15w.jpg" alt="[ In The Wild 15 ]">
+ </div>
+ </div>
+
+ <div id="w16" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="lightbox-content">
+ <img src="/wild/16w.jpg" alt="[ In The Wild 16 ]">
+ <div class="lightbox-caption">
+ <p> A Sleeping Colugo With Her Baby </p>
+ </div>
+ </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>