Skip to content

Instantly share code, notes, and snippets.

@geetanjaligg
Created December 3, 2014 18:08
Show Gist options
  • Save geetanjaligg/0c04607795c0b23d7489 to your computer and use it in GitHub Desktop.
Save geetanjaligg/0c04607795c0b23d7489 to your computer and use it in GitHub Desktop.
Rendered HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>geetanjaligg - </title>
<meta name="description" content="" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="/assets/css/screen.css" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
<!-- Customisation -->
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
</head>
<body class="post-template">
<header class="main-header post-head no-cover">
<nav class="main-nav clearfix">
<a class="back-button icon-arrow-left" href="/">Home</a>
<a class="subscribe-button icon-feed" href="/rss.xml">Subscribe</a>
</nav>
</header>
<main class="content" role="main">
<article class="post">
<header class="post-header">
<h1 class="post-title">Post with images from Flickr</h1>
<br>
<section class="post-meta">
<time class="post-date" datetime="2012-07-19">19 Jul 2012</time>
on art
</section>
</header>
<!-- <header class="post-header">
<a id="blog-logo" href="blog url">
<img src="true" alt="geetanjaligg" />
</a>
</header> -->
<!-- <span class="post-meta">
<time datetime="2012-07-19">19 Jul 2012</time>
on art
</span> -->
<!-- <h1 class="post-title">Post with images from Flickr</h1> -->
<section class="post-content">
<div class="row">
<div class="large-11 columns large-centered">
<ul class="clearing-thumbs" data-clearing>
<li><a class="th" href="https://farm9.staticflickr.com/8368/8497947452_ea440114b3_b.jpg"><img src="https://farm9.staticflickr.com/8368/8497947452_ea440114b3_q.jpg"></a></li>
<li><a class="th" href="https://farm9.staticflickr.com/8515/8496843371_c53e851711_b.jpg"><img src="https://farm9.staticflickr.com/8515/8496843371_c53e851711_q.jpg"></a></li>
<li><a class="th" href="https://farm9.staticflickr.com/8529/8496843599_6b4c84e966_b.jpg"><img src="https://farm9.staticflickr.com/8529/8496843599_6b4c84e966_q.jpg"></a></li>
<li><a class="th" href="https://farm9.staticflickr.com/8104/8496843883_82995bbc00_b.jpg"><img src="https://farm9.staticflickr.com/8104/8496843883_82995bbc00_q.jpg"></a></li>
</ul>
</div>
</div>
</section>
<footer class="post-footer">
<!-- If we want to display author's name and bio -->
<figure class="author-image">
<a class="img" href="/" style="background-image: url(/assets/images/geetanjaligg.jpg)">
<span class="hidden">geetanjaligg's Picture</span></a>
</figure>
<!-- Share links section -->
<section class="share">
<h4>Share this post</h4>
<a class="icon-twitter" href="http://twitter.com/share?text=Post with images from Flickr&amp;url=http://geetanjaligg.in/flickrimage/"
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
<span class="hidden">Twitter</span>
</a>
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u=http://geetanjaligg.in/flickrimage/"
onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
<span class="hidden">Facebook</span>
</a>
<a class="icon-google-plus" href="https://plus.google.com/share?url=http://geetanjaligg.in/flickrimage/"
onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
<span class="hidden">Google+</span>
</a>
</section>
<br>
<!-- Disqus comments -->
<section class="disqus">
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'geetanjaligg';
var disqus_developer = 0; // developer mode is on
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
</section>
</footer>
</article>
</main>
<footer class="site-footer clearfix">
<section class="copyright">
<a href="/">geetanjaligg</a> &copy;
&bull; All rights reserved.
</section>
<section class="poweredby">Made with Jekyll using
<a href="http://github.com/rosario/kasper">Kasper theme</a>
</section>
</footer>
<script type="text/javascript" src="/assets/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="/assets/js/index.js"></script>
<link rel="stylesheet" href="/ad-gallery/jquery.ad-gallery.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/ad-gallery/jquery.ad-gallery.js?rand=302"></script>
<script type="text/javascript" src="/assets/js/jquery.photoset-grid.min.js"></script>
<script type="text/javascript">
$(function() {
$('.photoset-grid-basic').photosetGrid({
gutter: '5px'
});
$('.photoset-grid-custom').photosetGrid({
// Set the gutter between columns and rows
gutter: '5px',
// Manually set the grid layout
layout: '21',
// Wrap the images in links
highresLinks: true,
// Asign a common rel attribute
rel: 'print-gallery',
onInit: function(){},
onComplete: function(){
// Show the grid after it renders
$('.photoset-grid-custom').attr('style', '');
}
});
$('.photoset-grid-lightbox').photosetGrid({
highresLinks: true,
rel: 'withhearts-gallery',
gutter: '2px',
onComplete: function(){
$('.photoset-grid-lightbox').attr('style', '');
$('.photoset-grid-lightbox a').colorbox({
photo: true,
scalePhotos: true,
maxHeight:'90%',
maxWidth:'90%'
});
}
});
$('.photoset-grid').photosetGrid({
gutter: '5px'
});
var galleries = $('.ad-gallery').adGallery({
loader_image: '/ad-gallery/loader.gif',
width: 640,
});
})
</script>
<!-- Google Analytics Tracking code -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment