Showing preview only (353K chars total). Download the full file or copy to clipboard to get everything.
Repository: sunbliss/photorama
Branch: gh-pages
Commit: 1821a4d74be0
Files: 73
Total size: 332.8 KB
Directory structure:
gitextract_qnhvvtzg/
├── .gitignore
├── 404.html
├── Gruntfile.js
├── LICENSE
├── README.md
├── _config.yml
├── _includes/
│ ├── Scroll_to_Top.html
│ ├── disqus_comments.html
│ ├── footer.html
│ ├── head.html
│ ├── nav.html
│ ├── newsletter.html
│ ├── search.html
│ ├── share.html
│ ├── signoff.html
│ └── subgallery.html
├── _layouts/
│ ├── default.html
│ ├── home.html
│ ├── journal_by_category.html
│ ├── journal_by_tag.html
│ ├── page.html
│ └── post.html
├── _posts/
│ ├── 2016-02-01-multiple-galleries.markdown
│ ├── 2016-03-01-Around-the-World-in-80-Days.markdown
│ ├── 2016-03-05-Moby-Dick.markdown
│ ├── 2016-03-10-At-the-Earth's-Core.markdown
│ ├── 2016-03-15-The-Wizard-of-Oz.markdown
│ ├── 2016-03-20-The-Scarlet-Plague.markdown
│ ├── 2016-03-25-Alice-in-Wonderland.markdown
│ └── 2016-07-01-images-size-for-better-performance.markdown
├── about/
│ └── index.html
├── bower.json
├── css/
│ ├── WYSIWYG.css
│ ├── galleries.css
│ ├── journal.css
│ ├── magnificpopup.css
│ ├── main.css
│ ├── selena.css
│ ├── super-search.css
│ └── tags-wrap.css
├── feed.xml
├── gallery/
│ ├── gallery01/
│ │ └── index.html
│ ├── gallery02/
│ │ └── index.html
│ ├── gallery03/
│ │ └── index.html
│ ├── gallery04/
│ │ └── index.html
│ ├── gallery05/
│ │ └── index.html
│ ├── gallery06/
│ │ └── index.html
│ ├── gallery07/
│ │ └── index.html
│ ├── gallery08/
│ │ └── index.html
│ ├── gallery09/
│ │ └── index.html
│ └── index.html
├── index.html
├── journal/
│ ├── category/
│ │ ├── cat01.md
│ │ ├── cat02.md
│ │ ├── cat03.md
│ │ ├── cat04.md
│ │ └── index.html
│ ├── index.html
│ └── tag/
│ ├── index.html
│ ├── tag01.md
│ ├── tag02.md
│ ├── tag03.md
│ └── tag04.md
├── js/
│ ├── jquery.magnific-popup.js
│ ├── modernizr.js
│ ├── scripts.js
│ └── super-search.js
├── newsletter/
│ ├── index.html
│ └── js/
│ ├── archivebar-desktop-plugins.js
│ └── fancyzoom.mc.js
├── package.json
├── search.html
└── search.json
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
_site
node_modules
================================================
FILE: 404.html
================================================
---
layout: page
header-img: "img/404.jpg"
permalink: "/404.html"
redirect_to: "baseurl/journal/"
---
<p><h1>Whoops, this page doesn't exist.</p>
<p>You will be redirected to <a href="{{ site.baseurl }}/journal/">JOURNAL</a> in few seconds.</p></h1>
</div>
================================================
FILE: Gruntfile.js
================================================
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
uglify: {
main: {
src: 'js/<%= pkg.name %>.js',
dest: 'js/<%= pkg.name %>.min.js'
}
},
less: {
expanded: {
options: {
paths: ["css"]
},
files: {
"css/<%= pkg.name %>.css": "less/<%= pkg.name %>.less"
}
},
minified: {
options: {
paths: ["css"],
cleancss: true
},
files: {
"css/<%= pkg.name %>.min.css": "less/<%= pkg.name %>.less"
}
}
},
banner: '/*!\n' +
' * <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n' +
' * Copyright <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' +
' * Licensed under <%= pkg.license.type %> (<%= pkg.license.url %>)\n' +
' */\n',
usebanner: {
dist: {
options: {
position: 'top',
banner: '<%= banner %>'
},
files: {
src: ['css/<%= pkg.name %>.css', 'css/<%= pkg.name %>.min.css', 'js/<%= pkg.name %>.min.js']
}
}
},
watch: {
scripts: {
files: ['js/<%= pkg.name %>.js'],
tasks: ['uglify'],
options: {
spawn: false,
},
},
less: {
files: ['less/*.less'],
tasks: ['less'],
options: {
spawn: false,
}
},
},
});
// Load the plugins.
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-banner');
grunt.loadNpmTasks('grunt-contrib-watch');
// Default task(s).
grunt.registerTask('default', ['uglify', 'less', 'usebanner']);
};
================================================
FILE: LICENSE
================================================
The MIT License (MIT)
Copyright (c) 2016 Anna Prigkipaki
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
p h o t o r a m a
====================
----------
---> [DEMO](https://sunbliss.github.io/photorama/ "DEMO") <---
----------
A theme for **jekyll**.
Created for gh-pages (project page).
This template was crafted having in mind the photobloggers and the artists.
It uses [Clean Blog](https://github.com/BlackrockDigital/startbootstrap-clean-blog-jekyll "Clean Blog") as its basis.
----------
## Change Log
### Version 2.2 (4/23/2018)
<a href="https://github.com/sunbliss/photorama/wiki/How-to-get-SSL-on-Jekyll%3F"> How to get SSL Certificate (Https) For Jekyll</a>
### Version 2.1 (3/22/2017)
* Fixed script loading.
* Fixed padding bottom for the navbar toggle menu.
### Version 2.0 (2/4/2017)
* HTTPS is now enforced.
~~**Custom Domains are not supported.**~~
~~For the time being, the only way to apply a custom domain name is by removing HTTPS as of the previous version.
Hoping Github developers will give its users the ability to add a custom domain served under security.~~
### Version 1.2 (1/31/2017)
* Fixed footer code so that the twitter icon links to the twitter_username instead of instagram_username.
### Version 1.1 (7/15/2016)
* Improved galleries and search section.
* Better rendering of the header text.
### Version 1.0 (6/19/2016)
* Initial Template
----------
**IMPORTANT!!!**
================
### Before you begin: Change the URL and the BASEURL as well as the internal nav links in the _config.yml
The **URL** should say `https://yourusername.github.io`
The **BASEURL** should say `/repositoryname`
**Internal nav** should say
nav:
- GALLERY: `"https://yourusername.github.io/repositoryname/gallery/"`
- JOURNAL: `"https://yourusername.github.io/repositoryname/journal/"`
- ABOUT: `"https://yourusername.github.io/repositoryname/about/`"
If there are problems with loading assets like CSS files and images, make sure that both **URL** and **BASEURL** are set correctly!!!
----------
~~**NOT FOR HTTPS served repos!!!**~~
==================================
~~* Applies for v1.2!~~
If you want to use your **own domain** go to the root of your project's repository, create a CNAME file and add a line with your domain name, e.g. `www.yourdomain.com`.
Go to your domain name registrar and add a CNAME record pointing your domain to GitHub Pages:
- type: CNAME
- host: www.yourdomainname.com
- answer: yourusername.github.io/repositoryname
- TTL: 300
----------
Usage
============
###Quick Start
1. [Fork this repository](https://github.com/sunbliss/photorama/fork) to get started.
2. Go to `https://github.com/yourusername/photorama/settings`
3. Rename the repository to your new project, e.g. *myphotoblog*
2. Create a new branch called `gh-pages` in your repository.
3. Go to the branches directory at `https://github.com/yourusername/repositoryname/branches` and *change* **default branch** to **gh-pages**.
4. Delete **master** branch.
3. GitHub will build your site automatically and publish it at `https://yourusername.github.io/repositoryname/`.
----------
- The homepage welcomes the visitors with 3 animated photos of your choice. It is recommended that all three are landscape orientated for best view.
To change the welcome content at the far left of the Home page go here: `/index.html` and fill the responding lines of the YAML with your desired text.
----------
- To enable **disqus** comments in the posts, change their front matter for comments to 'true'.
You must have a registered account in disqus, where you will also register a forum for your website.
Find the line `s.src = '//yourproject.disqus.com/embed.js'; // ` in the disqus_comments.html and REPLACE 'yourproject' with your forum shortname.
----------
- In order to send **newsletters** about your posts to your subscribers, you should register an account in [tinyletter](http://www.tinyletter.com " tinyletter").
Find the line `'https://tinyletter.com/yourproject', ` in the *newsletter.html* and replace 'yourproject' with your registered website.
You can always ommit the newsletter rendering by deleting the line `{% include newsletter.html %}
` in the *default.html* layout.
----------
If you want to use the matching **NEWSLETTER** template, you must always create a new file by copying its respective index.html and renaming it to e.g. 2016-March-newsletter.html and then save it inside the folder and the accompanying images inside the 'images folder', so it can be accessed to your viewers through their browser. In this case the root url for the above newsletter will be ***http://yourgithubusername.github.io/yourproject/2016-March-newsletter.html***. Copy this link and replace this part of the code `http://www.yoursite.com/newsletter/year-month-newsletter` with it.
----------
**TAGS** and **CATEGORIES** of the posts
When you add a tag or a category name in the front matter of a post, don't forget to add the responding markdown files in /journal/tag/ folder and in /journal/category folder, so they can always render when browsing the journal or searching in the respective page.
----------
All the credits and the helpers can be found at **ABOUT** page.
----------
Read <a href="https://sunbliss.github.io/photorama/journal/images-size-for-better-performance/">**this**</a> post if you want to ensure your website always loads fast.
----------
I hope you will find it useful for your projects, photographic or not.
----------
##License
The MIT License (MIT)
Copyright (c) 2014 Filippo Oretti, Dario Andrei
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: _config.yml
================================================
# Site settings
title: PHOTORAMA
email: ""
description: "Photo Journal"
url: "https://sunbliss.github.io"
baseurl: "/photorama"
facebook_username: ""
twitter_username: ""
instagram_username: ""
github_username: ""
deviantart_username: ""
flickr_username: ""
discus_shortname: ""
share: true
# Owner/author information
owner:
name: photorama
avatar: avatar.png
favicon: favicon.ico
info: photography website template
# Settings for comments helper
# Set 'provider' to the comment provider you want to use. (i.e. Disqus, Intense Debate, livefyre, or Facebook Comments)
# Set 'provider' to false to turn commenting off globally.
#Set 'provider: false' to disable comments globally.
# Disable comments for individual pages/posts by specifying 'comments: false' in the page/post YAML Front Matter.
#
comments :
provider : disqus
disqus :
short_name : ""
# Internal nav
nav:
- GALLERY: "https://sunbliss.github.io/photorama/gallery/"
- JOURNAL: "https://sunbliss.github.io/photorama/journal/"
- ABOUT: "https://sunbliss.github.io/photorama/about/"
# All translation keys
translations:
# 404.html
permalink: "/404.html"
# Server
destination: ./_site
port: 4000
# Build settings
markdown: kramdown
highlighter: rouge
permalink: pretty
paginate: 5
paginate_path: "/journal/page:num/"
permalink: "/journal/:title/"
categories_path: "/journal/category/"
tags_path: "/journal/tag/"
gems:
- jekyll-paginate
exclude: ["less","node_modules","Gruntfile.js","package.json","README.md"]
# SiteMap
sitemap:
file: "/sitemap.xml"
exclude:
- "/atom.xml"
- "/feed.xml"
- "/feed/index.xml"
include_posts:
- "/writing/"
change_frequency_name: "change_frequency"
priority_name: "priority"
================================================
FILE: _includes/Scroll_to_Top.html
================================================
<script>
//** jQuery Scroll to Top Control script- (c)
//** v1.1 (April 7th, 10')
//** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
//** 2) Fixes scroll animation not working in Opera.
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://cloud.githubusercontent.com/assets/14811095/13691821/88412468-e744-11e5-8bb5-94340afd92e7.png" style="filter:alpha(opacity=100); -moz-opacity:1;"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:35, offsety:60}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll To Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
================================================
FILE: _includes/disqus_comments.html
================================================
{% if page.comments %}
<div id="disqus_thread"></div>
<script>
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
(function() { // REQUIRED CONFIGURATION VARIABLE: EDIT THE SHORTNAME BELOW
var d = document, s = d.createElement('script');
s.src = '//yourproject.disqus.com/embed.js'; // IMPORTANT: Replace 'yourproject' with your forum shortname!
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
{% endif %}
================================================
FILE: _includes/footer.html
================================================
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<ul class="list-inline text-center">
{% if site.facebook_username %}
<li>
<a href="https://facebook.com/{{ site.facebook_username }}" data-toggle="tooltip" title="Facebook">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.twitter_username %}
<li>
<a href="https://twitter.com/{{ site.twitter_username }}" data-toggle="tooltip" title="Twitter">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.instagram_username %}
<li>
<a href="https://instagram.com/{{ site.instagram_username }}" data-toggle="tooltip" title="Instagram">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.flickr_username %}
<li>
<a href="https://flickr.com/photos/{{ site.flickr_username }}" data-toggle="tooltip" title="Flickr">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-flickr fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.deviantart_username %}
<li>
<a href="http://{{ site.deviantart_username }}.deviantart.com">
<span class="fa-stack fa-lg" data-toggle="tooltip" title="Deviantart">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-deviantart fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.github_username %}
<li>
<a href="https://github.com/{{ site.github_username }}" data-toggle="tooltip" title="Github">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
<li>
<a href="mailto:{{ site.email }}" data-toggle="tooltip" target="_blank" title="Email">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-envelope-o fa-stack-1x fa-inverse"></i>
</span>
</a> </li>
<li>
<a href="{{ "/feed.xml" | prepend: site.baseurl }}" data-toggle="tooltip" title="Feed">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<p class="copyright text-muted">Copyright © {{ site.title }} {{ site.time | date: '%Y' }}</p>
<center><h6><p>Powered by <a href="https://github.com/jekyll/">Jekyll</a>.</p></h6></center>
</div>
</div>
</div>
</footer>
================================================
FILE: _includes/head.html
================================================
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
<link rel="shortcut icon" href="{{ site.basurl }}/favicon.ico?" type="image/x-icon">
<link rel="icon" href="{{ site.baseurl }}/favicon.ico?" type="image/x-icon">
<meta name="description" content="{{ site.description }}">
<title>{% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<!-- CSS -->
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="{{ "/css/bootstrap.min.css" | prepend: site.baseurl }}">
<!-- Custom CSS -->
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link rel="stylesheet" href="{{ "/css/galleries.css" | prepend: site.baseurl }}">
<link rel="stylesheet" href="{{ "/css/super-search.css" | prepend: site.baseurl }}">
<link rel="stylesheet" href="{{ "/css/magnificpopup.css" | prepend: site.baseurl }}">
<!-- Custom Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,600&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
================================================
FILE: _includes/nav.html
================================================
<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top" style="margin-right:1em; z-index: 1;">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<i class="fa fa-bars fa-lg"></i>
</button>
<a href="{{ site.baseurl }}/" title="HOME"><img src="{{ site.baseurl }}/logo.png" alt="logo" style="width:150px;cursor:pointer;margin-top:15px;"/></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right" style="margin-right:1em; text-shadow: -.025em -.025em 0 rgba(0, 133, 161, 0.75), .025em -.025em 0 rgba(0, 133, 161, 0.75), -.025em .025em 0 rgba(0, 133, 161, 0.75), .025em .025em 0 rgba(0, 133, 161, 0.75);">
{% for nav_hash in site.nav %}
{% for nav_item in nav_hash %}
{% assign lowercase_nav_item = nav_item[0] | downcase %}
{% if page.active == lowercase_nav_item %}
<li class="active"><a href="{{ nav_item[1] }}">{{ nav_item[0] }}</a></li>
{% else %}
<li><a href="{{ nav_item[1] }}">{{ nav_item[0] }}</a></li>
{% endif %}
{% endfor %}
{% endfor %}
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
================================================
FILE: _includes/newsletter.html
================================================
<div class="row" style="background-color: #530720; padding-bottom: 40px; margin-top: 50px; margin-bottom: 80px;">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<center><h4><p>SUBSCRIBE TO RECEIVE POSTS DIRECTLY TO YOUR INBOX</h4></center>
<form style="padding:3px;text-align:center;font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;" action="https://tinyletter.com/photorgasms" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/yourproject', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true"><input type="text" placeholder="Enter your email address" style="width:200px;height:30px;border:0;background-color:#5A0F28;color:#dddddd;outline:0;padding-left:12px;" name="email" id="tlemail" /> <input type="submit" value="Get notified!" style="background-color:#470118;color:#dddddd;height:30px;border:0;" /></form>
</div>
</div>
<style type="text/css">
.tlemail::-webkit-input-placeholder {
color: rgba(255,255,255,.45);
}
.tlemail:-moz-placeholder { /* Firefox 18- */
color: rgba(255,255,255,.45);
}
.tlemail::-moz-placeholder { /* Firefox 19+ */
color: rgba(255,255,255,.45);
}
.tlemail:-ms-input-placeholder {
color: rgba(255,255,255,.45);
}
</style>
================================================
FILE: _includes/search.html
================================================
<a href="javascript:void(0)" title="SEARCH" onclick="superSearch.toggle()" class="super-search-btn">
<span class="fa fa-search" style="font-size:1em; position:fixed; right: .75em; top: 1em; z-index: 2;"></span>
</a>
<div class="super-search" id="js-super-search">
<a href="javascript:void(0)" onclick="superSearch.toggle()" class="super-search__close-btn"">
<span class="fa fa-close" style="font-size:48px;"></span>
</a>
<input type="text" placeholder="Type here to search" class="super-search__input" id="js-super-search__input">
<ul class="super-search__results" id="js-super-search__results"></ul>
</div>
<script src="{{ site.baseurl }}/js/super-search.js"></script>
<script>
superSearch({
searchFile: '{{ site.baseurl }}/feed.xml',
searchSelector: '#js-super-search', // CSS Selector for search container element.
inputSelector: '#js-super-search__input', // CSS selector for <input>
resultsSelector: '#js-super-search__results' // CSS selector for results container
});
</script>
================================================
FILE: _includes/share.html
================================================
<div class="post-share text-center">
<p class="light small">
<h6>Share this post</h6>
</p>
<ul class="social-mini">
<li>
<a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}"
onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;" data-toggle="tooltip" title="Share on Facebook" itemprop="Facebook">
<span class="fa-stack fa-lg" style="
color: #223333;font-size:1em;">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="https://twitter.com/intent/tweet?text="{{ page.title }}"%20{{ site.url }}{{ page.url }}%20via%20@{{ site.owner.twitter }}"
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;" data-toggle="tooltip" title="Share on Twitter" itemprop="Twitter">
<span class="fa-stack fa-lg" style="
color: #223333;font-size:1em;">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}"
onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;" data-toggle="tooltip" title="Share on Google plus" itemprop="GooglePlus">
<span class="fa-stack fa-lg" style="
color: #223333;font-size:1em;">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul></div>
================================================
FILE: _includes/signoff.html
================================================
<div class="post-author text-center">
<img src="{{ site.baseurl }}/img/{{ site.owner.avatar }}" alt="{{ site.owner.name }}'s photo" itemprop="image" class="post-avatar img-circle img-responsive"/>
<h4>By <span itemprop="name" class="fn"><a href="{{ site.baseurl }}/about/" title="About {{ site.owner.name }}" itemprop="url">{{ site.owner.name }}</a></span></h4>
<div style="font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; display:inline-block;font-size:.75em;">{{ site.owner.info }}</div>
</div>
================================================
FILE: _includes/subgallery.html
================================================
{% if include.id %}
{% assign gallery = page.[include.id] %}
{% else %}
{% assign gallery = page.gallery %}
{% endif %}
<div class="gallery masonry-gallery">
{% for img in gallery %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ img.image_path }}" class="popup" title="{{ img.image-caption }}" data-caption="{{ img.image-copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ img.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary" id="{{ img.image-caption }}">
<h3>{{img.image-caption}}</h3>
<p>{{img.image-copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
================================================
FILE: _layouts/default.html
================================================
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<head>
{% if page.url == "/404.html" %}<meta http-equiv="refresh" content="5; url={{ site.baseurl }}/journal" />{% endif %}
</head>
<body>
{% include nav.html %}
{{ content }}
{% include search.html %}
{% include newsletter.html %}
{% include footer.html %}
{% include Scroll_to_Top.html %}
</body>
</html>
================================================
FILE: _layouts/home.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
{% include head.html %}
<link rel="shortcut icon" href="{{ root_url }}/favicon.ico?" type="image/x-icon">
<link rel="icon" href="{{ root_url }}/favicon.ico?" type="image/x-icon">
</head>
<body>
{% include nav.html %}
{{ content }}
</body>
</html>
================================================
FILE: _layouts/journal_by_category.html
================================================
---
layout: page
title: categories
description: archive
header-img: "img/misc-bg.jpg"
---
<div id="post-content">
{% if site.categories[page.category] %}
{% for post in site.categories[page.category] %}
{% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %}
{% if forloop.first %}
<h3>{{ post_year }}</h3><div class="list-group" style="display: inline-block;">
{% endif %}
{% if forloop.first == false %}
{% assign previous_index = forloop.index0 | minus: 1 %}
{% capture previous_post_year %}{{ site.categories[page.category][previous_index].date | date: '%Y' }}{% endcapture %}
{% if post_year != previous_post_year %}
</div><h3>{{ post_year }}</h3><div class="list-group">
{% endif %}
{% endif %}
<a href="{{ site.baseurl }}{{ post.url }}">
<h4>{{ post.title }}</h4>
</a>
{% if forloop.last %}
</div>
{% endif %}
{% endfor %}
{% else %}
<p>There are no posts in this category.</p>
{% endif %}
</div>
================================================
FILE: _layouts/journal_by_tag.html
================================================
---
layout: page
title: tags
description: archive
header-img: "img/misc-bg.jpg"
---
<div id="post-content">
{% if site.tags[page.tag] %}
{% for post in site.tags[page.tag] %}
{% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %}
{% if forloop.first %}
<h3>{{ post_year }}</h3><div class="list-group"style="display: inline-block;">
{% endif %}
{% if forloop.first == false %}
{% assign previous_index = forloop.index0 | minus: 1 %}
{% capture previous_post_year %}{{ site.tags[page.tag][previous_index].date | date: '%Y' }}{% endcapture %}
{% if post_year != previous_post_year %}
</div><h3>{{ post_year }}</h3><div class="category-list" >
{% endif %}
{% endif %}
<a href="{{ site.baseurl }}{{ post.url }}">
<h4>{{ post.title }}</h4>
</a>
{% if forloop.last %}
</div>
{% endif %}
{% endfor %}
{% else %}
<p>There are no posts for this tag.</p>
{% endif %}
</div>
================================================
FILE: _layouts/page.html
================================================
---
layout: default
---
<!-- Page Header -->
<header class="intro-header" style="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<div class="site-heading">
<h1>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</h1>
<hr class="small">
<span class="subheading">{{ page.description }}</span>
</div>
</div>
</div>
</div>
</header>
<!-- Main Content -->
<div class="container">
<div class="row">
{{ content }}
</div>
</div>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="{{ site.baseurl }}/js/main.min.js "></script>
================================================
FILE: _layouts/post.html
================================================
---
layout: default
---
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<link href="{{ site.baseurl }}/css/tags-wrap.css" rel="stylesheet" />
</head>
<body>
{% assign post = page %}
<article>
<!-- Post Header -->
<header class="intro-header" style="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% endif %}')">
<div class="container">
<div class="row">
<div class="post-heading">
<h1 style="color: #acd578;">{{ page.title }}</h1>
{% if page.subtitle %}
<h2 class="subheading">{{ page.subtitle }}</h2>
{% endif %}
<span class="meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
<span class="time-tag-categ" style="font-size:.7em;background-color: rgba(128, 128, 128, 0.45);">
{% assign minutes = content | number_of_words | divided_by: 180 %}
<i class="fa fa-clock-o"></i> {% if minutes == 0 %}{% assign minutes = 1 %}{% endif %}
{{ minutes }} minute read
{% if post.tags.size > 0 %}
∼ Tagged with <i class="fa fa-tags"></i>{% if post.tags.size == 1 %} {% else %}{% endif %} : {% for tag in page.tags %}<a href="{{ site.baseurl }}/journal/tag/{{ tag | cgi_encode }}/" data-toggle="tooltip" title="Other posts tagged with {{ tag }}" rel="tag">{{ tag }}</a>{% unless forloop.last %} • {% endunless %}{% endfor %}{% endif %}
{% if post.categories.size > 0 %}
∼ Filed in <i class="fa fa-briefcase"></i>{% if post.categories.size == 1 %} {% else %}{% endif %} : {% for tag in page.categories %}<a href="{{ site.baseurl }}/journal/category/{{ tag | cgi_encode }}/" data-toggle="tooltip" title="Other posts filed in {{ tag }} category" rel="tag">{{ tag }}</a>{% unless forloop.last %} • {% endunless %}{% endfor %%}{% endif %}
</span>
</div>
</div>
</div>
</header>
<!-- Post Content -->
<div class="container">
<div class="row">
{{ content }}
<br>
<br>
<br>
{% include signoff.html %}
<hr class="small">
{% if site.share %}{% include share.html %}{% endif %}
{% if site.comments %}{% include disqus_comments.html %}{% endif %}
<br>
<ul class="pager">
{% if page.previous.url %}
<li class="previous">
<a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">← Previous Post</a>
</li>
{% endif %}
{% if page.next.url %}
<li class="next">
<a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">Next Post →</a>
</li>
{% endif %}
</ul>
</div>
</div>
</article>
<br>
<hr class="medium">
<div class="tags-wrap">
<div class="tags">
<div class="section-heading group" style="color: #fff; text-align: center; margin-top: 10px;">
<h3>Tags Cloud</h3>
</div>
{% assign rawtags = "" %}
{% for post in site.posts %}
{% assign ttags = post.tags | join:'|' | append:'|' %}
{% assign rawtags = rawtags | append:ttags %}
{% endfor %}
{% assign rawtags = rawtags | split:'|' | sort %}
{% assign tags = "" %}
{% for tag in rawtags %}
{% if tag != "" %}
{% if tags == "" %}
{% assign tags = tag | split:'|' %}
{% endif %}
{% unless tags contains tag %}
{% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %}
{% endunless %}
{% endif %}
{% endfor %}
<div class="tag-list">
{% for tag in tags %}
<a href="{{ site.baseurl }}/journal/tag/{{ tag | slugify }}/" style="text-decoration:none;"> {{ tag }} </a>
{% endfor %}
</div>
</div>
<hr class="medium">
<div class="categories">
<div class="section-heading group" style="color: #fff; text-align: center; margin-top: 10px;">
<h3>Categories Cloud</h3>
</div>
{% assign rawcategories = "" %}
{% for post in site.posts %}
{% assign tcategories = post.categories | join:'|' | append:'|' %}
{% assign rawcategories = rawcategories | append:tcategories %}
{% endfor %}
{% assign rawcategories = rawcategories | split:'|' | sort %}
{% assign categories = "" %}
{% for category in rawcategories %}
{% if tag != "" %}
{% if categories == "" %}
{% assign categories = category | split:'|' %}
{% endif %}
{% unless categories contains category %}
{% assign categories = categories | join:'|' | append:'|' | append:category | split:'|' %}
{% endunless %}
{% endif %}
{% endfor %}
<div class="category-list">
{% for category in categories %}
<a href="{{ site.baseurl }}/journal/category/{{ category | slugify }}/"> {{ category }} </a>
{% endfor %}
</div>
</div>
<hr class="medium">
<br>
<br>
</div>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="{{ site.baseurl }}/js/main.min.js "></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
</body>
</html>
================================================
FILE: _posts/2016-02-01-multiple-galleries.markdown
================================================
---
layout: "post"
title: "Multiple Galleries"
subtitle: "A post with multiple galleries arranged with ISOTOPE"
active: "journal"
image:
feature: "pc007.jpg"
date: "2016-02-01"
header-img: "img/postcover/pc007.jpg"
comments: "true"
gallery1:
- image_path: /img/galleries/g01/bg1.jpg
image-caption: IMAGE TITLE
image-copyright: © photorama
- image_path: /img/galleries/g01/bg2.jpg
image-caption: IMAGE TITLE
image-copyright: © photorama
- image_path: /img/galleries/g01/bg3.jpg
image-caption: IMAGE TITLE
image-copyright: © photorama
gallery2:
- image_path: /img/galleries/g02/bg1.jpg
image-caption: IMAGE TITLE
image-copyright: © photorama
- image_path: /img/galleries/g02/bg2.jpg
image-caption: IMAGE TITLE
image-copyright: © photorama
- image_path: /img/galleries/g02/bg3.jpg
image-caption: IMAGE TITLE
image-copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.title}}</h2>
<p> Content of your post HERE </p>
<p> Add as many paragraphs amongst your galleries as you want. </p>
<!-- Gallery __-->
{% include subgallery.html id="gallery1" %}
<!-- end of GALLERY __ -->
<p> Add as many galleries as you want, including as many photos as you want. Simply edit the <b>FRONT MATTER</b> of the post, adding the corresponding <b>path</b>, <b>caption</b> and <b>copyright</b> info for each one of your photos. </p>
<!-- Gallery __-->
{% include subgallery.html id="gallery2" %}
<!-- end of GALLERY __ -->
</div><!-- end of WRAPPER __ -->
</section>
Photography by: <a href="https://unsplash.com/photos/j0g8taxHZa0">UNSPLASH</a>
================================================
FILE: _posts/2016-03-01-Around-the-World-in-80-Days.markdown
================================================
---
layout: post
title: "Around the World in 80 Days"
subtitle: "Jules Verne"
active: journal
image:
feature: "pc006.jpg"
date: 2016-03-01
header-img: "img/postcover/pc006.jpg"
tags: [tag03]
categories: [cat04]
comments: false
---
<p>"You're a sly dog!" said Passepartout, winking at him.</p>
<p>This expression rather disturbed Fix, without his knowing why. Had the Frenchman guessed his real purpose? He knew not what to think. But how could Passepartout have discovered that he was a detective? Yet, in speaking as he did, the man evidently meant more than he expressed.</p>
<p>Passepartout went still further the next day; he could not hold his tongue.</p>
<p>"Mr. Fix," said he, in a bantering tone, "shall we be so unfortunate as to lose you when we get to Hong Kong?"</p>
<p>"Why," responded Fix, a little embarrassed, "I don't know; perhaps—"</p>
<p>"Ah, if you would only go on with us! An agent of the Peninsular Company, you know, can't stop on the way! You were only going to Bombay, and here you are in China. America is not far off, and from America to Europe is only a step."</p>
<p>Fix looked intently at his companion, whose countenance was as serene as possible, and laughed with him. But Passepartout persisted in chaffing him by asking him if he made much by his present occupation.</p>
<p>"Yes, and no," returned Fix; "there is good and bad luck in such things. But you must understand that I don't travel at my own expense."</p>
<p>"Oh, I am quite sure of that!" cried Passepartout, laughing heartily.</p>
<p>Fix, fairly puzzled, descended to his cabin and gave himself up to his reflections. He was evidently suspected; somehow or other the Frenchman had found out that he was a detective. But had he told his master? What part was he playing in all this: was he an accomplice or not? Was the game, then, up? Fix spent several hours turning these things over in his mind, sometimes thinking that all was lost, then persuading himself that Fogg was ignorant of his presence, and then undecided what course it was best to take.</p>
<p>Placeholder text by <a href="http://www.fillerati.com/">Fillerati</a>. Photography by <a href="https://unsplash.com">UNSPLASH</a>.</p>
================================================
FILE: _posts/2016-03-05-Moby-Dick.markdown
================================================
---
layout: post
title: "Moby Dick"
subtitle: "Herman Melville"
active: journal
image:
feature: "pc005.jpg"
date: 2016-03-05
header-img: "img/postcover/pc005.jpg"
tags: [tag02]
categories: [cat03]
comments: false
---
<p>Nearly all joined in singing this hymn, which swelled high above the howling of the storm. A brief pause ensued; the preacher slowly turned over the leaves of the Bible, and at last, folding his hand down upon the proper page, said: "Beloved shipmates, clinch the last verse of the first chapter of Jonah—'And God had prepared a great fish to swallow up Jonah.'"</p>
<p>"Shipmates, this book, containing only four chapters—four yarns—is one of the smallest strands in the mighty cable of the Scriptures. Yet what depths of the soul does Jonah's deep sealine sound! what a pregnant lesson to us is this prophet! What a noble thing is that canticle in the fish's belly! How billow-like and boisterously grand! We feel the floods surging over us; we sound with him to the kelpy bottom of the waters; sea-weed and all the slime of the sea is about us! But WHAT is this lesson that the book of Jonah teaches? Shipmates, it is a two-stranded lesson; a lesson to us all as sinful men, and a lesson to me as a pilot of the living God. As sinful men, it is a lesson to us all, because it is a story of the sin, hard-heartedness, suddenly awakened fears, the swift punishment, repentance, prayers, and finally the deliverance and joy of Jonah. As with all sinners among men, the sin of this son of Amittai was in his wilful disobedience of the command of God—never mind now what that command was, or how conveyed—which he found a hard command. But all the things that God would have us do are hard for us to do—remember that—and hence, he oftener commands us than endeavors to persuade. And if we obey God, we must disobey ourselves; and it is in this disobeying ourselves, wherein the hardness of obeying God consists.</p>
<p>"With this sin of disobedience in him, Jonah still further flouts at God, by seeking to flee from Him. He thinks that a ship made by men will carry him into countries where God does not reign, but only the Captains of this earth. He skulks about the wharves of Joppa, and seeks a ship that's bound for Tarshish. There lurks, perhaps, a hitherto unheeded meaning here. By all accounts Tarshish could have been no other city than the modern Cadiz. That's the opinion of learned men. And where is Cadiz, shipmates? Cadiz is in Spain; as far by water, from Joppa, as Jonah could possibly have sailed in those ancient days, when the Atlantic was an almost unknown sea. Because Joppa, the modern Jaffa, shipmates, is on the most easterly coast of the Mediterranean, the Syrian; and Tarshish or Cadiz more than two thousand miles to the westward from that, just outside the Straits of Gibraltar. See ye not then, shipmates, that Jonah sought to flee world-wide from God? Miserable man! Oh! most contemptible and worthy of all scorn; with slouched hat and guilty eye, skulking from his God; prowling among the shipping like a vile burglar hastening to cross the seas. So disordered, self-condemning is his look, that had there been policemen in those days, Jonah, on the mere suspicion of something wrong, had been arrested ere he touched a deck. How plainly he's a fugitive! no baggage, not a hat-box, valise, or carpet-bag,—no friends accompany him to the wharf with their adieux. At last, after much dodging search, he finds the Tarshish ship receiving the last items of her cargo; and as he steps on board to see its Captain in the cabin, all the sailors for the moment desist from hoisting in the goods, to mark the stranger's evil eye. Jonah sees this; but in vain he tries to look all ease and confidence; in vain essays his wretched smile. Strong intuitions of the man assure the mariners he can be no innocent. In their gamesome but still serious way, one whispers to the other—"Jack, he's robbed a widow;" or, "Joe, do you mark him; he's a bigamist;" or, "Harry lad, I guess he's the adulterer that broke jail in old Gomorrah, or belike, one of the missing murderers from Sodom." Another runs to read the bill that's stuck against the spile upon the wharf to which the ship is moored, offering five hundred gold coins for the apprehension of a parricide, and containing a description of his person. He reads, and looks from Jonah to the bill; while all his sympathetic shipmates now crowd round Jonah, prepared to lay their hands upon him. Frighted Jonah trembles, and summoning all his boldness to his face, only looks so much the more a coward. He will not confess himself suspected; but that itself is strong suspicion. So he makes the best of it; and when the sailors find him not to be the man that is advertised, they let him pass, and he descends into the cabin.</p>
<p>Placeholder text by <a href="http://www.fillerati.com/">Fillerati</a>. Photography by <a href="https://unsplash.com">UNSPLASH</a>.</p>
================================================
FILE: _posts/2016-03-10-At-the-Earth's-Core.markdown
================================================
---
layout: post
title: "At the Earth's Core"
subtitle: "Edgar Rice Burroughs"
active: journal
image:
feature: "pc004.jpg"
date: 2016-03-10
header-img: "img/postcover/pc004.jpg"
tags: [tag01]
categories: [cat02]
comments: false
---
<p>Formerly he may have been as good to look upon as the others of his handsome race, and it may be that the terrible result of this encounter had tended to sour an already strong and brutal character. However this may be it is quite certain that he was not a pretty sight, and now that his features, or what remained of them, were distorted in rage at the sight of Dian with another male, he was indeed most terrible to see—and much more terrible to meet.</p>
<p>He had broken into a run now, and as he advanced he raised his mighty spear, while I halted and fitting an arrow to my bow took as steady aim as I could. I was somewhat longer than usual, for I must confess that the sight of this awful man had wrought upon my nerves to such an extent that my knees were anything but steady. What chance had I against this mighty warrior for whom even the fiercest cave bear had no terrors! Could I hope to best one who slaughtered the sadok and dyryth single-handed! I shuddered; but, in fairness to myself, my fear was more for Dian than for my own fate.</p>
<p>And then the great brute launched his massive stone-tipped spear, and I raised my shield to break the force of its terrific velocity. The impact hurled me to my knees, but the shield had deflected the missile and I was unscathed. Jubal was rushing upon me now with the only remaining weapon that he carried—a murderous-looking knife. He was too close for a careful bowshot, but I let drive at him as he came, without taking aim. My arrow pierced the fleshy part of his thigh, inflicting a painful but not disabling wound. And then he was upon me.</p>
<p>My agility saved me for the instant. I ducked beneath his raised arm, and when he wheeled to come at me again he found a sword's point in his face. And a moment later he felt an inch or two of it in the muscles of his knife arm, so that thereafter he went more warily.</p>
<p>It was a duel of strategy now—the great, hairy man maneuvering to get inside my guard where he could bring those giant thews to play, while my wits were directed to the task of keeping him at arm's length. Thrice he rushed me, and thrice I caught his knife blow upon my shield. Each time my sword found his body—once penetrating to his lung. He was covered with blood by this time, and the internal hemorrhage induced paroxysms of coughing that brought the red stream through the hideous mouth and nose, covering his face and breast with bloody froth. He was a most unlovely spectacle, but he was far from dead.</p>
<p>As the duel continued I began to gain confidence, for, to be perfectly candid, I had not expected to survive the first rush of that monstrous engine of ungoverned rage and hatred. And I think that Jubal, from utter contempt of me, began to change to a feeling of respect, and then in his primitive mind there evidently loomed the thought that perhaps at last he had met his master, and was facing his end.</p>
<p>At any rate it is only upon this hypothesis that I can account for his next act, which was in the nature of a last resort—a sort of forlorn hope, which could only have been born of the belief that if he did not kill me quickly I should kill him. It happened on the occasion of his fourth charge, when, instead of striking at me with his knife, he dropped that weapon, and seizing my sword blade in both his hands wrenched the weapon from my grasp as easily as from a babe.</p>
<p>Flinging it far to one side he stood motionless for just an instant glaring into my face with such a horrid leer of malignant triumph as to almost unnerve me—then he sprang for me with his bare hands. But it was Jubal's day to learn new methods of warfare. For the first time he had seen a bow and arrows, never before that duel had he beheld a sword, and now he learned what a man who knows may do with his bare fists.</p>
<p>As he came for me, like a great bear, I ducked again beneath his outstretched arm, and as I came up planted as clean a blow upon his jaw as ever you have seen. Down went that great mountain of flesh sprawling upon the ground. He was so surprised and dazed that he lay there for several seconds before he made any attempt to rise, and I stood over him with another dose ready when he should gain his knees.</p>
<p>Placeholder text by <a href="http://www.fillerati.com/">Fillerati</a>. Photography by <a href="https://unsplash.com">UNSPLASH</a>.</p>
================================================
FILE: _posts/2016-03-15-The-Wizard-of-Oz.markdown
================================================
---
layout: post
title: "The Wizard of Oz"
subtitle: "L. Frank Baum"
active: journal
image:
feature: "pc003.jpg"
date: 2016-03-15
header-img: "img/postcover/pc003.jpg"
tags: [tag03, tag04]
categories: [cat03, cat04]
comments: false
---
<p>Now this same morning the Wicked Witch came to the door of her castle and looked out with her one eye that could see far off. She saw all her wolves lying dead, and the strangers still traveling through her country. This made her angrier than before, and she blew her silver whistle twice.</p>
<p>Straightway a great flock of wild crows came flying toward her, enough to darken the sky.</p>
<p>And the Wicked Witch said to the King Crow, "Fly at once to the strangers; peck out their eyes and tear them to pieces."</p>
<p>The wild crows flew in one great flock toward Dorothy and her companions. When the little girl saw them coming she was afraid.</p>
<p>But the Scarecrow said, "This is my battle, so lie down beside me and you will not be harmed."</p>
<p>So they all lay upon the ground except the Scarecrow, and he stood up and stretched out his arms. And when the crows saw him they were frightened, as these birds always are by scarecrows, and did not dare to come any nearer. But the King Crow said:</p>
<p>"It is only a stuffed man. I will peck his eyes out."</p>
<p>The King Crow flew at the Scarecrow, who caught it by the head and twisted its neck until it died. And then another crow flew at him, and the Scarecrow twisted its neck also. There were forty crows, and forty times the Scarecrow twisted a neck, until at last all were lying dead beside him. Then he called to his companions to rise, and again they went upon their journey.</p>
<p>When the Wicked Witch looked out again and saw all her crows lying in a heap, she got into a terrible rage, and blew three times upon her silver whistle.</p>
<p>Forthwith there was heard a great buzzing in the air, and a swarm of black bees came flying toward her.</p>
<p>Placeholder text by <a href="http://www.fillerati.com/">Fillerati</a>. Photography by <a href="https://unsplash.com">UNSPLASH</a>.</p>
================================================
FILE: _posts/2016-03-20-The-Scarlet-Plague.markdown
================================================
---
layout: post
title: "The Scarlet Plague"
subtitle: "Jack London"
active: journal
image:
feature: "pc002.jpg"
date: 2016-03-20
header-img: "img/postcover/pc002.jpg"
tags: [tag03, tag04]
categories: [cat03, cat04]
comments: false
---
<p>The boys laughed and lay down again in the sand, while Granser sighed ponderously. He had eaten too much, and, with hands clasped on his paunch, the fingers interlaced, he resumed his maunderings.</p>
<p>"'The fleeting systems lapse like foam,'" he mumbled what was evidently a quotation. "That's it—foam, and fleeting. All man's toil upon the planet was just so much foam. He domesticated the serviceable animals, destroyed the hostile ones, and cleared the land of its wild vegetation. And then he passed, and the flood of primordial life rolled back again, sweeping his handiwork away—the weeds and the forest inundated his fields, the beasts of prey swept over his flocks, and now there are wolves on the Cliff House beach." He was appalled by the thought. "Where four million people disported themselves, the wild wolves roam to-day, and the savage progeny of our loins, with prehistoric weapons, defend themselves against the fanged despoilers. Think of it! And all because of the Scarlet Death—"</p>
<p>The adjective had caught Hare-Lip's ear.</p>
<p>"He's always saying that," he said to Edwin. "What is scarlet?"</p>
<p>"'The scarlet of the maples can shake me like the cry of bugles going by,'" the old man quoted.</p>
<p>"It's red," Edwin answered the question. "And you don't know it because you come from the Chauffeur Tribe. They never did know nothing, none of them. Scarlet is red—I know that."</p>
<p>"Red is red, ain't it?" Hare-Lip grumbled. "Then what's the good of gettin' cocky and calling it scarlet?"</p>
<p>"Granser, what for do you always say so much what nobody knows?" he asked. "Scarlet ain't anything, but red is red. Why don't you say red, then?"</p>
<p>"Red is not the right word," was the reply. "The plague was scarlet. The whole face and body turned scarlet in an hour's time. Don't I know? Didn't I see enough of it? And I am telling you it was scarlet because—well, because it was scarlet. There is no other word for it."</p>
<p>"Red is good enough for me," Hare-Lip muttered obstinately. "My dad calls red red, and he ought to know. He says everybody died of the Red Death."</p>
<p>Placeholder text by <a href="http://www.fillerati.com/">Fillerati</a>. Photography by <a href="https://unsplash.com">UNSPLASH</a>.</p>
================================================
FILE: _posts/2016-03-25-Alice-in-Wonderland.markdown
================================================
---
layout: post
title: "Alice in Wonderland"
subtitle: "Lewis Carroll"
active: journal
image:
feature: "pc001.jpg"
date: 2016-03-25
header-img: "img/postcover/pc001.jpg"
tags: [tag01, tag02]
categories: [cat01, cat02]
comments: false
---
The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well.
Either the well was very deep, or she fell very slowly, for she had plenty of time as she went down to look about her and to wonder what was going to happen next. First, she tried to look down and make out what she was coming to, but it was too dark to see anything; then she looked at the sides of the well, and noticed that they were filled with cupboards and book-shelves; here and there she saw maps and pictures hung upon pegs. She took down a jar from one of the shelves as she passed; it was labelled 'ORANGE MARMALADE', but to her great disappointment it was empty: she did not like to drop the jar for fear of killing somebody, so managed to put it into one of the cupboards as she fell past it.
'Well!' thought Alice to herself, 'after such a fall as this, I shall think nothing of tumbling down stairs! How brave they'll all think me at home! Why, I wouldn't say anything about it, even if I fell off the top of the house!' (Which was very likely true.)
Down, down, down. Would the fall NEVER come to an end! 'I wonder how many miles I've fallen by this time?' she said aloud. 'I must be getting somewhere near the centre of the earth. Let me see: that would be four thousand miles down, I think—' (for, you see, Alice had learnt several things of this sort in her lessons in the schoolroom, and though this was not a VERY good opportunity for showing off her knowledge, as there was no one to listen to her, still it was good practice to say it over) '—yes, that's about the right distance—but then I wonder what Latitude or Longitude I've got to?' (Alice had no idea what Latitude was, or Longitude either, but thought they were nice grand words to say.)
Presently she began again. 'I wonder if I shall fall right THROUGH the earth! How funny it'll seem to come out among the people that walk with their heads downward! The Antipathies, I think—' (she was rather glad there WAS no one listening, this time, as it didn't sound at all the right word) '—but I shall have to ask them what the name of the country is, you know. Please, Ma'am, is this New Zealand or Australia?' (and she tried to curtsey as she spoke—fancy CURTSEYING as you're falling through the air! Do you think you could manage it?) 'And what an ignorant little girl she'll think me for asking! No, it'll never do to ask: perhaps I shall see it written up somewhere.'
Down, down, down. There was nothing else to do, so Alice soon began talking again. 'Dinah'll miss me very much to-night, I should think!' (Dinah was the cat.) 'I hope they'll remember her saucer of milk at tea-time. Dinah my dear! I wish you were down here with me! There are no mice in the air, I'm afraid, but you might catch a bat, and that's very like a mouse, you know. But do cats eat bats, I wonder?' And here Alice began to get rather sleepy, and went on saying to herself, in a dreamy sort of way, 'Do cats eat bats? Do cats eat bats?' and sometimes, 'Do bats eat cats?' for, you see, as she couldn't answer either question, it didn't much matter which way she put it. She felt that she was dozing off, and had just begun to dream that she was walking hand in hand with Dinah, and saying to her very earnestly, 'Now, Dinah, tell me the truth: did you ever eat a bat?' when suddenly, thump! thump! down she came upon a heap of sticks and dry leaves, and the fall was over.
<p>Alice was not a bit hurt, and she jumped up on to her feet in a moment: she looked up, but it was all dark overhead; before her was another long passage, and the White Rabbit was still in sight, hurrying down it. There was not a moment to be lost: away went Alice like the wind, and was just in time to hear it say, as it turned a corner, 'Oh my ears and whiskers, how late it's getting!' She was close behind it when she turned the corner, but the Rabbit was no longer to be seen: she found herself in a long, low hall, which was lit up by a row of lamps hanging from the roof.</p>
<p>There were doors all round the hall, but they were all locked; and when Alice had been all the way down one side and up the other, trying every door, she walked sadly down the middle, wondering how she was ever to get out again.</p>
<p>Placeholder text by <a href="http://www.fillerati.com/">Fillerati</a>. Photography by <a href="https://unsplash.com">UNSPLASH</a>.</p>
================================================
FILE: _posts/2016-07-01-images-size-for-better-performance.markdown
================================================
---
layout: "post"
title: "BLOG IMAGE PERFORMANCE IS NECESSARY"
subtitle: "Image format and what Is the Ideal File Size for an Image?"
active: "journal"
image:
feature: "pc008.jpg"
date: "2016-02-01"
header-img: "img/postcover/pc008.jpg"
comments: "true"
---
<p>I would like to thank <a href="http://designyourownblog.com/about-dyob/">Marianne</a>, owner of <a href="http://designyourownblog.com/">DESIGN YOUR OWN BLOG</a> who gave me permission to link to her post where she is talking about blog image performance.</p>
> Is blog image performance necessary?
>
> Consider this:
>
> Your users don’t want to wait more than 3 seconds for your page to load.
>
> Google pays attention to your website speed and ranks it accordingly.
>
> So I’d say yes, it’s very necessary.
>
> – Marianne
<p>If you care about your readers <a href="http://designyourownblog.com/blog-image-performance/">this</a> post is a <b>MUST READ</b>.</p>
> There are 3 steps (4 for JPEGs) we should take to optimize our images:
>
> Always resize the image to the largest size it will appear.
>
> Further reduce JPEG file size with these tricks.
>
> Reduce quality on save.
>
> Run it through a lossless image compression tool.
>
> – Marianne
<p>This Jekyll template was crafted in order to be used by photobloggers. If the photos you upload are not optimized, the page loading time will increase significantly! </p>
> DO NOT upload an image at its full size, such as 2500 x 3500, and then resize it in the settings after you’ve uploaded it to your blog!
>
> – Marianne
<p> So, dig in her informative post and learn how you can have a fast loading photography website!</p>
<a href="http://designyourownblog.com/blog-image-performance/"><b>"THE BIGGEST MISTAKE YOU’RE PROBABLY MAKING WITH YOUR BLOG IMAGES + CHEAT SHEET"</b></a>
Thank you Marianne! :)
<br>
<br>
<a href="http://designyourownblog.com/wp-content/uploads/2015/10/biggest-blog-mistake-image-performance-2.jpg">Featured Image Source</a>
================================================
FILE: about/index.html
================================================
---
layout: page
title: "About"
description: "Statement"
active: about
header-img: "img/about-bg.jpg"
---
<h1>CREDITS</h1>
<br>
<br>
<h4>The posts were written and exported as markdown ready for publication with <a href="http://dillinger.io/">Dillinger</a>, a useful online editor.</h4>
<br>
<h4>All the commits were performed with the help of <a href="https://www.sourcetreeapp.com/">Source Tree</a> app.</h4>
<br>
<h4>The photos are organised in galleries with <a href="https://github.com/metafizzy/isotope">ISOTOPE</a>.</h4>
<br>
<h4>The search overlay function code lies in <a href="https://github.com/chinchang/super-search">SUPER SEARCH</a>.</h4>
<br>
<h6><p>Image Source: <a href="https://unsplash.com/photos/Dwheufds6kQ/">Unsplash</a></p></h6>
================================================
FILE: bower.json
================================================
{
"name": "photorama",
"description": "Photo Journal",
"main": "index.html",
"moduleType": [],
"authors": [
"Anna Prigkipaki"
],
"license": "Apache-2.0",
"homepage": "",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
]
}
================================================
FILE: css/WYSIWYG.css
================================================
/* WYSIWYG TEXT STYLES
--------------------------------------------------------- */
html { font-family: 'Josefin Sans', sans-serif; font-size: 62.5%; }
body { font-family: 'Josefin Sans', sans-serif; font-size: 1.8em; font-weight: 400; }
/* CONTENT */
body #content { position: relative; }
body #content > .wrapper { padding: 3em 4.5% 0; }
/* Layouts */
body.fullscreen { max-height: 100%; overflow-y: hidden; overflow-x: hidden; background: #000; }
body.fullscreen #content { height: 100vh; overflow: hidden; }
body.fullscreen #content > .wrapper { padding: 0; }
/* Text on Dark Background (over images) */
body.fullscreen ul.social-icons, body.fullscreen #footer p { vertical-align: bottom; padding-bottom: 0; line-height: 1.1; }
body.fullscreen ul.social-icons li a { color: white; }
body.fullscreen .position-absolute { color: #dddddd; bottom: 0; left: 0; width: 100%; padding: 0 4.5%; /*-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/ -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
/*galleries adapted*/
.masonry-gallery .gallery-item { width: 47.5% !important; }
.fullscreen-gallery.kenburns-gallery canvas { position: relative; }
.fullscreen-gallery .gallery-caption .entry-summary { padding-bottom: 1.5em; }
.vertical-gallery.gallery { height: 400px; margin-top: 2em; }
.vertical-gallery .gallery-icon { width: 90%; }
.vertical-gallery .gallery-caption { width: 90%; position: absolute; bottom: 0; }
.vertical-gallery .gallery-icon img { bottom: auto; top: 0; }
.vertical-gallery .gallery-caption h3 { font-size: 1.4em; }
h1 { font-weight: normal; font-size: 1.7em; margin: 0 0 .5em 0; line-height: 1.4; }
h2 { font-weight: normal; font-size: 1.5em; margin: 0 0 .7em 0; line-height: 1.2; letter-spacing: .01em; }
h3 { font-weight: normal; font-size: 1.25em; margin: 0 0 .5em 0; line-height: 1.4; }
h4 { font-weight: normal; font-size: 1.15em; margin: 0 0 .5em 0; line-height: 1.4; }
h5 { font-weight: bold; font-size: 1em; margin: 0 0 .5em 0; line-height: 1.4; }
h6 { font-weight: bold; font-size: .8em; margin: 0 0 .5em 0; line-height: 1.4; }
p { padding: 0 0 1.5em 0; line-height: 1.6; }
ul, ol { padding: 0; line-height: 1.6; list-style: disc; }
ol { list-style: decimal; }
strong, input, button, .button { font-weight: bold; }
nav ul { list-style: none; }
em { font-style: italic; }
a { color: #EA8E00; text-decoration: none;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
a:hover { text-decoration: none; color: #222; }
img { border: 0; margin-top: 5px; margin-bottom: 2em; max-width: 100%; height: auto; }
p img, h2 img { vertical-align: middle; }
ul ul, ol ol { padding-bottom: 0; }
ul.aligncenter, .aligncenter ul, ol.aligncenter, .aligncenter ol { list-style-position: inside; padding-left: 0; }
.clear { clear: both; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { text-align: center; margin-left: auto; margin-right: auto; }
.justify { text-align: justify; }
.justifyleft { text-align: left; }
.justifyright { text-align: right; }
.hidden { display: none; }
.big, big { font-size: 1.15em; line-height: 1.5; font-weight: 300; }
h2.big { font-size: 240%; letter-spacing: .1em; }
.extrabig { font-size: 1.9em; line-height: 1.3; }
.small, small { font-size: .85em; line-height: 1.5; }
.extrasmall { font-size: .6em; }
h6 .small, h6 .big, .small h6, .big h6 { line-height: 1; }
.big i { font-size: 1.4em; font-weight: normal; }
.extrabig i { font-size: 1.6em; font-weight: normal; }
.serif { font-family: Times, serif; opacity: .8; font-size: 94%; }
.smaller-width { width: 70%; }
.smaller-padding { padding-bottom: 8px; }
.smaller-margin { margin-bottom: 8px; }
.no-padding { padding-bottom: 0; }
.no-margin { margin-bottom: 0; }
.side-padding { padding-left: 10%; padding-right: 10%; }
.position-absolute { position: absolute; }
.bring-up { position: relative; top: -1.8em; }
hr.divider { background: none; border: 0; padding: 1.5em 0; margin: 0; clear: both; }
.image-with-caption { width: 100%; position: relative; background: #222; margin: 0 0 1em 0; }
.image-with-caption img { width: 100%; height: auto; margin: 0 0 -5px 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.image-with-caption figcaption { position: absolute; width: 100%; padding: 1em 2em; bottom: 2em; color: #F7F6F5; font-size: 90%; opacity: 0; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; }
.image-with-caption:hover figcaption { opacity: 1; bottom: 0; }
.image-with-caption:hover img { opacity: .3; }
.image-with-caption p:first-of-type { font-family: Times, serif; font-style: italic; font-size: .9em; opacity: .8; }
img.alignleft { margin: 5px 20px 20px 0; }
img.alignright { margin: 5px 0 20px 20px; }
p.alignleft, div.alignleft { margin-right: 20px; }
p.alignright, div.alignright { margin-left: 20px; }
img.alignnone.size-full { max-width: 110% !important; width: 110%; margin-left: -1.2em; }
table { width: 100%; margin: 0 0 25px 0; border-collapse: collapse; border: 1px solid rgba(0,0,0,0.15); clear: both; }
table th { background: rgba(0,0,0,.05); text-align: center; padding: 15px; font-size: 1.1em; }
table td { text-align: center; padding: 1em; vertical-align: middle; border-top: 1px solid rgba(0,0,0,0.05); font-size: .95em; }
table tr:nth-child(odd) td { }
table tr:nth-child(even) td { }
table p { padding: 0; }
table sup { vertical-align: text-top; font-size: .55em; display: inline-block; margin: 2px 5px 0 -10px; }
table p.table-top { display: inline-block; background: #EA8E00; color: #F7F6F5; text-transform: uppercase; padding: 7px 1em 5px 1em; font-size: .6em; line-height: 1; position: relative; top: -16px; margin-bottom: 1em; font-weight: bold; letter-spacing: .05em; }
ul.arrows, ul.ticks { padding-left: 2em; }
ul.arrows li, ul.ticks li { list-style: none; position: relative; }
ul.arrows li::before, ul.ticks li::before { position: absolute; left: -1.5em; font-size: 1.1em; font-weight: normal; }
ul.arrows li::before { content: '→'; }
ul.ticks li::before { content: '✔';}
.circle-image { display: inline-block; margin: 0 .8em 0 3px; vertical-align: top; float: left; }
.circle-image img, img.circle-image { width: 80px; height: 80px; border-radius: 40px; margin: -.5em .5em 2em 0; }
.icons-showoff::after { content: ""; display: block; clear: both; }
.icons-showoff p { display: inline-block; text-align: center; width: 100px; font-size: .8em; }
.icons-showoff i { font-size: 2em; display: block; }
/* FOOTER
_____________________________________ */
body.fullscreen #footer {
position: absolute;
display: block;
bottom: 0;
padding-bottom: 3.5em;
right: 0;
z-index: 3;
color: white;
text-align: right;
padding: 2em 4.5% 0;
}
#footer { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
ul.soc-icons { list-style: none; display: inline-block; vertical-align: top; padding: 0 0 1.5em .5em; line-height: 1.1; position: relative; z-index: 99; }
ul.soc-icons::after { content: ""; display: block; clear: both; }
ul.soc-icons li { display: inline-block; padding: 0 0 0 1em; font-size: 1.5em; }
ul.soc-icons li a { text-decoration: none !important;}
ul.soc-icons li a:hover i { color: #000;
-moz-animation: spinHorizontal .5s linear;
-o-animation: spinHorizontal .5s linear;
-webkit-animation: spinHorizontal .5s linear;
animation: spinHorizontal .5s linear; }
@-webkit-keyframes spinHorizontal { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(-360deg); } }
@-mox-keyframes spinHorizontal { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(-360deg); } }
@-o-keyframes spinHorizontal { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(-360deg); } }
@keyframes spinHorizontal { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(-360deg); } }
================================================
FILE: css/galleries.css
================================================
/* Galleries */
.gallery { clear: both; width: 100%; margin: 0 0 2em 0; }
.gallery::after { content:""; display: block; clear: both; }
.gallery-item { position: relative; display: block; width: auto; }
.gallery-icon { position: relative; z-index: 9; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }
.gallery-icon a { display: block; width: 100%; height: 100%; position: relative; z-index: 9; }
.gallery-icon img { max-width: 100%; height: auto; margin: 0px; }
.gallery-caption { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; z-index: 10; pointer-events: none; }
.gallery-caption .entry-summary { display: inline-block; position: absolute; width: 100%; bottom: 0; color: #F7F6F5; opacity: 0;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.gallery-item:hover .gallery-caption .entry-summary { opacity: 1; }
.gallery-caption h3, .gallery-caption p { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; padding: 0; margin: 0; }
.gallery-item:hover .gallery-caption h3, .gallery-item:hover .gallery-caption p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.gallery-caption h3 { font-weight: bold; text-transform: uppercase; font-size: .9em; letter-spacing: 0.05em; }
.gallery-caption .entry-summary > p { font-family: Times, serif; font-style: italic; font-size: .8em; opacity: .8; }
#gallery-filter { display: block; position: relative; top: 12px; }
#gallery-filter ul { list-style: none; padding: 0; margin: 0 0 .3em 0; font-size: .8em; letter-spacing: 0.05em; }
#gallery-filter ul li { display: inline-block; vertical-align: bottom; margin: 0 2em 2em 0; }
#gallery-filter ul li a { display: block; color: #222; position: relative; }
#gallery-filter ul li a:hover { }
#gallery-filter ul li a.active { }
#gallery-filter ul li a::after { content: ""; display: block; border-bottom: 2px solid #EA8E00; width: 0; position: absolute; bottom: 0; left: 0; right: 0;
-webkit-transform: scale(0,1); transform: scale(0,1);
-webkit-transform-origin: 50% 0; transform-origin: 50% 0;
-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
#gallery-filter ul li a.active::after { width: 100%; -webkit-transform: scale(1); transform: scale(1); }
#gallery-filter ul li a:hover::after { width: 100%; -webkit-transform: scale(1); transform: scale(1); }
#grid-changer { display: inline-block; float: right; margin-top: -2.6em; z-index: 12; }
#grid-changer ul { display: inline-block; list-style: none; padding: 0; margin: 0 0 .3em 0; font-size: .8em; letter-spacing: 0.05em; }
#grid-changer ul li { display: inline-block; vertical-align: top; margin: -.3em 0 0 .2em; }
#grid-changer ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #ccc; position: relative; border: 2px solid #999;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
#grid-changer ul li a.active, #grid-changer ul li a.active:hover { border-color: #222; color: #222; }
#grid-changer ul li a:hover { border-color: #EA8E00; color: #EA8E00; }
#grid-changer svg { fill: #222; }
.masonry-gallery.gallery { z-index: 0; width: 102.2%; margin: 0 0 1em 0; }
.masonry-gallery .gallery-item { margin: 0 2% 1.3em 0; background: transparent; width: 31.3%; }
.masonry-gallery .gallery-item.col-2 { width: 48%; }
.masonry-gallery .gallery-item.col-3 { width: 31.3%; }
.masonry-gallery .gallery-item.col-4 { width: 23%; }
.masonry-gallery .gallery-item.col-5 { width: 18%; }
.masonry-gallery .gallery-item.col-6 { width: 14.66%; }
.masonry-gallery .gallery-item.col-7 { width: 12.28%; }
.masonry-gallery .gallery-item.col-8 { width: 10.5%; }
.masonry-gallery .gallery-item:hover .gallery-icon { opacity: 1; }
.masonry-gallery .gallery-icon { text-align: center; }
.masonry-gallery .gallery-caption .entry-summary { text-align: center; bottom: 0; padding: 1em; font-size: .8em; color: #F7F6F5; }
.masonry-gallery .gallery-item.col-5 .gallery-caption { font-size: .85em; }
.masonry-gallery .gallery-caption h3 { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); margin-bottom: .5em; }
.masonry-gallery .gallery-caption p { -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); padding-bottom: 1em; }
.fullscreen-gallery.gallery { height: 100vh !important; margin: 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.fullscreen-gallery .gallery-caption { position: absolute; bottom: 0; left: 0; z-index: 99; pointer-events: auto; }
.fullscreen-gallery .gallery-caption .entry-summary { width: 100%; bottom: 0; padding: 2.5em 4.5%; opacity: 1; }
.fullscreen-gallery .gallery-item { height: 100%; width: 100%; }
.fullscreen-gallery .gallery-icon { height: 100%; width: 100%; }
.fullscreen-gallery .gallery-video { height: 100%; width: 100%; background-size: cover; }
.fullscreen-gallery .gallery-video video { height: 100%; width: 100%; display: inline-block; vertical-align: baseline; }
.fullscreen-gallery .gallery-icon img { min-width: 100%; min-height: 100%; }
.fullscreen-gallery .gallery-caption h3 { font-size: 1.15em; margin-bottom: .3em; text-transform: none; }
.fullscreen-gallery.kenburns-gallery .gallery-icon { display: none; }
.fullscreen-gallery.kenburns-gallery canvas { z-index: -1; position: absolute; left: 0; top: 0; }
iframe#okplayer { min-width: 100%; min-height: 100%; }
#gallerynav { display: inline-block; padding: 0 1em; }
#gallerynav a { color: #F7F6F5; padding: .3em; font-size: 1.5em; font-weight: bold; }
#gallerynav a svg { fill: #F7F6F5; vertical-align: bottom; }
#gallerynav a.thumbs { padding: 0 1.5em 0 0; }
#gallerynav a:hover, #gallerynav a.active { color: #EA8E00; }
#gallerynav a:hover svg { fill: #EA8E00; }
#gallerynav a.pause { font-size: .7em; padding-left: .9em; position: relative; top: -3px; font-weight: normal; }
#gallerythumbs { position: fixed; width: 100%; height: 120px; text-align: left; left: 0; bottom: -24px;/*hide scroll track*/ z-index: 888; white-space: nowrap; padding: 0 !important; overflow: hidden; overflow-x: scroll; background: #222;
-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
-webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; }
#gallerythumbs.reveal { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#gallerythumbs li { display: inline-block; height: 120px; width: auto; margin: 0; list-style: none; vertical-align: bottom;
opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; }
#gallerythumbs:hover li { opacity: .5; }
#gallerythumbs:hover li:hover { opacity: 1; }
#gallerythumbs li img { width: auto; height: 100%; margin: 0; }
body.gallerythumbsrevealed #footer { -webkit-transform: translate3d(0,-64px,0); transform: translate3d(0,-64px,0); }
body.gallerythumbsrevealed .gallery { -webkit-transform: translate3d(0,-64px,0); transform: translate3d(0,-64px,0); }
body.gallerythumbsrevealed .position-absolute { -webkit-transform: translate3d(0,-64px,0); transform: translate3d(0,-64px,0); }
.horizontal-gallery.gallery { height: 50vh; white-space: nowrap; overflow-x: auto; overflow-y: hidden; width: 109%; margin: 0 0 1.5em -4.5%; }
.horizontal-gallery .gallery-item { display: inline-block; vertical-align: top; height: 100%; width: auto; margin: 0 .2em 0 0; }
.horizontal-gallery .gallery-item:last-child { margin-right: 0; }
.horizontal-gallery .gallery-icon { display: block; width: 100%; height: 100%; }
.horizontal-gallery .gallery-icon img { height: 98%; width: auto; max-width: 9999px; }
.horizontal-gallery .gallery-caption { white-space: normal; font-size: .85em; padding: 2em; }
.horizontal-gallery .gallery-caption h3 { margin-bottom: .3em; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
.horizontal-gallery .gallery-caption p { -webkit-transform: translate3d(0,0,0); transform: translate3d(-5px,0,0); padding-bottom: 2em; }
.vertical-gallery.gallery { height: 62vh; margin-bottom: 1em; margin-top: -4em; }
.vertical-gallery .gallery-item { height: 100%; width: 100%; clear: both; }
.vertical-gallery .gallery-icon { display: inline-block; width: 50%; height: 100%; float: right; }
.vertical-gallery .gallery-icon img { width: auto; max-height: 100%; max-width: 100%; float: right; position: absolute; bottom: 0; right: 0; }
.vertical-gallery .gallery-caption { position: relative; display: inline-block; width: 45%; height: 100%; float: left; opacity: 0; }
.vertical-gallery .gallery-caption .entry-summary { color: #222; opacity: 1; bottom: 10%; padding: 0 0 0 5em; text-align: left; }
.vertical-gallery .gallery-caption h3 { font-size: 2em; line-height: 1.1; margin-bottom: .5em; }
#gallerypuntiks { width: 18px; position: absolute; bottom: 0; z-index: 90; }
#gallerypuntiks a { display: inline-block; width: 10px; height: 10px; border: 2px solid #999; border-radius: 5px; font-size: 0; margin: .5em; clear: both; background: #F7F6F5; padding: .5em; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
#gallerypuntiks a:hover { border-color: #EA8E00; }
#gallerypuntiks a.activeSlide { border-color: #222; }
.before-after { max-width: 100%; clear: both; float: left; margin: 0 2em 1em 0; }
.before-after .gallery-icon a::after { display: none; }
.gallery.no-margin { margin-bottom: 0 !important; }
/* Popup image */
body.mfp-zoom-out-cur #header, body.mfp-zoom-out-cur #content, body.mfp-zoom-out-cur #sidebar { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }
.mfp-bg { background: #F7F6F5; opacity: 0.7; }
.mfp-figure:after { box-shadow: none; border: 8px solid rgba(255,255,255,0.8); }
img.mfp-img { padding: 0; }
.mfp-counter { color: #F7F6F5; background: #222; padding: 0.5em 1em; margin-right: -2em;
-webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
-moz-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
-o-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
-ms-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); }
.mfp-container button { box-shadow: none; background: none; }
.mfp-container button.mfp-arrow-right { background: transparent url("../img/right-arrow.svg") no-repeat center center; }
.mfp-container button.mfp-arrow-right::before, .mfp-container button.mfp-arrow-right::after { display: none; }
.mfp-container button.mfp-arrow-left { background: transparent url("../img/left-arrow.svg") no-repeat center center; }
.mfp-container button.mfp-arrow-left::before, .mfp-container button.mfp-arrow-left::after { display: none; }
/*galleries adapted*/
.masonry-gallery .gallery-item { width: 30% !important; }
@media screen and (max-height: 480px) {
/*header smaller space*/
#header { padding-top: 2em; }
/*galleries adapted*/
.fullscreen-gallery .gallery-caption .entry-summary { padding-bottom: 2em; }
.masonry-gallery .gallery-item {width: 98% !important;}
}
@media screen and (max-width: 640px) and (orientation: portrait) {
/*galleries adapted*/
.fullscreen-gallery .gallery-caption .entry-summary { padding-bottom: 5em; }
.masonry-gallery .gallery-item { width: 98% !important; }
================================================
FILE: css/journal.css
================================================
.section--postsWrapper
{
width: 100%;
background: #000;
padding-top: 20px;
position: relative;
clear: both;
}
.blockGroup
{
margin: 0;
padding: 0;
}
.blockGroup-list {
list-style: none;
padding: 0;
margin-top: 0rem;
margin-left: -25px;
margin-right: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
clear: both;
}
.blockGroup-list li
{
padding: 0 10px;
}
.blockGroup-list .block {
display: block;
width: 100%;
margin-bottom: 1.5rem;
font-family: "Roboto", sans-serif;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
@media (max-width: 767px)
{
.blockGroup-list .block
{
width: 100%;
}
}
.blockGroup-list li:nth-child(1).block
{
width: 100%;
}
.blockGroup-list li:nth-child(1).block .postArticle-image
{
padding-top: 30%;
position: center;
}
@media (max-width: 767px)
{
.blockGroup-list li:nth-child(1).block .postArticle-image
{
padding-top: 50%;
}
}
.blockGroup-list li:nth-child(1).block .postArticle-title
{
color: #fff;
font-size: 1rem;
}
.blockGroup-list li:nth-child(2).block,
.blockGroup-list li:nth-child(3).block
{
width: 100%;
}
.blockGroup-list li:nth-child(2).block .postArticle-image
{
padding-top: 25%;
background-size: 50%;
background-position: left;
}
.blockGroup-list li:nth-child(3).block .postArticle-image
{
padding-top: 25%;
background-size: 50%;
background-position: right;
}
.blockGroup-list li:nth-child(2).block .postArticle-title,
.blockGroup-list li:nth-child(3).block .postArticle-title
{
font-size: 1rem;
}
@media (max-width: 767px)
{
.blockGroup-list li:nth-child(2).block,
.blockGroup-list li:nth-child(3).block
{
width: 100%;
}
}
.blockGroup-list li .postArticle-title
{
color: #fff;
font-size: 0.75rem;
line-height: 1.5;
}
.blockGroup-list .postArticle-wrapper
{
position: relative;
background: #000;
width: 100%;
-webkit-box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0);
box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0);
}
.blockGroup-list .postArticle-wrapper:hover
{
-webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0.4, 0.4, 0.4, 1);
transition: box-shadow 0.2s cubic-bezier(0.4, 0.4, 0.4, 0.4, 1);
-webkit-box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0.8);
box-shadow: 4px 4px 24px 4px rgba(255, 255, 255, 0.8);
}
.blockGroup-list .postArticle a
{
display: block;
color: #fff;
margin-top: 0.75rem;
font-weight: 300;
text-align: center;
}
.blockGroup-list li:nth-child(2).block .postArticle-title
{
display: block;
color: #fff;
margin-top: 0.75rem;
text-align: left;
font-weight: 300;
}
.blockGroup-list li:nth-child(3).block .postArticle-title
{
display: block;
color: #fff;
margin-top: 0.75rem;
font-weight: 300;
text-align: right;
}
.blockGroup-list .postArticle-image {
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
padding-top: 100%;
-webkit-transition-property: all, left, top, width;
-webkit-transition-duration: .5s, .1s, .1s, .1s;
-webkit-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
-webkit-transition-delay: 0;
-moz-transition-property: all, left, top, width;
-moz-transition-duration: .5s, .1s, .1s, .1s;
-moz-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
-moz-transition-delay: 0;
-ms-transition-property: all, left, top, width;
-ms-transition-duration: .5s, .1s, .1s, .1s;
-ms-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
-ms-transition-delay: 0;
-o-transition-property: all, left, top, width;
-o-transition-duration: .5s, .1s, .1s, .1s;
-o-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
-o-transition-delay: 0;
-webkit-transition-property: all, left, top, width;
transition-property: all, left, top, width;
-webkit-transition-duration: .5s, .1s, .1s, .1s;
transition-duration: .5s, .1s, .1s, .1s;
-webkit-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
}
@media (max-width: 767px)
{
.blockGroup-list .postArticle-image
{
padding-top: 50%;
}
}
.blockGroup-list li:nth-child(2).block .block-postMeta
{
display: block;
color: #fff;
font-size: 15px;
text-transform: uppercase;
text-align: left;
}
.blockGroup-list li:nth-child(3).block .block-postMeta
{
display: block;
bottom: 0;
padding-bottom: 10px;
color: #fff;
font-size: 15px;
text-transform: uppercase;
text-align: right;
}
.blockGroup-list .postArticle-title,
.blockGroup-list .block-postMeta
{
color: #fff;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
================================================
FILE: css/magnificpopup.css
================================================
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
cursor: pointer;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
================================================
FILE: css/main.css
================================================
body {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 20px;
color: #eee;
background-color: #000;
}
p {
line-height: 1.5;
margin: 30px 0;
}
p a {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 800;
}
a {
color: #760824;
transition: color .4s;
text-decorarion: none;
}
a:hover,
a:focus {
color: #fff;
transition: color .3s;
outline: none;
text-shadow:none;
}
a img:hover,
a img:focus {
cursor: zoom-in;
outline: none;
}
blockquote {
color: #808080;
font-style: italic;
}
hr.small {
max-width: 100px;
margin: 15px auto;
border-width: 4px;
border-color: white;
}
.navbar-custom {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.navbar-custom .navbar-brand {
font-weight: 800;
}
.navbar-custom .nav li a {
color: white;
text-transform: uppercase;
font-size: 12px;
font-weight: 800;
letter-spacing: 1px;
}
@media only screen and (min-width: 768px) {
.navbar-custom {
background: transparent;
border-bottom: 1px solid transparent;
}
.navbar-custom .navbar-brand {
color: white;
padding: 20px;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
color: #0085a1;
}
.navbar-custom .nav li a {
color: white;
padding: 20px;
}
.navbar-custom .nav li a:hover{
color: #0085a1;
}
}
@media only screen and (min-width: 1170px) {
.navbar-custom {
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.navbar-custom.is-fixed {
/* when the user scrolls down, we hide the header right above the viewport */
position: fixed;
top: -61px;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.navbar-custom.is-fixed .navbar-brand {
color: #ffffff;
}
.navbar-custom.is-fixed .navbar-brand:hover {
color: #0085a1;
}
.navbar-custom.is-fixed .nav li a:hover {
color: #0085a1;
}
.navbar-custom.is-fixed .nav li a:active{
color: #6ec54d;
}
.navbar-custom.is-visible {
/* if the user changes the scrolling direction, we show the header */
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.intro-header {
background: no-repeat center center;
background-color: #808080;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
margin-bottom: 50px;
}
.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading {
padding: 100px 0 50px;
color: white;
}
@media only screen and (min-width: 768px) {
.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading {
padding: 150px 0;
}
}
.intro-header .site-heading,
.intro-header .page-heading {
text-align: center;
}
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
margin-top: 0;
font-size: 50px;
text-shadow: 1px 1px 4px #000;
}
.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading {
font-size: 24px;
line-height: 1.1;
display: block;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
margin: 10px 0 0;
text-shadow: 1px 1px 4px #000;
}
@media only screen and (min-width: 768px) {
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
font-size: 80px;
text-shadow: 1px 1px 4px #000;
}
}
.intro-header .post-heading h1 {
font-size: 35px;
}
.intro-header .post-heading .subheading,
.intro-header .post-heading .meta {
line-height: 1.1;
display: block;
}
.intro-header .post-heading .subheading {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 24px;
margin: 10px 0 30px;
font-weight: 600;
text-shadow: 1px 1px 4px #000;
}
.intro-header .post-heading .meta {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: italic;
text-shadow: 1px 1px 4px #000;
font-size: 20px;
}
.intro-header .post-heading .meta a {
color: white;
}
@media only screen and (min-width: 768px) {
.intro-header .post-heading h1 {
font-size: 55px;
}
.intro-header .post-heading .subheading {
font-size: 30px;
text-shadow: 1px 1px 4px #000;
}
}
.post-preview > a {
color: #f5f5f5;
}
.post-preview > a:hover,
.post-preview > a:focus {
text-decoration: none;
color: #0085a1;
}
.post-preview > a > .post-title {
font-size: 30px;
margin-top: 30px;
margin-bottom: 10px;
}
.post-preview > a > .post-subtitle {
margin: 0;
font-weight: 300;
margin-bottom: 10px;
}
.post-preview > .post-meta {
color: #808080;
font-size: 18px;
font-style: italic;
margin-top: 0;
}
.post-preview > .post-meta > a {
text-decoration: none;
color: #404040;
}
.post-preview > .post-meta > a:hover,
.post-preview > .post-meta > a:focus {
color: #0085a1;
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.post-preview > a > .post-title {
font-size: 36px;
}
}
.section-heading {
font-size: 36px;
margin-top: 60px;
font-weight: 700;
}
.caption {
text-align: center;
font-size: 14px;
padding: 10px;
font-style: italic;
margin: 0;
display: block;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
footer {
margin: -30px 0 0px;
}
footer .list-inline {
margin: 0;
padding: 0;
}
footer .copyright {
font-size: 14px;
text-align: center;
margin-bottom: 0;
}
.floating-label-form-group {
font-size: 14px;
position: relative;
margin-bottom: 0;
padding-bottom: 0.5em;
border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
z-index: 1;
position: relative;
padding-right: 0;
padding-left: 0;
border: none;
border-radius: 0;
font-size: 1.5em;
background: none;
box-shadow: none !important;
resize: none;
}
.floating-label-form-group label {
display: block;
z-index: 0;
position: relative;
top: 2em;
margin: 0;
font-size: 0.85em;
line-height: 1.764705882em;
vertical-align: middle;
vertical-align: baseline;
opacity: 0;
-webkit-transition: top 0.3s ease,opacity 0.3s ease;
-moz-transition: top 0.3s ease,opacity 0.3s ease;
-ms-transition: top 0.3s ease,opacity 0.3s ease;
transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group::not(:first-child) {
padding-left: 14px;
border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
top: 0;
opacity: 1;
}
.floating-label-form-group-with-focus label {
color: #0085a1;
}
form .row:first-child .floating-label-form-group {
border-top: 1px solid #eeeeee;
}
.btn {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
letter-spacing: 1px;
border-radius: 0;
padding: 15px 25px;
}
.btn-lg {
font-size: 16px;
padding: 25px 35px;
}
.btn-default:hover,
.btn-default:focus {
background-color: #0085a1;
border: 1px solid #0085a1;
color: white;
}
.pager {
margin: 20px 0 0;
}
.pager li > a,
.pager li > span {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
letter-spacing: 1px;
padding: 10px 5px;
background-color: black;
}
@media only screen and (min-width: 768px) {
.pager li > a,
.pager li > span {
font-size: 14px;
padding: 15px 25px;
}
}
.pager li > a:hover,
.pager li > a:focus {
color: white;
background-color: black;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #808080;
background-color: #404040;
cursor: not-allowed;
}
::-moz-selection {
color: white;
text-shadow: none;
background: #0085a1;
}
::selection {
color: white;
text-shadow: none;
background: #0085a1;
}
img::selection {
color: white;
background: transparent;
}
img::-moz-selection {
color: white;
background: transparent;
}
body {
webkit-tap-highlight-color: #0085a1;
}
.fa-stack-2x {
color: black;
}
================================================
FILE: css/selena.css
================================================
/*-----------------*/
/***** Selena *****/
/*-----------------*/
figure.effect-selena {
background: #530720;
}
figure.effect-selena img {
cursor: default;
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-selena:hover img {
-webkit-transform: scale3d(0.95,0.95,1);
transform: scale3d(0.95,0.95,1);
}
figure.effect-selena h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-selena p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
transform: perspective(1000px) rotate3d(1,0,0,90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
figure.effect-selena:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-selena:hover p {
opacity: 1;
-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
transform: perspective(1000px) rotate3d(1,0,0,0);
}
================================================
FILE: css/super-search.css
================================================
/* super-search
Author: Kushagra Gour (http://kushagragour.in)
MIT Licensed
*/
.super-search-btn {
color: #fff;
transition: color .4s;
text-shadow: 2px 2px #000;
}
.super-search-btn:hover {
color: #6ec54d;
transition: color .3s;
text-shadow: none;
}
.super-search {
position: fixed;
background-color: rgba(0, 0, 0, 0.95);
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
transition: 0.2s ease;
visibility: hidden;
opacity: 0;
}
.super-search__close-btn {
color: #d3d3d3;
transition: color .4s;
position: absolute;
right: 10px;
top: 15px;
z-index: 1;
}
.super-search__close-btn:hover {
color: #fff;
transition: color .3s;
}
.super-search__input {
border: 0;
font-size: 50px;
border-left: none;
border-right: none;
color: #f9f9f9;
background-color: #000;
width: 100%;
outline: 0;
padding: 10px 31px;
text-align: center;
transform: translateY(-100%);
transition: 0.15s ease-out 150ms;
}
.is-active .super-search__input {
transform: translateY(0);
}
.super-search__results {
text-align: center;
list-style: none;
padding: 0;
overflow-x: hidden;
height: calc(100% - 110px);
transition: 0.2s ease;
}
.super-search__results.is-hidden {
opacity: 0;
transform: translateY(-1vh);
}
.super-search__results > li > a {
font-size: 1.25em;
display: block;
position: relative;
background-color: #111;
padding: 17px;
margin: 12px 14px;
box-shadow: 0 0px 8px rgba(255,255,255,0.45);
}
.super-search__result-date {
color: #BBB;
position: absolute;
right: 12px;
}
@media (max-width: 750px) {
.super-search__result-date {
position: static;
display: block;
}
}
.super-search.is-active {
opacity: 1;
visibility: visible;
z-index: 3;
}
.super-search__input::-webkit-input-placeholder {
color: rgba(138, 17, 17, .45);
}
.super-search__input:-moz-placeholder { /* Firefox 18- */
color: rgba(138, 17, 17, .45);
}
.super-search__input::-moz-placeholder { /* Firefox 19+ */
color: rgba(138, 17, 17, .45);
}
.super-search__input:-ms-input-placeholder {
color: rgba(138, 17, 17, .45);
}
================================================
FILE: css/tags-wrap.css
================================================
.tags-wrap {
max-width: 1200px;
margin: auto;
}
.categories .category-list {
list-style: none;
text-align: center;
margin-bottom: 10px;
}
@media (max-width: 450px) {
.categories .category-list {
font-size: 16px;
}
}
.tags .tag-list {
list-style: none;
text-align: center;
margin-bottom: 10px;
}
@media (max-width: 450px) {
.tags .tag-list {
font-size: 16px;
}
}
hr.medium {
max-width: 450px;
margin: 15px auto;
border-width: 4px;
border-color: #d9d4d0;
}
================================================
FILE: feed.xml
================================================
---
layout: null
---
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>{{ site.title | xml_escape }}</title>
<description>{{ site.description | xml_escape }}</description>
<link>{{ site.url }}{{ site.baseurl }}/</link>
<atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml" />
<pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
<lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
<generator>Jekyll v{{ jekyll.version }}</generator>
{% for post in site.posts limit:10 %}
<item>
<title>{{ post.title | xml_escape }}</title>
<description>{{ post.content | xml_escape }}</description>
<pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
<link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
<guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
{% for tag in post.tags %}
<category>{{ tag | xml_escape }}</category>
{% endfor %}
{% for cat in post.categories %}
<category>{{ cat | xml_escape }}</category>
{% endfor %}
</item>
{% endfor %}
</channel>
</rss>
================================================
FILE: gallery/gallery01/index.html
================================================
---
layout: page
title: "album"
description: "masonry"
active: gallery
header-img: "img/gallery-bg.jpg"
album-title: "my 1st album"
images:
- image_path: /gallery/archive/g01/bg1.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g01/bg2.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g01/bg3.jpg
caption: IMAGE TITLE
copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.album-title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary" id="{{ image.caption }}">
<h3>{{image.caption}}</h3>
<p>{{image.copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<!-- jQuery -->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
</body></html>
================================================
FILE: gallery/gallery02/index.html
================================================
---
layout: page
title: "album"
description: "masonry"
active: gallery
header-img: "img/gallery-bg.jpg"
album-title: "my 2nd album"
images:
- image_path: /gallery/archive/g02/bg1.jpg
caption: IMAGE TITLE
mfp-title: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g02/bg2.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g02/bg3.jpg
caption: IMAGE TITLE
copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.album-title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>{{image.caption}}</h3>
<p>{{image.copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
</body></html>
================================================
FILE: gallery/gallery03/index.html
================================================
---
layout: page
title: "album"
description: "masonry"
active: gallery
header-img: "img/gallery-bg.jpg"
album-title: "my 3rd album"
images:
- image_path: /gallery/archive/g03/bg1.jpg
caption: IMAGE TITLE
mfp-title: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g03/bg2.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g03/bg3.jpg
caption: IMAGE TITLE
copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.album-title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>{{image.caption}}</h3>
<p>{{image.copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
</body></html>
================================================
FILE: gallery/gallery04/index.html
================================================
---
layout: page
title: "album"
description: "masonry"
active: gallery
header-img: "img/gallery-bg.jpg"
album-title: "my 4th album"
images:
- image_path: /gallery/archive/g04/bg1.jpg
caption: IMAGE TITLE
mfp-title: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g04/bg2.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g04/bg3.jpg
caption: IMAGE TITLE
copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.album-title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>{{image.caption}}</h3>
<p>{{image.copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
</body></html>
================================================
FILE: gallery/gallery05/index.html
================================================
---
layout: page
title: "album"
description: "masonry"
active: gallery
header-img: "img/gallery-bg.jpg"
album-title: "my 5th album"
images:
- image_path: /gallery/archive/g05/bg1.jpg
caption: IMAGE TITLE
mfp-title: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g05/bg2.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g05/bg3.jpg
caption: IMAGE TITLE
copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.album-title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>{{image.caption}}</h3>
<p>{{image.copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
</body></html>
================================================
FILE: gallery/gallery06/index.html
================================================
---
layout: page
title: "album"
description: "masonry"
active: gallery
header-img: "img/gallery-bg.jpg"
album-title: "my 6th album"
images:
- image_path: /gallery/archive/g06/bg1.jpg
caption: IMAGE TITLE
mfp-title: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g06/bg2.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g06/bg3.jpg
caption: IMAGE TITLE
copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.album-title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>{{image.caption}}</h3>
<p>{{image.copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
</body></html>
================================================
FILE: gallery/gallery07/index.html
================================================
---
layout: page
title: "album"
description: "masonry"
active: gallery
header-img: "img/gallery-bg.jpg"
album-title: "my 7th album"
images:
- image_path: /gallery/archive/g07/bg1.jpg
caption: IMAGE TITLE
mfp-title: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g07/bg2.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g07/bg3.jpg
caption: IMAGE TITLE
copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.album-title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>{{image.caption}}</h3>
<p>{{image.copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
</body></html>
================================================
FILE: gallery/gallery08/index.html
================================================
---
layout: page
title: "album"
description: "masonry"
active: gallery
header-img: "img/gallery-bg.jpg"
album-title: "my 8th album"
images:
- image_path: /gallery/archive/g08/bg1.jpg
caption: IMAGE TITLE
mfp-title: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g08/bg2.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g08/bg3.jpg
caption: IMAGE TITLE
copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.album-title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>{{image.caption}}</h3>
<p>{{image.copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
</body></html>
================================================
FILE: gallery/gallery09/index.html
================================================
---
layout: page
title: "album"
description: "masonry"
active: gallery
header-img: "img/gallery-bg.jpg"
album-title: "my 9th album"
images:
- image_path: /gallery/archive/g09/bg1.jpg
caption: IMAGE TITLE
mfp-title: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g09/bg2.jpg
caption: IMAGE TITLE
copyright: © photorama
- image_path: /gallery/archive/g09/bg3.jpg
caption: IMAGE TITLE
copyright: © photorama
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
</head>
<body>
<section id="content" role="main">
<div class="wrapper">
<br><br>
<h2>{{page.album-title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>{{image.caption}}</h3>
<p>{{image.copyright}}</p>
</div>
</figcaption>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- include image popups -->
<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function($) {
$('a.popup').magnificPopup({
type: 'image',
gallery:{
enabled:true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
titleSrc: function(item) {
return item.el.attr('title') + ' ' + item.el.attr('data-caption');
}
}
// other options
});
});
</script>
</body></html>
================================================
FILE: gallery/index.html
================================================
---
layout: page
title: "ALBUMS"
description: "archive"
active: gallery
header-img: "img/gallery-bg.jpg"
images:
- image_path: /gallery/albums/alb01.jpg
gallery-folder: /gallery/gallery01/
gallery-name: gallery1
gallery-date: July 2015
- image_path: /gallery/albums/alb02.jpg
gallery-folder: /gallery/gallery02/
gallery-name: gallery2
gallery-date: June 2015
- image_path: /gallery/albums/alb03.jpg
gallery-folder: /gallery/gallery03/
gallery-name: gallery3
gallery-date: May 2015
- image_path: /gallery/albums/alb04.jpg
gallery-folder: /gallery/gallery04/
gallery-name: gallery4
gallery-date: April 2015
- image_path: /gallery/albums/alb05.jpg
gallery-folder: /gallery/gallery05/
gallery-name: gallery5
gallery-date: March 2015
- image_path: /gallery/albums/alb06.jpg
gallery-folder: /gallery/gallery06/
gallery-name: gallery6
gallery-date: February 2015
- image_path: /gallery/albums/alb07.jpg
gallery-folder: /gallery/gallery07/
gallery-name: gallery7
gallery-date: January 2015
- image_path: /gallery/albums/alb08.jpg
gallery-folder: /gallery/gallery08/
gallery-name: gallery8
gallery-date: December 2014
- image_path: /gallery/albums/alb09.jpg
gallery-folder: /gallery/gallery09/
gallery-name: gallery9
gallery-date: November 2014
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
<link rel="stylesheet" href="{{ "/css/selena.css" | prepend: site.baseurl }}">
</head>
<body class="gallery">
<section id="content" role="main">
<div class="wrapper">
<h2>{{page.title}}</h2>
<!-- Gallery __-->
<div class="gallery masonry-gallery">
{% for image in page.images %}
<figure class="gallery-item">
<figure class="effect-selena">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.gallery-folder }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
<figcaption class='gallery-caption'>
<div class="entry-summary">
<h3>{{image.gallery-name}}</h3>
<p>{{image.gallery-date}}</p>
</div>
</figcaption>
</figure>
</figure>
{% endfor %}
</div>
</div><!-- END .wrapper -->
</section>
<br>
<h6><p>Image Source: <a href="https://unsplash.com/photos/YOT6kS8YtEA/">Unsplash</a></p></h6>
<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include Masonry -->
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include carousel plugins -->
<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
</body></html>
================================================
FILE: index.html
================================================
---
layout: home
main-title: "PHOT•O•RAMA"
subtitle: "Photo Journal"
description: "Photography and more"
images:
- image_path: /img/slider/home01.jpg
gallery-folder: /img/slider/
- image_path: /img/slider/home02.jpg
gallery-folder: /img/slider/
- image_path: /img/slider/home03.jpg
gallery-folder: /img/slider/
---
<html class="no-js" lang="en">
<head>
<meta content="charset=utf-8">
<!-- CSS -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{{ site.baseurl }}/css/galleries.css" media="screen" />
<link rel="stylesheet" href="{{ site.baseurl }}/css/WYSIWYG.css" media="screen" />
<!-- Modernizr -->
<script src="{{ site.baseurl }}/js/modernizr.js"></script>
</head>
<body class="fullscreen">
<!-- MAIN CONTENT SECTION _____________________________________________-->
<section id="content" role="main">
<div class="wrapper">
<!-- WYSIWYG -->
<div class="position-absolute">
<h2 class="big no-margin"><strong>{{ page.main-title }}</strong></h2>
<h2>{{ page.subtitle }}</h2>
<div class="entry-summary">
<p>{{ page.description }}</p>
</div><br />
</div>
<div class="gallery fullscreen-gallery kenburns-gallery">
<canvas id="kenburns"></canvas>
{% for image in page.images %}
<figure class="gallery-item">
<header class='gallery-icon'>
<a href="{{ site.url }}{{ site.baseurl }}{{ image.gallery-folder }}">
<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
</header>
</figure>
{% endfor %}
</div>
<!-- END WYSIWYG -->
</div><!-- END .wrapper -->
</section>
<div id="footer" role="contentinfo">
<ul class="soc-icons">
{% if site.facebook_username %}
<li>
<a href="https://facebook.com/{{ site.facebook_username }}" style="
color:#dddddd; target="_blank" title="Facebook">
<i class="fa fa-facebook"></i>
</span>
</a></li>
{% endif %}
{% if site.twitter_username %}
<li>
<a href="https://twitter.com/{{ site.twitter_username }}" style="
color:#dddddd; target="_blank" title="Twitter">
<i class="fa fa-twitter"></i>
</span>
</a></li>
{% endif %}
{% if site.instagram_username %}
<li>
<a href="https://instagram.com/{{ site.instagram_username }}" style="
color:#dddddd; target="_blank" title="Instagram">
<i class="fa fa-instagram"></i>
</span>
</a></li>
{% endif %}
{% if site.flickr_username %}
<li>
<a href="https://flickr.com/photos/{{ site.flickr_username }}" style="
color:#dddddd; target="_blank" title="Flickr">
<i class="fa fa-flickr"></i>
</span>
</a></li>
{% endif %}
{% if site.deviantart_username %}
<li>
<a href="http://{{ site.deviantart_username }}.deviantart.com" style="
color:#dddddd; target="_blank" title="DeviantArt">
<i class="fa fa-deviantart"></i> </span>
</a></li>
{% endif %}
{% if site.github_username %}
<li>
<a href="https://github.com/{{ site.github_username }}" style="
color:#dddddd; target="_blank" title="Github">
<i class="fa fa-github"></i>
</span>
{% endif %}
<li>
<a href="mailto:{{ site.email }}" style="
color:#dddddd; target="_blank" title="Email">
<i class="fa fa-envelope-o"></i></span>
</a> </li>
</ul>
</div>
<!-- jQuery -->
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="{{ site.baseurl }}/js/retina.min.js"></script>
<!-- include mousewheel plugins -->
<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
<!-- include gallery cycle plugin -->
<script src="{{ site.baseurl }}/js/jquery.cycle.min.js"></script>
<!-- include kenburns plugins -->
<script src="{{ site.baseurl }}/js/kenburns.min.js"></script>
<!-- include svg line drawing plugin -->
<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="{{ site.baseurl }}/js/scripts.js"></script>
</body>
</html>
================================================
FILE: journal/category/cat01.md
================================================
---
layout: "journal_by_category"
category: "cat01"
permalink: "/journal/category/cat01/"
header-img: "img/archive-bg.jpg"
---
================================================
FILE: journal/category/cat02.md
================================================
---
layout: "journal_by_category"
category: "cat02"
permalink: "/journal/category/cat02/"
header-img: "img/archive-bg.jpg"
---
================================================
FILE: journal/category/cat03.md
================================================
---
layout: "journal_by_category"
category: "cat03"
permalink: "/journal/category/cat03/"
header-img: "img/archive-bg.jpg"
---
================================================
FILE: journal/category/cat04.md
================================================
---
layout: "journal_by_category"
category: "cat04"
permalink: "/journal/category/cat04/"
header-img: "img/archive-bg.jpg"
---
================================================
FILE: journal/category/index.html
================================================
---
layout: page
title: "categories"
description: "ARCHIVE"
header-img: "img/misc-bg.jpg"
---
{% assign rawcategories = "" %}
{% for post in site.posts %}
{% assign tcategories = post.categories | join:'|' | append:'|' %}
{% assign rawcategories = rawcategories | append:tcategories %}
{% endfor %}
{% assign rawcategories = rawcategories | split:'|' | sort %}
{% assign categories = "" %}
{% for category in rawcategories %}
{% if tag != "" %}
{% if categories == "" %}
{% assign categories = category | split:'|' %}
{% endif %}
{% unless categories contains category %}
{% assign categories = categories | join:'|' | append:'|' | append:category | split:'|' %}
{% endunless %}
{% endif %}
{% endfor %}
<h1 class="page-title">
<a href="{{ site.baseurl }}/journal/" style="text-decoration:none;" >JOURNAL</a> ⇌ {{ page.title }}
</h1>
<br/>
<div class="posts">
<p>
{% for category in categories %}
<a href="#{{ category | slugify }}" class="category-mark" style="text-decoration:none;"> {{ category }} </a>
{% endfor %}
{% for category in categories %}
<h2 id="{{ category | slugify }}" style="text-decoration:none;">{{ category }}</h2>
<div class="category-list">
{% for post in site.posts %}
{% if post.categories contains category %}
<h3>
<a href="{{ site.baseurl }}{{ post.url }}" style="text-decoration:none;">
{{ post.title }}
</a>
◌ <small>{{ post.date | date_to_string }}</small> ◌
{% for tag in post.tags %}
<a href="{{ site.baseurl }}/journal/tag/{{ tag | slugify }}/" style="text-decoration:none;"><i class="fa fa-tags" style="color:#fff;"></i> {{ tag }}</a>
{% endfor %}
</h3>
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
================================================
FILE: journal/index.html
================================================
---
layout: page
description: "Journal"
title: "Writings"
active: journal
header-img: "img/writing-bg.jpg"
---
<head>
<link rel="stylesheet" href="{{ site.baseurl }}/css/journal.css" media="screen" />
</head>
<body class="journal">
<div class="archive">
<h1 class="archive-title" style="display:inline-block;"> POSTS </h1>
<div style="font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; display:inline-block;margin-left:.5em;">
Browse by <a href="{{ site.baseurl }}/journal/category/">Category</a> or <a href="{{ site.baseurl }}/journal/tag/">Tag</a>
</div>
</div>
<section class="section--postsWrapper">
<div class="container">
<div class="blockGroup">
<ul class="blockGroup-list">
{% for post in paginator.posts %}
{% assign post = site.posts.first %}
{% assign content = post.content %}
<li class="block">
<div class="postArticle-wrapper">
<div class="post-preview" style="border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #530720;">
<a href="{{ post.url | prepend: site.baseurl }}">
{% if post.image.feature %}
<img src="{{ site.baseurl }}/img/postcover/{{ post.image.feature }}">
{% endif %}
<p class="post-title" style="font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; margin-left: 1em;"> ► {{ post.title }}
</p>
</a>
{% if post.subtitle %}
<p class="post-subtitle" style="font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 12px; margin-left: 1em;"> {{ post.subtitle }}</p>
{% endif %}
<p class="post-meta" style="font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 10px; margin-left: 1em;"> Posted on {{ post.date | date: "%B %-d, %Y" }}</p>
</div>
</div>
</li>
{% endfor %}
<p> </p>
</ul>
</div>
</div>
</section>
<!-- Pager -->
{% if paginator.total_pages > 1 %}
<ul class="pager" style="font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;" >
{% if paginator.previous_page %}
<li class="previous">
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">← Newer Posts</a>
</li>
{% endif %}
<span class="button-height"> Page {{paginator.page}} of {{paginator.total_pages}}</span>
{% if paginator.next_page %}
<li class="next">
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts →</a>
</li>
{% endif %}
</ul>
{% endif %}
<br>
<h6>Image Source: <a href="https://unsplash.com/photos/8muUTAmcWU4">UNSPLASH</a>
</body>
================================================
FILE: journal/tag/index.html
================================================
---
layout: page
title: "tags"
description: "ARCHIVE"
header-img: "img/misc-bg.jpg"
---
{% comment%}
Here we generate all the tags.
{% endcomment%}
{% assign rawtags = "" %}
{% for post in site.posts %}
{% assign ttags = post.tags | join:'|' | append:'|' %}
{% assign rawtags = rawtags | append:ttags %}
{% endfor %}
{% assign rawtags = rawtags | split:'|' | sort %}
{% assign tags = "" %}
{% for tag in rawtags %}
{% if tag != "" %}
{% if tags == "" %}
{% assign tags = tag | split:'|' %}
{% endif %}
{% unless tags contains tag %}
{% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %}
{% endunless %}
{% endif %}
{% endfor %}
<h1 class="page-title">
<a href="{{ site.baseurl }}/journal/"style="text-decoration:none;">JOURNAL</a> ⇌ {{ page.title }}
</h1>
<br/>
<div class="posts">
<p>
{% for tag in tags %}
<a href="#{{ tag | slugify }}" style="text-decoration:none;"> {{ tag }} </a>
{% endfor %}
{% for tag in tags %}
<h2 id="{{ tag | slugify }}" style="text-decoration:none;">{{ tag }}</h2>
<div class="category-list">
{% for post in site.posts %}
{% if post.tags contains tag %}
<h3>
<a href="{{ site.baseurl }}{{ post.url }}" style="text-decoration:none;">
{{ post.title }}
</a>
◌ <small>{{ post.date | date_to_string }}</small> ◌
{% for tag in post.tags %}
<a href="{{ site.baseurl }}/journal/tag/{{ tag | slugify }}/" style="text-decoration:none;"><i class="fa fa-tags" style="color:#fff;"></i> {{ tag }}</a>
{% endfor %}
</h3>
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
================================================
FILE: journal/tag/tag01.md
================================================
---
layout: "journal_by_tag"
tag: "tag01"
permalink: "/journal/tag/tag01/"
header-img: "img/archive-bg.jpg"
---
================================================
FILE: journal/tag/tag02.md
================================================
---
layout: "journal_by_tag"
tag: "tag02"
permalink: "/journal/tag/tag02/"
header-img: "img/archive-bg.jpg"
---
================================================
FILE: journal/tag/tag03.md
================================================
---
layout: "journal_by_tag"
tag: "tag03"
permalink: "/journal/tag/tag03/"
header-img: "img/archive-bg.jpg"
---
================================================
FILE: journal/tag/tag04.md
================================================
---
layout: "journal_by_tag"
tag: "tag04"
permalink: "/journal/tag/tag04/"
header-img: "img/archive-bg.jpg"
---
================================================
FILE: js/jquery.magnific-popup.js
================================================
/*! Magnific Popup - v1.1.0 - 2016-02-20
* http://dimsemenov.com/plugins/magnific-popup/
* Copyright (c) 2016 Dmitry Semenov; */
;(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['jquery'], factory);
} else if (typeof exports === 'object') {
// Node/CommonJS
factory(require('jquery'));
} else {
// Browser globals
factory(window.jQuery || window.Zepto);
}
}(function($) {
/*>>core*/
/**
*
* Magnific Popup Core JS file
*
*/
/**
* Private static constants
*/
var CLOSE_EVENT = 'Close',
BEFORE_CLOSE_EVENT = 'BeforeClose',
AFTER_CLOSE_EVENT = 'AfterClose',
BEFORE_APPEND_EVENT = 'BeforeAppend',
MARKUP_PARSE_EVENT = 'MarkupParse',
OPEN_EVENT = 'Open',
CHANGE_EVENT = 'Change',
NS = 'mfp',
EVENT_NS = '.' + NS,
READY_CLASS = 'mfp-ready',
REMOVING_CLASS = 'mfp-removing',
PREVENT_CLOSE_CLASS = 'mfp-prevent-close';
/**
* Private vars
*/
/*jshint -W079 */
var mfp, // As we have only one instance of MagnificPopup object, we define it locally to not to use 'this'
MagnificPopup = function(){},
_isJQ = !!(window.jQuery),
_prevStatus,
_window = $(window),
_document,
_prevContentType,
_wrapClasses,
_currPopupType;
/**
* Private functions
*/
var _mfpOn = function(name, f) {
mfp.ev.on(NS + name + EVENT_NS, f);
},
_getEl = function(className, appendTo, html, raw) {
var el = document.createElement('div');
el.className = 'mfp-'+className;
if(html) {
el.innerHTML = html;
}
if(!raw) {
el = $(el);
if(appendTo) {
el.appendTo(appendTo);
}
} else if(appendTo) {
appendTo.appendChild(el);
}
return el;
},
_mfpTrigger = function(e, data) {
mfp.ev.triggerHandler(NS + e, data);
if(mfp.st.callbacks) {
// converts "mfpEventName" to "eventName" callback and triggers it if it's present
e = e.charAt(0).toLowerCase() + e.slice(1);
if(mfp.st.callbacks[e]) {
mfp.st.callbacks[e].apply(mfp, $.isArray(data) ? data : [data]);
}
}
},
_getCloseBtn = function(type) {
if(type !== _currPopupType || !mfp.currTemplate.closeBtn) {
mfp.currTemplate.closeBtn = $( mfp.st.closeMarkup.replace('%title%', mfp.st.tClose ) );
_currPopupType = type;
}
return mfp.currTemplate.closeBtn;
},
// Initialize Magnific Popup only when called at least once
_checkInstance = function() {
if(!$.magnificPopup.instance) {
/*jshint -W020 */
mfp = new MagnificPopup();
mfp.init();
$.magnificPopup.instance = mfp;
}
},
// CSS transition detection, http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr
supportsTransitions = function() {
var s = document.createElement('p').style, // 's' for style. better to create an element if body yet to exist
v = ['ms','O','Moz','Webkit']; // 'v' for vendor
if( s['transition'] !== undefined ) {
return true;
}
while( v.length ) {
if( v.pop() + 'Transition' in s ) {
return true;
}
}
return false;
};
/**
* Public functions
*/
MagnificPopup.prototype = {
constructor: MagnificPopup,
/**
* Initializes Magnific Popup plugin.
* This function is triggered only once when $.fn.magnificPopup or $.magnificPopup is executed
*/
init: function() {
var appVersion = navigator.appVersion;
mfp.isLowIE = mfp.isIE8 = document.all && !document.addEventListener;
mfp.isAndroid = (/android/gi).test(appVersion);
mfp.isIOS = (/iphone|ipad|ipod/gi).test(appVersion);
mfp.supportsTransition = supportsTransitions();
// We disable fixed positioned lightbox on devices that don't handle it nicely.
// If you know a better way of detecting this - let me know.
mfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) );
_document = $(document);
mfp.popupsCache = {};
},
/**
* Opens popup
* @param data [description]
*/
open: function(data) {
var i;
if(data.isObj === false) {
// convert jQuery collection to array to avoid conflicts later
mfp.items = data.items.toArray();
mfp.index = 0;
var items = data.items,
item;
for(i = 0; i < items.length; i++) {
item = items[i];
if(item.parsed) {
item = item.el[0];
}
if(item === data.el[0]) {
mfp.index = i;
break;
}
}
} else {
mfp.items = $.isArray(data.items) ? data.items : [data.items];
mfp.index = data.index || 0;
}
// if popup is already opened - we just update the content
if(mfp.isOpen) {
mfp.updateItemHTML();
return;
}
mfp.types = [];
_wrapClasses = '';
if(data.mainEl && data.mainEl.length) {
mfp.ev = data.mainEl.eq(0);
} else {
mfp.ev = _document;
}
if(data.key) {
if(!mfp.popupsCache[data.key]) {
mfp.popupsCache[data.key] = {};
}
mfp.currTemplate = mfp.popupsCache[data.key];
} else {
mfp.currTemplate = {};
}
mfp.st = $.extend(true, {}, $.magnificPopup.defaults, data );
mfp.fixedContentPos = mfp.st.fixedContentPos === 'auto' ? !mfp.probablyMobile : mfp.st.fixedContentPos;
if(mfp.st.modal) {
mfp.st.closeOnContentClick = false;
mfp.st.closeOnBgClick = false;
mfp.st.showCloseBtn = false;
mfp.st.enableEscapeKey = false;
}
// Building markup
// main containers are created only once
if(!mfp.bgOverlay) {
// Dark overlay
mfp.bgOverlay = _getEl('bg').on('click'+EVENT_NS, function() {
mfp.close();
});
mfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) {
if(mfp._checkIfClose(e.target)) {
mfp.close();
}
});
mfp.container = _getEl('container', mfp.wrap);
}
mfp.contentContainer = _getEl('content');
if(mfp.st.preloader) {
mfp.preloader = _getEl('preloader', mfp.container, mfp.st.tLoading);
}
// Initializing modules
var modules = $.magnificPopup.modules;
for(i = 0; i < modules.length; i++) {
var n = modules[i];
n = n.charAt(0).toUpperCase() + n.slice(1);
mfp['init'+n].call(mfp);
}
_mfpTrigger('BeforeOpen');
if(mfp.st.showCloseBtn) {
// Close button
if(!mfp.st.closeBtnInside) {
mfp.wrap.append( _getCloseBtn() );
} else {
_mfpOn(MARKUP_PARSE_EVENT, function(e, template, values, item) {
values.close_replaceWith = _getCloseBtn(item.type);
});
_wrapClasses += ' mfp-close-btn-in';
}
}
if(mfp.st.alignTop) {
_wrapClasses += ' mfp-align-top';
}
if(mfp.fixedContentPos) {
mfp.wrap.css({
overflow: mfp.st.overflowY,
overflowX: 'hidden',
overflowY: mfp.st.overflowY
});
} else {
mfp.wrap.css({
top: _window.scrollTop(),
position: 'absolute'
});
}
if( mfp.st.fixedBgPos === false || (mfp.st.fixedBgPos === 'auto' && !mfp.fixedContentPos) ) {
mfp.bgOverlay.css({
height: _document.height(),
position: 'absolute'
});
}
if(mfp.st.enableEscapeKey) {
// Close on ESC key
_document.on('keyup' + EVENT_NS, function(e) {
if(e.keyCode === 27) {
mfp.close();
}
});
}
_window.on('resize' + EVENT_NS, function() {
mfp.updateSize();
});
if(!mfp.st.closeOnContentClick) {
_wrapClasses += ' mfp-auto-cursor';
}
if(_wrapClasses)
mfp.wrap.addClass(_wrapClasses);
// this triggers recalculation of layout, so we get it once to not to trigger twice
var windowHeight = mfp.wH = _window.height();
var windowStyles = {};
if( mfp.fixedContentPos ) {
if(mfp._hasScrollBar(windowHeight)){
var s = mfp._getScrollbarSize();
if(s) {
windowStyles.marginRight = s;
}
}
}
if(mfp.fixedContentPos) {
if(!mfp.isIE7) {
windowStyles.overflow = 'hidden';
} else {
// ie7 double-scroll bug
$('body, html').css('overflow', 'hidden');
}
}
var classesToadd = mfp.st.mainClass;
if(mfp.isIE7) {
classesToadd += ' mfp-ie7';
}
if(classesToadd) {
mfp._addClassToMFP( classesToadd );
}
// add content
mfp.updateItemHTML();
_mfpTrigger('BuildControls');
// remove scrollbar, add margin e.t.c
$('html').css(windowStyles);
// add everything to DOM
mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || $(document.body) );
// Save last focused element
mfp._lastFocusedEl = document.activeElement;
// Wait for next cycle to allow CSS transition
setTimeout(function() {
if(mfp.content) {
mfp._addClassToMFP(READY_CLASS);
mfp._setFocus();
} else {
// if content is not defined (not loaded e.t.c) we add class only for BG
mfp.bgOverlay.addClass(READY_CLASS);
}
// Trap the focus in popup
_document.on('focusin' + EVENT_NS, mfp._onFocusIn);
}, 16);
mfp.isOpen = true;
mfp.updateSize(windowHeight);
_mfpTrigger(OPEN_EVENT);
return data;
},
/**
* Closes the popup
*/
close: function() {
if(!mfp.isOpen) return;
_mfpTrigger(BEFORE_CLOSE_EVENT);
mfp.isOpen = false;
// for CSS3 animation
if(mfp.st.removalDelay && !mfp.isLowIE && mfp.supportsTransition ) {
mfp._addClassToMFP(REMOVING_CLASS);
setTimeout(function() {
mfp._close();
}, mfp.st.removalDelay);
} else {
mfp._close();
}
},
/**
* Helper for close() function
*/
_close: function() {
_mfpTrigger(CLOSE_EVENT);
var classesToRemove = REMOVING_CLASS + ' ' + READY_CLASS + ' ';
mfp.bgOverlay.detach();
mfp.wrap.detach();
mfp.container.empty();
if(mfp.st.mainClass) {
classesToRemove += mfp.st.mainClass + ' ';
}
mfp._removeClassFromMFP(classesToRemove);
if(mfp.fixedContentPos) {
var windowStyles = {marginRight: ''};
if(mfp.isIE7) {
$('body, html').css('overflow', '');
} else {
windowStyles.overflow = '';
}
$('html').css(windowStyles);
}
_document.off('keyup' + EVENT_NS + ' focusin' + EVENT_NS);
mfp.ev.off(EVENT_NS);
// clean up DOM elements that aren't removed
mfp.wrap.attr('class', 'mfp-wrap').removeAttr('style');
mfp.bgOverlay.attr('class', 'mfp-bg');
mfp.container.attr('class', 'mfp-container');
// remove close button from target element
if(mfp.st.showCloseBtn &&
(!mfp.st.closeBtnInside || mfp.currTemplate[mfp.currItem.type] === true)) {
if(mfp.currTemplate.closeBtn)
mfp.currTemplate.closeBtn.detach();
}
if(mfp.st.autoFocusLast && mfp._lastFocusedEl) {
$(mfp._lastFocusedEl).focus(); // put tab focus back
}
mfp.currItem = null;
mfp.content = null;
mfp.currTemplate = null;
mfp.prevHeight = 0;
_mfpTrigger(AFTER_CLOSE_EVENT);
},
updateSize: function(winHeight) {
if(mfp.isIOS) {
// fixes iOS nav bars https://github.com/dimsemenov/Magnific-Popup/issues/2
var zoomLevel = document.documentElement.clientWidth / window.innerWidth;
var height = window.innerHeight * zoomLevel;
mfp.wrap.css('height', height);
mfp.wH = height;
} else {
mfp.wH = winHeight || _window.height();
}
// Fixes #84: popup incorrectly positioned with position:relative on body
if(!mfp.fixedContentPos) {
mfp.wrap.css('height', mfp.wH);
}
_mfpTrigger('Resize');
},
/**
* Set content of popup based on current index
*/
updateItemHTML: function() {
var item = mfp.items[mfp.index];
// Detach and perform modifications
mfp.contentContainer.detach();
if(mfp.content)
mfp.content.detach();
if(!item.parsed) {
item = mfp.parseEl( mfp.index );
}
var type = item.type;
_mfpTrigger('BeforeChange', [mfp.currItem ? mfp.currItem.type : '', type]);
// BeforeChange event works like so:
// _mfpOn('BeforeChange', function(e, prevType, newType) { });
mfp.currItem = item;
if(!mfp.currTemplate[type]) {
var markup = mfp.st[type] ? mfp.st[type].markup : false;
// allows to modify markup
_mfpTrigger('FirstMarkupParse', markup);
if(markup) {
mfp.currTemplate[type] = $(markup);
} else {
// if there is no markup found we just define that template is parsed
mfp.currTemplate[type] = true;
}
}
if(_prevContentType && _prevContentType !== item.type) {
mfp.container.removeClass('mfp-'+_prevContentType+'-holder');
}
var newContent = mfp['get' + type.charAt(0).toUpperCase() + type.slice(1)](item, mfp.currTemplate[type]);
mfp.appendContent(newContent, type);
item.preloaded = true;
_mfpTrigger(CHANGE_EVENT, item);
_prevContentType = item.type;
// Append container back after its content changed
mfp.container.prepend(mfp.contentContainer);
_mfpTrigger('AfterChange');
},
/**
* Set HTML content of popup
*/
appendContent: function(newContent, type) {
mfp.content = newContent;
if(newContent) {
if(mfp.st.showCloseBtn && mfp.st.closeBtnInside &&
mfp.currTemplate[type] === true) {
// if there is no markup, we just append close button element inside
if(!mfp.content.find('.mfp-close').length) {
mfp.content.append(_getCloseBtn());
}
} else {
mfp.content = newContent;
}
} else {
mfp.content = '';
}
_mfpTrigger(BEFORE_APPEND_EVENT);
mfp.container.addClass('mfp-'+type+'-holder');
mfp.contentContainer.append(mfp.content);
},
/**
* Creates Magnific Popup data object based on given data
* @param {int} index Index of item to parse
*/
parseEl: function(index) {
var item = mfp.items[index],
type;
if(item.tagName) {
item = { el: $(item) };
} else {
type = item.type;
item = { data: item, src: item.src };
}
if(item.el) {
var types = mfp.types;
// check for 'mfp-TYPE' class
for(var i = 0; i < types.length; i++) {
if( item.el.hasClass('mfp-'+types[i]) ) {
type = types[i];
break;
}
}
item.src = item.el.attr('data-mfp-src');
if(!item.src) {
item.src = item.el.attr('href');
}
}
item.type = type || mfp.st.type || 'inline';
item.index = index;
item.parsed = true;
mfp.items[index] = item;
_mfpTrigger('ElementParse', item);
return mfp.items[index];
},
/**
* Initializes single popup or a group of popups
*/
addGroup: function(el, options) {
var eHandler = function(e) {
e.mfpEl = this;
mfp._openClick(e, el, options);
};
if(!options) {
options = {};
}
var eName = 'click.magnificPopup';
options.mainEl = el;
if(options.items) {
options.isObj = true;
el.off(eName).on(eName, eHandler);
} else {
options.isObj = false;
if(options.delegate) {
el.off(eName).on(eName, options.delegate , eHandler);
} else {
options.items = el;
el.off(eName).on(eName, eHandler);
}
}
},
_openClick: function(e, el, options) {
var midClick = options.midClick !== undefined ? options.midClick : $.magnificPopup.defaults.midClick;
if(!midClick && ( e.which === 2 || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey ) ) {
return;
}
var disableOn = options.disableOn !== undefined ? options.disableOn : $.magnificPopup.defaults.disableOn;
if(disableOn) {
if($.isFunction(disableOn)) {
if( !disableOn.call(mfp) ) {
return true;
}
} else { // else it's number
if( _window.width() < disableOn ) {
return true;
}
}
}
if(e.type) {
e.preventDefault();
// This will prevent popup from closing if element is inside and popup is already opened
if(mfp.isOpen) {
e.stopPropagation();
}
}
options.el = $(e.mfpEl);
if(options.delegate) {
options.items = el.find(options.delegate);
}
mfp.open(options);
},
/**
* Updates text on preloader
*/
updateStatus: function(status, text) {
if(mfp.preloader) {
if(_prevStatus !== status) {
mfp.container.removeClass('mfp-s-'+_prevStatus);
}
if(!text && status === 'loading') {
text = mfp.st.tLoading;
}
var data = {
status: status,
text: text
};
// allows to modify status
_mfpTrigger('UpdateStatus', data);
status = data.status;
text = data.text;
mfp.preloader.html(text);
mfp.preloader.find('a').on('click', function(e) {
e.stopImmediatePropagation();
});
mfp.container.addClass('mfp-s-'+status);
_prevStatus = status;
}
},
/*
"Private" helpers that aren't private at all
*/
// Check to close popup or not
// "target" is an element that was clicked
_checkIfClose: function(target) {
if($(target).hasClass(PREVENT_CLOSE_CLASS)) {
return;
}
var closeOnContent = mfp.st.closeOnContentClick;
var closeOnBg = mfp.st.closeOnBgClick;
if(closeOnContent && closeOnBg) {
return true;
} else {
// We close the popup if click is on close button or on preloader. Or if there is no content.
if(!mfp.content || $(target).hasClass('mfp-close') || (mfp.preloader && target === mfp.preloader[0]) ) {
return true;
}
// if click is outside the content
if( (target !== mfp.content[0] && !$.contains(mfp.content[0], target)) ) {
if(closeOnBg) {
// last check, if the clicked element is in DOM, (in case it's removed onclick)
if( $.contains(document, target) ) {
return true;
}
}
} else if(closeOnContent) {
return true;
}
}
return false;
},
_addClassToMFP: function(cName) {
mfp.bgOverlay.addClass(cName);
mfp.wrap.addClass(cName);
},
_removeClassFromMFP: function(cName) {
this.bgOverlay.removeClass(cName);
mfp.wrap.removeClass(cName);
},
_hasScrollBar: function(winHeight) {
return ( (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) );
},
_setFocus: function() {
(mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).focus();
},
_onFocusIn: function(e) {
if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) {
mfp._setFocus();
return false;
}
},
_parseMarkup: function(template, values, item) {
var arr;
if(item.data) {
values = $.extend(item.data, values);
}
_mfpTrigger(MARKUP_PARSE_EVENT, [template, values, item] );
$.each(values, function(key, value) {
if(value === undefined || value === false) {
return true;
}
arr = key.split('_');
if(arr.length > 1) {
var el = template.find(EVENT_NS + '-'+arr[0]);
if(el.length > 0) {
var attr = arr[1];
if(attr === 'replaceWith') {
if(el[0] !== value[0]) {
el.replaceWith(value);
}
} else if(attr === 'img') {
if(el.is('img')) {
el.attr('src', value);
} else {
el.replaceWith( $('<img>').attr('src', value).attr('class', el.attr('class')) );
}
} else {
el.attr(arr[1], value);
}
}
} else {
template.find(EVENT_NS + '-'+key).html(value);
}
});
},
_getScrollbarSize: function() {
// thx David
if(mfp.scrollbarSize === undefined) {
var scrollDiv = document.createElement("div");
scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';
document.body.appendChild(scrollDiv);
mfp.scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;
document.body.removeChild(scrollDiv);
}
return mfp.scrollbarSize;
}
}; /* MagnificPopup core prototype end */
/**
* Public static functions
*/
$.magnificPopup = {
instance: null,
proto: MagnificPopup.prototype,
modules: [],
open: function(options, index) {
_checkInstance();
if(!options) {
options = {};
} else {
options = $.extend(true, {}, options);
}
options.isObj = true;
options.index = index || 0;
return this.instance.open(options);
},
close: function() {
return $.magnificPopup.instance && $.magnificPopup.instance.close();
},
registerModule: function(name, module) {
if(module.options) {
$.magnificPopup.defaults[name] = module.options;
}
$.extend(this.proto, module.proto);
this.modules.push(name);
},
defaults: {
// Info about options is in docs:
// http://dimsemenov.com/plugins/magnific-popup/documentation.html#options
disableOn: 0,
key: null,
midClick: false,
mainClass: '',
preloader: true,
focus: '', // CSS selector of input to focus after popup is opened
closeOnContentClick: false,
closeOnBgClick: true,
closeBtnInside: true,
showCloseBtn: true,
enableEscapeKey: true,
modal: false,
alignTop: false,
removalDelay: 0,
prependTo: null,
fixedContentPos: 'auto',
fixedBgPos: 'auto',
overflowY: 'auto',
closeMarkup: '<button title="%title%" type="button" class="mfp-close">×</button>',
tClose: 'Close (Esc)',
tLoading: 'Loading...',
autoFocusLast: true
}
};
$.fn.magnificPopup = function(options) {
_checkInstance();
var jqEl = $(this);
// We call some API method of first param is a string
if (typeof options === "string" ) {
if(options === 'open') {
var items,
itemOpts = _isJQ ? jqEl.data('magnificPopup') : jqEl[0].magnificPopup,
index = parseInt(arguments[1], 10) || 0;
if(itemOpts.items) {
items = itemOpts.items[index];
} else {
items = jqEl;
if(itemOpts.delegate) {
items = items.find(itemOpts.delegate);
}
items = items.eq( index );
}
mfp._openClick({mfpEl:items}, jqEl, itemOpts);
} else {
if(mfp.isOpen)
mfp[options].apply(mfp, Array.prototype.slice.call(arguments, 1));
}
} else {
// clone options obj
options = $.extend(true, {}, options);
/*
* As Zepto doesn't support .data() method for objects
* and it works only in normal browsers
* we assign "options" object directly to the DOM element. FTW!
*/
if(_isJQ) {
jqEl.data('magnificPopup', options);
} else {
jqEl[0].magnificPopup = options;
}
mfp.addGroup(jqEl, options);
}
return jqEl;
};
/*>>core*/
/*>>inline*/
var INLINE_NS = 'inline',
_hiddenClass,
_inlinePlaceholder,
_lastInlineElement,
_putInlineElementsBack = function() {
if(_lastInlineElement) {
_inlinePlaceholder.after( _lastInlineElement.addClass(_hiddenClass) ).detach();
_lastInlineElement = null;
}
};
$.magnificPopup.registerModule(INLINE_NS, {
options: {
hiddenClass: 'hide', // will be appended with `mfp-` prefix
markup: '',
tNotFound: 'Content not found'
},
proto: {
initInline: function() {
mfp.types.push(INLINE_NS);
_mfpOn(CLOSE_EVENT+'.'+INLINE_NS, function() {
_putInlineElementsBack();
});
},
getInline: function(item, template) {
_putInlineElementsBack();
if(item.src) {
var inlineSt = mfp.st.inline,
el = $(item.src);
if(el.length) {
// If target element has parent - we replace it with placeholder and put it back after popup is closed
var parent = el[0].parentNode;
if(parent && parent.tagName) {
if(!_inlinePlaceholder) {
_hiddenClass = inlineSt.hiddenClass;
_inlinePlaceholder = _getEl(_hiddenClass);
_hiddenClass = 'mfp-'+_hiddenClass;
}
// replace target inline element with placeholder
_lastInlineElement = el.after(_inlinePlaceholder).detach().removeClass(_hiddenClass);
}
mfp.updateStatus('ready');
} else {
mfp.updateStatus('error', inlineSt.tNotFound);
el = $('<div>');
}
item.inlineElement = el;
return el;
}
mfp.updateStatus('ready');
mfp._parseMarkup(template, {}, item);
return template;
}
}
});
/*>>inline*/
/*>>ajax*/
var AJAX_NS = 'ajax',
_ajaxCur,
_removeAjaxCursor = function() {
if(_ajaxCur) {
$(document.body).removeClass(_ajaxCur);
}
},
_destroyAjaxRequest = function() {
_removeAjaxCursor();
if(mfp.req) {
mfp.req.abort();
}
};
$.magnificPopup.registerModule(AJAX_NS, {
options: {
settings: null,
cursor: 'mfp-ajax-cur',
tError: '<a href="%url%">The content</a> could not be loaded.'
},
proto: {
initAjax: function() {
mfp.types.push(AJAX_NS);
_ajaxCur = mfp.st.ajax.cursor;
_mfpOn(CLOSE_EVENT+'.'+AJAX_NS, _destroyAjaxRequest);
_mfpOn('BeforeChange.' + AJAX_NS, _destroyAjaxRequest);
},
getAjax: function(item) {
if(_ajaxCur) {
$(document.body).addClass(_ajaxCur);
}
mfp.updateStatus('loading');
var opts = $.extend({
url: item.src,
success: function(data, textStatus, jqXHR) {
var temp = {
data:data,
xhr:jqXHR
};
_mfpTrigger('ParseAjax', temp);
mfp.appendContent( $(temp.data), AJAX_NS );
item.finished = true;
_removeAjaxCursor();
mfp._setFocus();
setTimeout(function() {
mfp.wrap.addClass(READY_CLASS);
}, 16);
mfp.updateStatus('ready');
_mfpTrigger('AjaxContentAdded');
},
error: function() {
_removeAjaxCursor();
item.finished = item.loadError = true;
mfp.updateStatus('error', mfp.st.ajax.tError.replace('%url%', item.src));
}
}, mfp.st.ajax.settings);
mfp.req = $.ajax(opts);
return '';
}
}
});
/*>>ajax*/
/*>>image*/
var _imgInterval,
_getTitle = function(item) {
if(item.data && item.data.title !== undefined)
return item.data.title;
var src = mfp.st.image.titleSrc;
if(src) {
if($.isFunction(src)) {
return src.call(mfp, item);
} else if(item.el) {
return item.el.attr(src) || '';
}
}
return '';
};
$.magnificPopup.registerModule('image', {
options: {
markup: '<div class="mfp-figure">'+
'<div class="mfp-close"></div>'+
'<figure>'+
'<div class="mfp-img"></div>'+
'<figcaption>'+
'<div class="mfp-bottom-bar">'+
'<div class="mfp-title"></div>'+
'<div class="mfp-counter"></div>'+
'</div>'+
'</figcaption>'+
'</figure>'+
'</div>',
cursor: 'mfp-zoom-out-cur',
titleSrc: 'title',
verticalFit: true,
tError: '<a href="%url%">The image</a> could not be loaded.'
},
proto: {
initImage: function() {
var imgSt = mfp.st.image,
ns = '.image';
mfp.types.push('image');
_mfpOn(OPEN_EVENT+ns, function() {
if(mfp.currItem.type === 'image' && imgSt.cursor) {
$(document.body).addClass(imgSt.cursor);
}
});
_mfpOn(CLOSE_EVENT+ns, function() {
if(imgSt.cursor) {
$(document.body).removeClass(imgSt.cursor);
}
_window.off('resize' + EVENT_NS);
});
_mfpOn('Resize'+ns, mfp.resizeImage);
if(mfp.isLowIE) {
_mfpOn('AfterChange', mfp.resizeImage);
}
},
resizeImage: function() {
var item = mfp.currItem;
if(!item || !item.img) return;
if(mfp.st.image.verticalFit) {
var decr = 0;
// fix box-sizing in ie7/8
if(mfp.isLowIE) {
decr = parseInt(item.img.css('padding-top'), 10) + parseInt(item.img.css('padding-bottom'),10);
}
item.img.css('max-height', mfp.wH-decr);
}
},
_onImageHasSize: function(item) {
if(item.img) {
item.hasSize = true;
if(_imgInterval) {
clearInterval(_imgInterval);
}
item.isCheckingImgSize = false;
_mfpTrigger('ImageHasSize', item);
if(item.imgHidden) {
if(mfp.content)
mfp.content.removeClass('mfp-loading');
item.imgHidden = false;
}
}
},
/**
* Function that loops until the image has size to display elements that rely on it asap
*/
findImageSize: function(item) {
var counter = 0,
img = item.img[0],
mfpSetInterval = function(delay) {
if(_imgInterval) {
clearInterval(_imgInterval);
}
// decelerating interval that checks for size of an image
_imgInterval = setInterval(function() {
if(img.naturalWidth > 0) {
mfp._onImageHasSize(item);
return;
}
if(counter > 200) {
clearInterval(_imgInterval);
}
counter++;
if(counter === 3) {
mfpSetInterval(10);
} else if(counter === 40) {
mfpSetInterval(50);
} else if(counter === 100) {
mfpSetInterval(500);
}
}, delay);
};
mfpSetInterval(1);
},
getImage: function(item, template) {
var guard = 0,
// image load complete handler
onLoadComplete = function() {
if(item) {
if (item.img[0].complete) {
item.img.off('.mfploader');
if(item === mfp.currItem){
mfp._onImageHasSize(item);
mfp.updateStatus('ready');
}
item.hasSize = true;
item.loaded = true;
_mfpTrigger('ImageLoadComplete');
}
else {
// if image complete check fails 200 times (20 sec), we assume that there was an error.
guard++;
if(guard < 200) {
setTimeout(onLoadComplete,100);
} else {
onLoadError();
}
}
}
},
// image error handler
onLoadError = function() {
if(item) {
item.img.off('.mfploader');
if(item === mfp.currItem){
mfp._onImageHasSize(item);
mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
}
item.hasSize = true;
item.loaded = true;
item.loadError = true;
}
},
imgSt = mfp.st.image;
var el = template.find('.mfp-img');
if(el.length) {
var img = document.createElement('img');
img.className = 'mfp-img';
if(item.el && item.el.find('img').length) {
img.alt = item.el.find('img').attr('alt');
}
item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
img.src = item.src;
// without clone() "error" event is not firing when IMG is replaced by new IMG
// TODO: find a way to avoid such cloning
if(el.is('img')) {
item.img = item.img.clone();
}
img = item.img[0];
if(img.naturalWidth > 0) {
item.hasSize = true;
} else if(!img.width) {
item.hasSize = false;
}
}
mfp._parseMarkup(template, {
title: _getTitle(item),
img_replaceWith: item.img
}, item);
mfp.resizeImage();
if(item.hasSize) {
if(_imgInterval) clearInterval(_imgInterval);
if(item.loadError) {
template.addClass('mfp-loading');
mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
} else {
template.removeClass('mfp-loading');
mfp.updateStatus('ready');
}
return template;
}
mfp.updateStatus('loading');
item.loading = true;
if(!item.hasSize) {
item.imgHidden = true;
template.addClass('mfp-loading');
mfp.findImageSize(item);
}
return template;
}
}
});
/*>>image*/
/*>>zoom*/
var hasMozTransform,
getHasMozTransform = function() {
if(hasMozTransform === undefined) {
hasMozTransform = document.createElement('p').style.MozTransform !== undefined;
}
return hasMozTransform;
};
$.magnificPopup.registerModule('zoom', {
options: {
enabled: false,
easing: 'ease-in-out',
duration: 300,
opener: function(element) {
return element.is('img') ? element : element.find('img');
}
},
proto: {
initZoom: function() {
var zoomSt = mfp.st.zoom,
ns = '.zoom',
image;
if(!zoomSt.enabled || !mfp.supportsTransition) {
return;
}
var duration = zoomSt.duration,
getElToAnimate = function(image) {
var newImg = image.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'),
transition = 'all '+(zoomSt.duration/1000)+'s ' + zoomSt.easing,
cssObj = {
position: 'fixed',
zIndex: 9999,
left: 0,
top: 0,
'-webkit-backface-visibility': 'hidden'
},
t = 'transition';
cssObj['-webkit-'+t] = cssObj['-moz-'+t] = cssObj['-o-'+t] = cssObj[t] = transition;
newImg.css(cssObj);
return newImg;
},
showMainContent = function() {
mfp.content.css('visibility', 'visible');
},
openTimeout,
animatedImg;
_mfpOn('BuildControls'+ns, function() {
if(mfp._allowZoom()) {
clearTimeout(openTimeout);
mfp.content.css('visibility', 'hidden');
// Basically, all code below does is clones existing image, puts in on top of the current one and animated it
image = mfp._getItemToZoom();
if(!image) {
showMainContent();
return;
}
animatedImg = getElToAnimate(image);
animatedImg.css( mfp._getOffset() );
mfp.wrap.append(animatedImg);
openTimeout = setTimeout(function() {
animatedImg.css( mfp._getOffset( true ) );
openTimeout = setTimeout(function() {
showMainContent();
setTimeout(function() {
animatedImg.remove();
image = animatedImg = null;
_mfpTrigger('ZoomAnimationEnded');
}, 16); // avoid blink when switching images
}, duration); // this timeout equals animation duration
}, 16); // by adding this timeout we avoid short glitch at the beginning of animation
// Lots of timeouts...
}
});
_mfpOn(BEFORE_CLOSE_EVENT+ns, function() {
if(mfp._allowZoom()) {
clearTimeout(openTimeout);
mfp.st.removalDelay = duration;
if(!image) {
image = mfp._getItemToZoom();
if(!image) {
return;
}
animatedImg = getElToAnimate(image);
}
animatedImg.css( mfp._getOffset(true) );
mfp.wrap.append(animatedImg);
mfp.content.css('visibility', 'hidden');
setTimeout(function() {
animatedImg.css( mfp._getOffset() );
}, 16);
}
});
_mfpOn(CLOSE_EVENT+ns, function() {
if(mfp._allowZoom()) {
showMainContent();
if(animatedImg) {
animatedImg.remove();
}
image = null;
}
});
},
_allowZoom: function() {
return mfp.currItem.type === 'image';
},
_getItemToZoom: function() {
if(mfp.currItem.hasSize) {
return mfp.currItem.img;
} else {
return false;
}
},
// Get element postion relative to viewport
_getOffset: function(isLarge) {
var el;
if(isLarge) {
el = mfp.currItem.img;
} else {
el = mfp.st.zoom.opener(mfp.currItem.el || mfp.currItem);
}
var offset = el.offset();
var paddingTop = parseInt(el.css('padding-top'),10);
var paddingBottom = parseInt(el.css('padding-bottom'),10);
offset.top -= ( $(window).scrollTop() - paddingTop );
/*
Animating left + top + width/height looks glitchy in Firefox, but perfect in Chrome. And vice-versa.
*/
var obj = {
width: el.width(),
// fix Zepto height+padding issue
height: (_isJQ ? el.innerHeight() : el[0].offsetHeight) - paddingBottom - paddingTop
};
// I hate to do this, but there is no another option
if( getHasMozTransform() ) {
obj['-moz-transform'] = obj['transform'] = 'translate(' + offset.left + 'px,' + offset.top + 'px)';
} else {
obj.left = offset.left;
obj.top = offset.top;
}
return obj;
}
}
});
/*>>zoom*/
/*>>iframe*/
var IFRAME_NS = 'iframe',
_emptyPage = '//about:blank',
_fixIframeBugs = function(isShowing) {
if(mfp.currTemplate[IFRAME_NS]) {
var el = mfp.currTemplate[IFRAME_NS].find('iframe');
if(el.length) {
// reset src after the popup is closed to avoid "video keeps playing after popup is closed" bug
if(!isShowing) {
el[0].src = _emptyPage;
}
// IE8 black screen bug fix
if(mfp.isIE8) {
el.css('display', isShowing ? 'block' : 'none');
}
}
}
};
$.magnificPopup.registerModule(IFRAME_NS, {
options: {
markup: '<div class="mfp-iframe-scaler">'+
'<div class="mfp-close"></div>'+
'<iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe>'+
'</div>',
srcAction: 'iframe_src',
// we don't care and support only one default type of URL by default
patterns: {
youtube: {
index: 'youtube.com',
id: 'v=',
src: '//www.youtube.com/embed/%id%?autoplay=1'
},
vimeo: {
index: 'vimeo.com/',
id: '/',
src: '//player.vimeo.com/video/%id%?autoplay=1'
},
gmaps: {
index: '//maps.google.',
src: '%id%&output=embed'
}
}
},
proto: {
initIframe: function() {
mfp.types.push(IFRAME_NS);
_mfpOn('BeforeChange', function(e, prevType, newType) {
if(prevType !== newType) {
if(prevType === IFRAME_NS) {
_fixIframeBugs(); // iframe if removed
} else if(newType === IFRAME_NS) {
_fixIframeBugs(true); // iframe is showing
}
}// else {
// iframe source is switched, don't do anything
//}
});
_mfpOn(CLOSE_EVENT + '.' + IFRAME_NS, function() {
_fixIframeBugs();
});
},
getIframe: function(item, template) {
var embedSrc = item.src;
var iframeSt = mfp.st.iframe;
$.each(iframeSt.patterns, function() {
if(embedSrc.indexOf( this.index ) > -1) {
if(this.id) {
if(typeof this.id === 'string') {
embedSrc = embedSrc.substr(embedSrc.lastIndexOf(this.id)+this.id.length, embedSrc.length);
} else {
embedSrc = this.id.call( this, embedSrc );
}
}
embedSrc = this.src.replace('%id%', embedSrc );
return false; // break;
}
});
var dataObj = {};
if(iframeSt.srcAction) {
dataObj[iframeSt.srcAction] = embedSrc;
}
mfp._parseMarkup(template, dataObj, item);
mfp.updateStatus('ready');
return template;
}
}
});
/*>>iframe*/
/*>>gallery*/
/**
* Get looped index depending on number of slides
*/
var _getLoopedId = function(index) {
var numSlides = mfp.items.length;
if(index > numSlides - 1) {
return index - numSlides;
} else if(index < 0) {
return numSlides + index;
}
return index;
},
_replaceCurrTotal = function(text, curr, total) {
return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total);
};
$.magnificPopup.registerModule('gallery', {
options: {
enabled: true,
showCloseBtn: true,
arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
preload: [0,2],
navigateByImgClick: true,
arrows: true,
tPrev: 'Previous (Left arrow key)',
tNext: 'Next (Right arrow key)',
tCounter: '%curr% of %total%'
},
proto: {
initGallery: function() {
var gSt = mfp.st.gallery,
ns = '.mfp-gallery';
mfp.direction = true; // true - next, false - prev
if(!gSt || !gSt.enabled ) return false;
_wrapClasses += ' mfp-gallery';
_mfpOn(OPEN_EVENT+ns, function() {
if(gSt.navigateByImgClick) {
mfp.wrap.on('click'+ns, '.mfp-img', function() {
if(mfp.items.length > 1) {
mfp.next();
return false;
}
});
}
_document.on('keydown'+ns, function(e) {
if (e.keyCode === 37) {
mfp.prev();
} else if (e.keyCode === 39) {
mfp.next();
}
});
});
_mfpOn('UpdateStatus'+ns, function(e, data) {
if(data.text) {
data.text = _replaceCurrTotal(data.text, mfp.currItem.index, mfp.items.length);
}
});
_m
gitextract_qnhvvtzg/ ├── .gitignore ├── 404.html ├── Gruntfile.js ├── LICENSE ├── README.md ├── _config.yml ├── _includes/ │ ├── Scroll_to_Top.html │ ├── disqus_comments.html │ ├── footer.html │ ├── head.html │ ├── nav.html │ ├── newsletter.html │ ├── search.html │ ├── share.html │ ├── signoff.html │ └── subgallery.html ├── _layouts/ │ ├── default.html │ ├── home.html │ ├── journal_by_category.html │ ├── journal_by_tag.html │ ├── page.html │ └── post.html ├── _posts/ │ ├── 2016-02-01-multiple-galleries.markdown │ ├── 2016-03-01-Around-the-World-in-80-Days.markdown │ ├── 2016-03-05-Moby-Dick.markdown │ ├── 2016-03-10-At-the-Earth's-Core.markdown │ ├── 2016-03-15-The-Wizard-of-Oz.markdown │ ├── 2016-03-20-The-Scarlet-Plague.markdown │ ├── 2016-03-25-Alice-in-Wonderland.markdown │ └── 2016-07-01-images-size-for-better-performance.markdown ├── about/ │ └── index.html ├── bower.json ├── css/ │ ├── WYSIWYG.css │ ├── galleries.css │ ├── journal.css │ ├── magnificpopup.css │ ├── main.css │ ├── selena.css │ ├── super-search.css │ └── tags-wrap.css ├── feed.xml ├── gallery/ │ ├── gallery01/ │ │ └── index.html │ ├── gallery02/ │ │ └── index.html │ ├── gallery03/ │ │ └── index.html │ ├── gallery04/ │ │ └── index.html │ ├── gallery05/ │ │ └── index.html │ ├── gallery06/ │ │ └── index.html │ ├── gallery07/ │ │ └── index.html │ ├── gallery08/ │ │ └── index.html │ ├── gallery09/ │ │ └── index.html │ └── index.html ├── index.html ├── journal/ │ ├── category/ │ │ ├── cat01.md │ │ ├── cat02.md │ │ ├── cat03.md │ │ ├── cat04.md │ │ └── index.html │ ├── index.html │ └── tag/ │ ├── index.html │ ├── tag01.md │ ├── tag02.md │ ├── tag03.md │ └── tag04.md ├── js/ │ ├── jquery.magnific-popup.js │ ├── modernizr.js │ ├── scripts.js │ └── super-search.js ├── newsletter/ │ ├── index.html │ └── js/ │ ├── archivebar-desktop-plugins.js │ └── fancyzoom.mc.js ├── package.json ├── search.html └── search.json
SYMBOL INDEX (25 symbols across 3 files)
FILE: js/modernizr.js
function D (line 2) | function D(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1),d=(a+" "+o.j...
function C (line 2) | function C(a,b){for(var d in a)if(k[a[d]]!==c)return b=="pfx"?a[d]:!0;re...
function B (line 2) | function B(a,b){return!!~(""+a).indexOf(b)}
function A (line 2) | function A(a,b){return typeof a===b}
function z (line 2) | function z(a,b){return y(n.join(a+";")+(b||""))}
function y (line 2) | function y(a){k.cssText=a}
function s (line 2) | function s(a){var b=-1;while(++b<g)a.createElement(f[b])}
function u (line 2) | function u(){r(!0)}
function k (line 2) | function k(a){return!a||a=="loaded"||a=="complete"}
function j (line 2) | function j(){var a=1,b=-1;while(p.length- ++b)if(p[b].s&&!(a=p[b].r))bre...
function i (line 2) | function i(a){var c=b.createElement("script"),d;c.src=a.s,c.onreadystate...
function h (line 2) | function h(a){var c=b.createElement("link"),d;c.href=a.s,c.rel="styleshe...
function g (line 2) | function g(){var a=p.shift();q=1,a?a.t?m(function(){a.t=="c"?h(a):i(a)},...
function f (line 2) | function f(a,c,d,e,f,h){function i(){!o&&k(l.readyState)&&(r.r=o=1,!q&&j...
function e (line 2) | function e(a,b,c){var d=b=="c"?z:y;q=0,b=b||"j",C(a)?f(d,a,b,this.i++,l,...
function d (line 2) | function d(){var a=H;a.loader={load:e,i:0};return a}
function f (line 2) | function f(a){var b=a.split("!"),c=E.length,d=b.pop(),e=b.length,f={url:...
function e (line 2) | function e(a,b,e,g,h){var i=f(a),j=i.autoCallback;if(!i.bypass){b&&(b=D(...
function b (line 2) | function b(a,b){function c(a){if(C(a))e(a,h,b,0,d);else if(B(a))for(i in...
FILE: js/super-search.js
function xmlToJson (line 16) | function xmlToJson(xml) {
function getPostsFromXml (line 48) | function getPostsFromXml(xml) {
function handleInput (line 67) | function handleInput() {
function init (line 97) | function init(options) {
FILE: newsletter/js/fancyzoom.mc.js
function show (line 44) | function show(e) {
function hide (line 179) | function hide() {
Condensed preview — 73 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (367K chars).
[
{
"path": ".gitignore",
"chars": 18,
"preview": "_site\nnode_modules"
},
{
"path": "404.html",
"chars": 258,
"preview": "---\nlayout: page\nheader-img: \"img/404.jpg\"\npermalink: \"/404.html\"\nredirect_to: \"baseurl/journal/\"\n---\n\n<p><h1>Whoops, th"
},
{
"path": "Gruntfile.js",
"chars": 2216,
"preview": "module.exports = function(grunt) {\n\n // Project configuration.\n grunt.initConfig({\n pkg: grunt.file.readJSO"
},
{
"path": "LICENSE",
"chars": 1082,
"preview": "The MIT License (MIT)\n\nCopyright (c) 2016 Anna Prigkipaki\n\nPermission is hereby granted, free of charge, to any person o"
},
{
"path": "README.md",
"chars": 6638,
"preview": "p h o t o r a m a \n====================\n\n![photorama](https://raw.githubusercontent.com/sunbliss/photorama/gh-pages/phot"
},
{
"path": "_config.yml",
"chars": 1777,
"preview": "# Site settings\ntitle: PHOTORAMA\nemail: \"\"\ndescription: \"Photo Journal\"\nurl: \"https://sunbliss.github.io\"\nbaseurl: \"/pho"
},
{
"path": "_includes/Scroll_to_Top.html",
"chars": 3605,
"preview": "<script>\n//** jQuery Scroll to Top Control script- (c) \n//** v1.1 (April 7th, 10')\n//** 1) Adds ability to scroll to an "
},
{
"path": "_includes/disqus_comments.html",
"chars": 880,
"preview": "{% if page.comments %}\n<div id=\"disqus_thread\"></div>\n<script>\n var disqus_config = function () {\n this.pa"
},
{
"path": "_includes/footer.html",
"chars": 4515,
"preview": "<!-- Footer -->\n<footer>\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-8 col-lg-offse"
},
{
"path": "_includes/head.html",
"chars": 2253,
"preview": "<head>\n\n <meta charset=\"utf-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <meta name=\"viewport\" c"
},
{
"path": "_includes/nav.html",
"chars": 1663,
"preview": "<!-- Navigation -->\n<nav class=\"navbar navbar-default navbar-custom navbar-fixed-top\" style=\"margin-right:1em; z-index: "
},
{
"path": "_includes/newsletter.html",
"chars": 1379,
"preview": "\n <div class=\"row\" style=\"background-color: #530720; padding-bottom: 40px; margin-top: 50px; margin-bottom: 80px"
},
{
"path": "_includes/search.html",
"chars": 1005,
"preview": "<a href=\"javascript:void(0)\" title=\"SEARCH\" onclick=\"superSearch.toggle()\" class=\"super-search-btn\">\n<span class=\"fa fa-"
},
{
"path": "_includes/share.html",
"chars": 1981,
"preview": "<div class=\"post-share text-center\">\n <p class=\"light small\">\n <h6>Share this post</h6>\n </p>\n <ul class"
},
{
"path": "_includes/signoff.html",
"chars": 563,
"preview": "<div class=\"post-author text-center\"> \n\t <img src=\"{{ site.baseurl }}/img/{{ site.owner.ava"
},
{
"path": "_includes/subgallery.html",
"chars": 738,
"preview": "{% if include.id %}\n {% assign gallery = page.[include.id] %}\n{% else %}\n {% assign gallery = page.gallery %}\n{% endif"
},
{
"path": "_layouts/default.html",
"chars": 400,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n{% include head.html %}\n\n<head>\n{% if page.url == \"/404.html\" %}<meta http-equiv=\"refr"
},
{
"path": "_layouts/home.html",
"chars": 307,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n{% include head.html %}\n<link rel=\"shortcut icon\" href=\"{{ root_url }}/favicon."
},
{
"path": "_layouts/journal_by_category.html",
"chars": 1201,
"preview": "---\nlayout: page\ntitle: categories\ndescription: archive\nheader-img: \"img/misc-bg.jpg\"\n---\n\n<div id=\"post-content\">\n {"
},
{
"path": "_layouts/journal_by_tag.html",
"chars": 1161,
"preview": "---\nlayout: page\ntitle: tags\ndescription: archive\nheader-img: \"img/misc-bg.jpg\"\n---\n\n<div id=\"post-content\">\n {% if s"
},
{
"path": "_layouts/page.html",
"chars": 1068,
"preview": "---\nlayout: default\n---\n\n<!-- Page Header -->\n<header class=\"intro-header\" style=\"background-image: url('{{ site.baseurl"
},
{
"path": "_layouts/post.html",
"chars": 6898,
"preview": "---\nlayout: default\n---\n\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta http-equiv=\"X-UA-Compatible\" con"
},
{
"path": "_posts/2016-02-01-multiple-galleries.markdown",
"chars": 1784,
"preview": "---\nlayout: \"post\"\ntitle: \"Multiple Galleries\"\nsubtitle: \"A post with multiple galleries arranged with ISOTOPE\"\nactive: "
},
{
"path": "_posts/2016-03-01-Around-the-World-in-80-Days.markdown",
"chars": 2241,
"preview": "---\nlayout: post\ntitle: \"Around the World in 80 Days\"\nsubtitle: \"Jules Verne\"\nactive: journal\nimage:\n featur"
},
{
"path": "_posts/2016-03-05-Moby-Dick.markdown",
"chars": 5028,
"preview": "---\nlayout: post\ntitle: \"Moby Dick\"\nsubtitle: \"Herman Melville\"\nactive: journal\nimage:\n feature: \"pc005.jpg\""
},
{
"path": "_posts/2016-03-10-At-the-Earth's-Core.markdown",
"chars": 4694,
"preview": "---\nlayout: post\ntitle: \"At the Earth's Core\"\nsubtitle: \"Edgar Rice Burroughs\"\nactive: journal\nimage:\n featu"
},
{
"path": "_posts/2016-03-15-The-Wizard-of-Oz.markdown",
"chars": 2139,
"preview": "---\nlayout: post\ntitle: \"The Wizard of Oz\"\nsubtitle: \"L. Frank Baum\"\nactive: journal\nimage:\n feature: \"pc003"
},
{
"path": "_posts/2016-03-20-The-Scarlet-Plague.markdown",
"chars": 2577,
"preview": "---\nlayout: post\ntitle: \"The Scarlet Plague\"\nsubtitle: \"Jack London\"\nactive: journal\nimage:\n feature: \"pc002"
},
{
"path": "_posts/2016-03-25-Alice-in-Wonderland.markdown",
"chars": 4868,
"preview": "---\nlayout: post\ntitle: \"Alice in Wonderland\"\nsubtitle: \"Lewis Carroll\"\nactive: journal\nimage:\n feature: \"pc"
},
{
"path": "_posts/2016-07-01-images-size-for-better-performance.markdown",
"chars": 1996,
"preview": "---\nlayout: \"post\"\ntitle: \"BLOG IMAGE PERFORMANCE IS NECESSARY\"\nsubtitle: \"Image format and what Is the Ideal File Size "
},
{
"path": "about/index.html",
"chars": 756,
"preview": "---\nlayout: page\ntitle: \"About\"\ndescription: \"Statement\"\nactive: about\nheader-img: \"img/about-bg.jpg\"\n---\n\n<h1>CREDITS</"
},
{
"path": "bower.json",
"chars": 310,
"preview": "{\n \"name\": \"photorama\",\n \"description\": \"Photo Journal\",\n \"main\": \"index.html\",\n \"moduleType\": [],\n \"authors\": [\n "
},
{
"path": "css/WYSIWYG.css",
"chars": 8304,
"preview": "/* WYSIWYG TEXT STYLES\n--------------------------------------------------------- */\nhtml { font-family: 'Josefin Sans', "
},
{
"path": "css/galleries.css",
"chars": 11718,
"preview": "/* Galleries */\n.gallery { clear: both; width: 100%; margin: 0 0 2em 0; }\n.gallery::after { content:\"\"; display: block; "
},
{
"path": "css/journal.css",
"chars": 5090,
"preview": ".section--postsWrapper\n{\n width: 100%;\n background: #000;\n padding-top: 20px;\n position: relative;\n clear"
},
{
"path": "css/magnificpopup.css",
"chars": 6958,
"preview": "/* Magnific Popup CSS */\n.mfp-bg {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1042;\n overflow: hidd"
},
{
"path": "css/main.css",
"chars": 8909,
"preview": "body {\n font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 20px;\n color: #eee;\n b"
},
{
"path": "css/selena.css",
"chars": 1204,
"preview": "\n/*-----------------*/\n/***** Selena *****/\n/*-----------------*/\n\nfigure.effect-selena {\n\tbackground: #530720;\n}\n\nfigur"
},
{
"path": "css/super-search.css",
"chars": 2084,
"preview": "/* super-search\nAuthor: Kushagra Gour (http://kushagragour.in)\nMIT Licensed\n*/\n.super-search-btn {\n\tcolor: #fff;\n tra"
},
{
"path": "css/tags-wrap.css",
"chars": 512,
"preview": ".tags-wrap {\n max-width: 1200px;\n margin: auto;\n}\n\n.categories .category-list {\n list-style: none;\n text-align: "
},
{
"path": "feed.xml",
"chars": 1292,
"preview": "---\nlayout: null\n---\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<rss version=\"2.0\" xmlns:atom=\"http://www.w3.org/2005/Atom\">"
},
{
"path": "gallery/gallery01/index.html",
"chars": 2733,
"preview": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my"
},
{
"path": "gallery/gallery02/index.html",
"chars": 2717,
"preview": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my"
},
{
"path": "gallery/gallery03/index.html",
"chars": 2718,
"preview": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my"
},
{
"path": "gallery/gallery04/index.html",
"chars": 2718,
"preview": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my"
},
{
"path": "gallery/gallery05/index.html",
"chars": 2718,
"preview": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my"
},
{
"path": "gallery/gallery06/index.html",
"chars": 2718,
"preview": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my"
},
{
"path": "gallery/gallery07/index.html",
"chars": 2718,
"preview": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my"
},
{
"path": "gallery/gallery08/index.html",
"chars": 2718,
"preview": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my"
},
{
"path": "gallery/gallery09/index.html",
"chars": 2718,
"preview": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my"
},
{
"path": "gallery/index.html",
"chars": 3210,
"preview": "---\nlayout: page\ntitle: \"ALBUMS\"\ndescription: \"archive\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nimages:\n - imag"
},
{
"path": "index.html",
"chars": 4560,
"preview": "---\nlayout: home\nmain-title: \"PHOT•O•RAMA\"\nsubtitle: \"Photo Journal\"\ndescription: \"Photography and more\"\nima"
},
{
"path": "journal/category/cat01.md",
"chars": 126,
"preview": "---\nlayout: \"journal_by_category\"\ncategory: \"cat01\"\npermalink: \"/journal/category/cat01/\"\nheader-img: \"img/archive-bg.jp"
},
{
"path": "journal/category/cat02.md",
"chars": 126,
"preview": "---\nlayout: \"journal_by_category\"\ncategory: \"cat02\"\npermalink: \"/journal/category/cat02/\"\nheader-img: \"img/archive-bg.jp"
},
{
"path": "journal/category/cat03.md",
"chars": 126,
"preview": "---\nlayout: \"journal_by_category\"\ncategory: \"cat03\"\npermalink: \"/journal/category/cat03/\"\nheader-img: \"img/archive-bg.jp"
},
{
"path": "journal/category/cat04.md",
"chars": 126,
"preview": "---\nlayout: \"journal_by_category\"\ncategory: \"cat04\"\npermalink: \"/journal/category/cat04/\"\nheader-img: \"img/archive-bg.jp"
},
{
"path": "journal/category/index.html",
"chars": 1753,
"preview": "---\nlayout: page\ntitle: \"categories\"\ndescription: \"ARCHIVE\"\nheader-img: \"img/misc-bg.jpg\"\n---\n\n{% assign rawcategories ="
},
{
"path": "journal/index.html",
"chars": 2652,
"preview": "---\nlayout: page\ndescription: \"Journal\"\ntitle: \"Writings\"\nactive: journal\nheader-img: \"img/writing-bg.jpg\"\n---\n\n<head>\n<"
},
{
"path": "journal/tag/index.html",
"chars": 1614,
"preview": "---\nlayout: page\ntitle: \"tags\"\ndescription: \"ARCHIVE\"\nheader-img: \"img/misc-bg.jpg\"\n---\n\n{% comment%}\nHere we generate a"
},
{
"path": "journal/tag/tag01.md",
"chars": 111,
"preview": "---\nlayout: \"journal_by_tag\"\ntag: \"tag01\"\npermalink: \"/journal/tag/tag01/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
},
{
"path": "journal/tag/tag02.md",
"chars": 111,
"preview": "---\nlayout: \"journal_by_tag\"\ntag: \"tag02\"\npermalink: \"/journal/tag/tag02/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
},
{
"path": "journal/tag/tag03.md",
"chars": 111,
"preview": "---\nlayout: \"journal_by_tag\"\ntag: \"tag03\"\npermalink: \"/journal/tag/tag03/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
},
{
"path": "journal/tag/tag04.md",
"chars": 111,
"preview": "---\nlayout: \"journal_by_tag\"\ntag: \"tag04\"\npermalink: \"/journal/tag/tag04/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
},
{
"path": "js/jquery.magnific-popup.js",
"chars": 41759,
"preview": "/*! Magnific Popup - v1.1.0 - 2016-02-20\n* http://dimsemenov.com/plugins/magnific-popup/\n* Copyright (c) 2016 Dmitry Sem"
},
{
"path": "js/modernizr.js",
"chars": 9879,
"preview": "/* Modernizr 2.0.6 (Custom Build) | MIT & BSD */\n;window.Modernizr=function(a,b,c){function D(a,b){var c=a.charAt(0).toU"
},
{
"path": "js/scripts.js",
"chars": 6404,
"preview": "(function( $ ){\n\n\t// fullscreen gallery\n\tvar $fullscreen_gallery = jQuery('.fullscreen-gallery.gallery');\n\tif ( $fullscr"
},
{
"path": "js/super-search.js",
"chars": 4204,
"preview": "/* super-search\nAuthor: Kushagra Gour (http://kushagragour.in)\nMIT Licensed\n*/\n(function () {\n\tvar searchFile = '/feed.x"
},
{
"path": "newsletter/index.html",
"chars": 103077,
"preview": "<!doctype html>\n<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-t"
},
{
"path": "newsletter/js/archivebar-desktop-plugins.js",
"chars": 12119,
"preview": "// https://github.com/jonrohan/ZeroClipboard\n// Simple Set Clipboard System\n// Author: Joseph Huckaby\n\nvar ZeroClipboard"
},
{
"path": "newsletter/js/fancyzoom.mc.js",
"chars": 6058,
"preview": "var divsSeen = [];// store the divs we've already handled\nvar currentlyVisible = null;// one zoomy at a time\n\n(function("
},
{
"path": "package.json",
"chars": 552,
"preview": "{\n \"name\": \"photorama\",\n \"version\": \"1.0.0\",\n \"description\": \"Theme by [Start Bootstrap](http://startbootstrap.com/)."
},
{
"path": "search.html",
"chars": 2643,
"preview": "---\nlayout: page\ntitle: Search\ndescription: \"What are you looking for?\"\nheader-img: \"img/archive-bg.jpg\"\npermalink: /sea"
},
{
"path": "search.json",
"chars": 840,
"preview": "---\n---\n[\n {% for post in site.posts %}\n {\n \"title\" : \"{{ post.title | escape }}\",\n \"category\" : \"{{ po"
}
]
About this extraction
This page contains the full source code of the sunbliss/photorama GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 73 files (332.8 KB), approximately 90.7k tokens, and a symbol index with 25 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.