├── .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
├── bootstrap.min.css
├── galleries.css
├── journal.css
├── magnificpopup.css
├── main.css
├── selena.css
├── super-search.css
└── tags-wrap.css
├── favicon.ico
├── feed.xml
├── fonts
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2
├── gallery
├── albums
│ ├── alb01.jpg
│ ├── alb02.jpg
│ ├── alb03.jpg
│ ├── alb04.jpg
│ ├── alb05.jpg
│ ├── alb06.jpg
│ ├── alb07.jpg
│ ├── alb08.jpg
│ └── alb09.jpg
├── archive
│ ├── g01
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g02
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g03
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g04
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g05
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g06
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g07
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g08
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ └── g09
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
├── 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
├── img
├── 404.jpg
├── about-bg.jpg
├── archive-bg.jpg
├── avatar.png
├── galleries
│ ├── g01
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g02
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g03
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g04
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g05
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g06
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g07
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ ├── g08
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
│ └── g09
│ │ ├── bg1.jpg
│ │ ├── bg2.jpg
│ │ └── bg3.jpg
├── gallery-bg.jpg
├── journal
│ ├── post01.jpg
│ ├── post02.jpg
│ └── post03.jpg
├── left-arrow.svg
├── lightbox
│ ├── close.png
│ ├── loading.gif
│ ├── next.png
│ └── prev.png
├── loading.gif
├── misc-bg.jpg
├── postcover
│ ├── pc001.jpg
│ ├── pc002.jpg
│ ├── pc003.jpg
│ ├── pc004.jpg
│ ├── pc005.jpg
│ ├── pc006.jpg
│ ├── pc007.jpg
│ └── pc008.jpg
├── right-arrow.svg
├── slider
│ ├── home01.jpg
│ ├── home02.jpg
│ └── home03.jpg
└── writing-bg.jpg
├── 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
├── isotope.pkgd.min.js
├── jquery.cycle.min.js
├── jquery.isotope.min.js
├── jquery.lazylinepainter.min.js
├── jquery.magnific-popup.js
├── jquery.mousewheel.min.js
├── jquery.tinycarousel.min.js
├── kenburns.min.js
├── main.min.js
├── modernizr.js
├── retina.min.js
├── scripts.js
├── super-search.js
└── zepto.min.js
├── logo.png
├── newsletter
├── Camera-icon.png
├── divider.jpg
├── icons
│ ├── facebook.png
│ ├── instagram.png
│ ├── link.png
│ └── twitter.png
├── images
│ ├── nl01.jpg
│ ├── nl02.jpg
│ ├── nl03.jpg
│ ├── nl04.jpg
│ ├── nl05.jpg
│ ├── nl06.jpg
│ ├── nl07.jpg
│ └── nl08.jpg
├── index.html
└── js
│ ├── ZeroClipboard.min.js
│ ├── archivebar-desktop-plugins.js
│ └── fancyzoom.mc.js
├── package.json
├── photorama_thumb.gif
├── search.html
└── search.json
/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 | node_modules
--------------------------------------------------------------------------------
/404.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | header-img: "img/404.jpg"
4 | permalink: "/404.html"
5 | redirect_to: "baseurl/journal/"
6 | ---
7 |
8 |
Whoops, this page doesn't exist.
9 | You will be redirected to JOURNAL in few seconds.
10 |
11 |
--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
1 | module.exports = function(grunt) {
2 |
3 | // Project configuration.
4 | grunt.initConfig({
5 | pkg: grunt.file.readJSON('package.json'),
6 | uglify: {
7 | main: {
8 | src: 'js/<%= pkg.name %>.js',
9 | dest: 'js/<%= pkg.name %>.min.js'
10 | }
11 | },
12 | less: {
13 | expanded: {
14 | options: {
15 | paths: ["css"]
16 | },
17 | files: {
18 | "css/<%= pkg.name %>.css": "less/<%= pkg.name %>.less"
19 | }
20 | },
21 | minified: {
22 | options: {
23 | paths: ["css"],
24 | cleancss: true
25 | },
26 | files: {
27 | "css/<%= pkg.name %>.min.css": "less/<%= pkg.name %>.less"
28 | }
29 | }
30 | },
31 | banner: '/*!\n' +
32 | ' * <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n' +
33 | ' * Copyright <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' +
34 | ' * Licensed under <%= pkg.license.type %> (<%= pkg.license.url %>)\n' +
35 | ' */\n',
36 | usebanner: {
37 | dist: {
38 | options: {
39 | position: 'top',
40 | banner: '<%= banner %>'
41 | },
42 | files: {
43 | src: ['css/<%= pkg.name %>.css', 'css/<%= pkg.name %>.min.css', 'js/<%= pkg.name %>.min.js']
44 | }
45 | }
46 | },
47 | watch: {
48 | scripts: {
49 | files: ['js/<%= pkg.name %>.js'],
50 | tasks: ['uglify'],
51 | options: {
52 | spawn: false,
53 | },
54 | },
55 | less: {
56 | files: ['less/*.less'],
57 | tasks: ['less'],
58 | options: {
59 | spawn: false,
60 | }
61 | },
62 | },
63 | });
64 |
65 | // Load the plugins.
66 | grunt.loadNpmTasks('grunt-contrib-uglify');
67 | grunt.loadNpmTasks('grunt-contrib-less');
68 | grunt.loadNpmTasks('grunt-banner');
69 | grunt.loadNpmTasks('grunt-contrib-watch');
70 |
71 | // Default task(s).
72 | grunt.registerTask('default', ['uglify', 'less', 'usebanner']);
73 |
74 | };
75 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2016 Anna Prigkipaki
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | p h o t o r a m a
2 | ====================
3 |
4 | 
5 |
6 | ----------
7 |
8 | ---> [DEMO](https://sunbliss.github.io/photorama/ "DEMO") <---
9 |
10 | ----------
11 |
12 | A theme for **jekyll**.
13 |
14 | Created for gh-pages (project page).
15 |
16 | This template was crafted having in mind the photobloggers and the artists.
17 |
18 | It uses [Clean Blog](https://github.com/BlackrockDigital/startbootstrap-clean-blog-jekyll "Clean Blog") as its basis.
19 |
20 | ----------
21 | ## Change Log
22 |
23 | ### Version 2.2 (4/23/2018)
24 |
25 | How to get SSL Certificate (Https) For Jekyll
26 |
27 | ### Version 2.1 (3/22/2017)
28 |
29 | * Fixed script loading.
30 | * Fixed padding bottom for the navbar toggle menu.
31 |
32 |
33 | ### Version 2.0 (2/4/2017)
34 |
35 | * HTTPS is now enforced.
36 |
37 | ~~**Custom Domains are not supported.**~~
38 |
39 | ~~For the time being, the only way to apply a custom domain name is by removing HTTPS as of the previous version.
40 | Hoping Github developers will give its users the ability to add a custom domain served under security.~~
41 |
42 | ### Version 1.2 (1/31/2017)
43 |
44 | * Fixed footer code so that the twitter icon links to the twitter_username instead of instagram_username.
45 |
46 | ### Version 1.1 (7/15/2016)
47 |
48 | * Improved galleries and search section.
49 | * Better rendering of the header text.
50 |
51 | ### Version 1.0 (6/19/2016)
52 | * Initial Template
53 |
54 | ----------
55 |
56 | **IMPORTANT!!!**
57 | ================
58 |
59 | ### Before you begin: Change the URL and the BASEURL as well as the internal nav links in the _config.yml
60 |
61 | The **URL** should say `https://yourusername.github.io`
62 |
63 | The **BASEURL** should say `/repositoryname`
64 |
65 | **Internal nav** should say
66 |
67 | nav:
68 |
69 | - GALLERY: `"https://yourusername.github.io/repositoryname/gallery/"`
70 | - JOURNAL: `"https://yourusername.github.io/repositoryname/journal/"`
71 | - ABOUT: `"https://yourusername.github.io/repositoryname/about/`"
72 |
73 | If there are problems with loading assets like CSS files and images, make sure that both **URL** and **BASEURL** are set correctly!!!
74 |
75 | ----------
76 |
77 | ~~**NOT FOR HTTPS served repos!!!**~~
78 | ==================================
79 |
80 | ~~* Applies for v1.2!~~
81 |
82 | 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`.
83 |
84 | Go to your domain name registrar and add a CNAME record pointing your domain to GitHub Pages:
85 | - type: CNAME
86 | - host: www.yourdomainname.com
87 | - answer: yourusername.github.io/repositoryname
88 | - TTL: 300
89 |
90 | ----------
91 |
92 | Usage
93 | ============
94 |
95 | ###Quick Start
96 |
97 | 1. [Fork this repository](https://github.com/sunbliss/photorama/fork) to get started.
98 | 2. Go to `https://github.com/yourusername/photorama/settings`
99 | 3. Rename the repository to your new project, e.g. *myphotoblog*
100 | 2. Create a new branch called `gh-pages` in your repository.
101 | 3. Go to the branches directory at `https://github.com/yourusername/repositoryname/branches` and *change* **default branch** to **gh-pages**.
102 | 4. Delete **master** branch.
103 | 3. GitHub will build your site automatically and publish it at `https://yourusername.github.io/repositoryname/`.
104 |
105 | ----------
106 |
107 | - The homepage welcomes the visitors with 3 animated photos of your choice. It is recommended that all three are landscape orientated for best view.
108 |
109 | 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.
110 |
111 | ----------
112 |
113 | - To enable **disqus** comments in the posts, change their front matter for comments to 'true'.
114 |
115 | You must have a registered account in disqus, where you will also register a forum for your website.
116 |
117 | Find the line `s.src = '//yourproject.disqus.com/embed.js'; // ` in the disqus_comments.html and REPLACE 'yourproject' with your forum shortname.
118 |
119 | ----------
120 |
121 | - In order to send **newsletters** about your posts to your subscribers, you should register an account in [tinyletter](http://www.tinyletter.com " tinyletter").
122 |
123 | Find the line `'https://tinyletter.com/yourproject', ` in the *newsletter.html* and replace 'yourproject' with your registered website.
124 |
125 | You can always ommit the newsletter rendering by deleting the line `{% include newsletter.html %}
126 | ` in the *default.html* layout.
127 |
128 | ----------
129 |
130 | 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.
131 |
132 | ----------
133 |
134 | **TAGS** and **CATEGORIES** of the posts
135 |
136 | 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.
137 |
138 | ----------
139 |
140 | All the credits and the helpers can be found at **ABOUT** page.
141 |
142 |
143 | ----------
144 |
145 | Read **this** post if you want to ensure your website always loads fast.
146 |
147 |
148 | ----------
149 |
150 | I hope you will find it useful for your projects, photographic or not.
151 |
152 |
153 | ----------
154 |
155 |
156 | ##License
157 |
158 | The MIT License (MIT)
159 |
160 | Copyright (c) 2014 Filippo Oretti, Dario Andrei
161 |
162 | 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:
163 |
164 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
165 |
166 | 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.
167 |
168 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | # Site settings
2 | title: PHOTORAMA
3 | email: ""
4 | description: "Photo Journal"
5 | url: "https://sunbliss.github.io"
6 | baseurl: "/photorama"
7 | facebook_username: ""
8 | twitter_username: ""
9 | instagram_username: ""
10 | github_username: ""
11 | deviantart_username: ""
12 | flickr_username: ""
13 | discus_shortname: ""
14 | share: true
15 |
16 | # Owner/author information
17 | owner:
18 | name: photorama
19 | avatar: avatar.png
20 | favicon: favicon.ico
21 | info: photography website template
22 |
23 | # Settings for comments helper
24 | # Set 'provider' to the comment provider you want to use. (i.e. Disqus, Intense Debate, livefyre, or Facebook Comments)
25 | # Set 'provider' to false to turn commenting off globally.
26 | #Set 'provider: false' to disable comments globally.
27 | # Disable comments for individual pages/posts by specifying 'comments: false' in the page/post YAML Front Matter.
28 | #
29 | comments :
30 | provider : disqus
31 | disqus :
32 | short_name : ""
33 |
34 | # Internal nav
35 | nav:
36 | - GALLERY: "https://sunbliss.github.io/photorama/gallery/"
37 | - JOURNAL: "https://sunbliss.github.io/photorama/journal/"
38 | - ABOUT: "https://sunbliss.github.io/photorama/about/"
39 |
40 | # All translation keys
41 | translations:
42 | # 404.html
43 | permalink: "/404.html"
44 |
45 | # Server
46 | destination: ./_site
47 | port: 4000
48 |
49 |
50 | # Build settings
51 | markdown: kramdown
52 | highlighter: rouge
53 | permalink: pretty
54 | paginate: 5
55 | paginate_path: "/journal/page:num/"
56 | permalink: "/journal/:title/"
57 | categories_path: "/journal/category/"
58 | tags_path: "/journal/tag/"
59 | gems:
60 | - jekyll-paginate
61 | exclude: ["less","node_modules","Gruntfile.js","package.json","README.md"]
62 |
63 | # SiteMap
64 | sitemap:
65 | file: "/sitemap.xml"
66 | exclude:
67 | - "/atom.xml"
68 | - "/feed.xml"
69 | - "/feed/index.xml"
70 | include_posts:
71 | - "/writing/"
72 | change_frequency_name: "change_frequency"
73 | priority_name: "priority"
74 |
--------------------------------------------------------------------------------
/_includes/Scroll_to_Top.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/_includes/disqus_comments.html:
--------------------------------------------------------------------------------
1 | {% if page.comments %}
2 |
3 |
18 | Please enable JavaScript to view the comments powered by Disqus.
19 | {% endif %}
--------------------------------------------------------------------------------
/_includes/footer.html:
--------------------------------------------------------------------------------
1 |
2 |
92 |
--------------------------------------------------------------------------------
/_includes/head.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 | {% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %}
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/_includes/nav.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
11 |
12 |
13 |
14 |
15 | {% for nav_hash in site.nav %}
16 | {% for nav_item in nav_hash %}
17 | {% assign lowercase_nav_item = nav_item[0] | downcase %}
18 | {% if page.active == lowercase_nav_item %}
19 | {{ nav_item[0] }}
20 | {% else %}
21 | {{ nav_item[0] }}
22 | {% endif %}
23 | {% endfor %}
24 | {% endfor %}
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/_includes/newsletter.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
SUBSCRIBE TO RECEIVE POSTS DIRECTLY TO YOUR INBOX
6 |
7 |
8 |
9 |
10 |
11 |
12 |
28 |
--------------------------------------------------------------------------------
/_includes/search.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/_includes/share.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
Share this post
4 |
5 |
--------------------------------------------------------------------------------
/_includes/signoff.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
{{ site.owner.info }}
5 |
--------------------------------------------------------------------------------
/_includes/subgallery.html:
--------------------------------------------------------------------------------
1 | {% if include.id %}
2 | {% assign gallery = page.[include.id] %}
3 | {% else %}
4 | {% assign gallery = page.gallery %}
5 | {% endif %}
6 |
7 |
8 | {% for img in gallery %}
9 |
10 |
11 |
12 |
18 |
19 |
20 |
21 |
{{img.image-caption}}
22 |
{{img.image-copyright}}
23 |
24 |
25 |
26 |
27 | {% endfor %}
28 |
29 |
--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {% include head.html %}
5 |
6 |
7 | {% if page.url == "/404.html" %} {% endif %}
8 |
9 |
10 |
11 |
12 | {% include nav.html %}
13 |
14 | {{ content }}
15 |
16 | {% include search.html %}
17 |
18 | {% include newsletter.html %}
19 |
20 | {% include footer.html %}
21 |
22 | {% include Scroll_to_Top.html %}
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/_layouts/home.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | {% include head.html %}
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 | {% include nav.html %}
14 |
15 | {{ content }}
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/_layouts/journal_by_category.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: categories
4 | description: archive
5 | header-img: "img/misc-bg.jpg"
6 | ---
7 |
8 |
9 | {% if site.categories[page.category] %}
10 | {% for post in site.categories[page.category] %}
11 | {% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %}
12 | {% if forloop.first %}
13 |
{{ post_year }}
14 | {% endif %}
15 |
16 | {% if forloop.first == false %}
17 | {% assign previous_index = forloop.index0 | minus: 1 %}
18 | {% capture previous_post_year %}{{ site.categories[page.category][previous_index].date | date: '%Y' }}{% endcapture %}
19 | {% if post_year != previous_post_year %}
20 |
{{ post_year }}
30 | {% endif %}
31 | {% endfor %}
32 | {% else %}
33 |
There are no posts in this category.
34 | {% endif %}
35 |
--------------------------------------------------------------------------------
/_layouts/journal_by_tag.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: tags
4 | description: archive
5 | header-img: "img/misc-bg.jpg"
6 | ---
7 |
8 |
9 | {% if site.tags[page.tag] %}
10 | {% for post in site.tags[page.tag] %}
11 | {% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %}
12 | {% if forloop.first %}
13 |
{{ post_year }}
14 | {% endif %}
15 |
16 | {% if forloop.first == false %}
17 | {% assign previous_index = forloop.index0 | minus: 1 %}
18 | {% capture previous_post_year %}{{ site.tags[page.tag][previous_index].date | date: '%Y' }}{% endcapture %}
19 | {% if post_year != previous_post_year %}
20 |
{{ post_year }}
30 | {% endif %}
31 | {% endfor %}
32 | {% else %}
33 |
There are no posts for this tag.
34 | {% endif %}
35 |
--------------------------------------------------------------------------------
/_layouts/page.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 |
6 |
19 |
20 |
21 |
22 |
23 | {{ content }}
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/_layouts/post.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | {% assign post = page %}
19 |
20 |
21 |
22 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 | {{ content }}
61 |
62 |
63 |
64 |
65 |
66 |
67 | {% include signoff.html %}
68 |
69 | {% if site.share %}{% include share.html %}{% endif %}
70 |
71 | {% if site.comments %}{% include disqus_comments.html %}{% endif %}
72 |
73 |
74 |
75 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
184 |
185 |
186 |
187 |
188 |
189 |
190 |
191 |
192 |
193 |
194 |
195 |
213 |
214 |
215 |
216 |
217 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
232 |
233 |
234 |
--------------------------------------------------------------------------------
/_posts/2016-02-01-multiple-galleries.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "post"
3 | title: "Multiple Galleries"
4 | subtitle: "A post with multiple galleries arranged with ISOTOPE"
5 | active: "journal"
6 | image:
7 | feature: "pc007.jpg"
8 | date: "2016-02-01"
9 | header-img: "img/postcover/pc007.jpg"
10 | comments: "true"
11 | gallery1:
12 | - image_path: /img/galleries/g01/bg1.jpg
13 | image-caption: IMAGE TITLE
14 | image-copyright: © photorama
15 | - image_path: /img/galleries/g01/bg2.jpg
16 | image-caption: IMAGE TITLE
17 | image-copyright: © photorama
18 | - image_path: /img/galleries/g01/bg3.jpg
19 | image-caption: IMAGE TITLE
20 | image-copyright: © photorama
21 | gallery2:
22 | - image_path: /img/galleries/g02/bg1.jpg
23 | image-caption: IMAGE TITLE
24 | image-copyright: © photorama
25 | - image_path: /img/galleries/g02/bg2.jpg
26 | image-caption: IMAGE TITLE
27 | image-copyright: © photorama
28 | - image_path: /img/galleries/g02/bg3.jpg
29 | image-caption: IMAGE TITLE
30 | image-copyright: © photorama
31 | ---
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
{{page.title}}
45 |
46 |
47 |
48 |
49 |
Content of your post HERE
50 |
51 |
Add as many paragraphs amongst your galleries as you want.
52 |
53 |
54 |
55 |
56 | {% include subgallery.html id="gallery1" %}
57 |
58 |
59 |
60 |
Add as many galleries as you want, including as many photos as you want. Simply edit the FRONT MATTER of the post, adding the corresponding path , caption and copyright info for each one of your photos.
61 |
62 |
63 |
64 | {% include subgallery.html id="gallery2" %}
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 | Photography by: UNSPLASH
--------------------------------------------------------------------------------
/_posts/2016-03-01-Around-the-World-in-80-Days.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Around the World in 80 Days"
4 | subtitle: "Jules Verne"
5 | active: journal
6 | image:
7 | feature: "pc006.jpg"
8 | date: 2016-03-01
9 | header-img: "img/postcover/pc006.jpg"
10 | tags: [tag03]
11 | categories: [cat04]
12 | comments: false
13 | ---
14 |
15 | "You're a sly dog!" said Passepartout, winking at him.
16 |
17 | 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.
18 |
19 | Passepartout went still further the next day; he could not hold his tongue.
20 |
21 | "Mr. Fix," said he, in a bantering tone, "shall we be so unfortunate as to lose you when we get to Hong Kong?"
22 |
23 | "Why," responded Fix, a little embarrassed, "I don't know; perhaps—"
24 |
25 | "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."
26 |
27 | 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.
28 |
29 | "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."
30 |
31 | "Oh, I am quite sure of that!" cried Passepartout, laughing heartily.
32 |
33 | 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.
34 |
35 | Placeholder text by Fillerati . Photography by UNSPLASH .
--------------------------------------------------------------------------------
/_posts/2016-03-05-Moby-Dick.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Moby Dick"
4 | subtitle: "Herman Melville"
5 | active: journal
6 | image:
7 | feature: "pc005.jpg"
8 | date: 2016-03-05
9 | header-img: "img/postcover/pc005.jpg"
10 | tags: [tag02]
11 | categories: [cat03]
12 | comments: false
13 | ---
14 |
15 | 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.'"
16 |
17 | "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.
18 |
19 | "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.
20 |
21 | Placeholder text by Fillerati . Photography by UNSPLASH .
--------------------------------------------------------------------------------
/_posts/2016-03-10-At-the-Earth's-Core.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "At the Earth's Core"
4 | subtitle: "Edgar Rice Burroughs"
5 | active: journal
6 | image:
7 | feature: "pc004.jpg"
8 | date: 2016-03-10
9 | header-img: "img/postcover/pc004.jpg"
10 | tags: [tag01]
11 | categories: [cat02]
12 | comments: false
13 | ---
14 |
15 | 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.
16 |
17 | 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.
18 |
19 | 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.
20 |
21 | 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.
22 |
23 | 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.
24 |
25 | 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.
26 |
27 | 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.
28 |
29 | 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.
30 |
31 | 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.
32 |
33 | Placeholder text by Fillerati . Photography by UNSPLASH .
--------------------------------------------------------------------------------
/_posts/2016-03-15-The-Wizard-of-Oz.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "The Wizard of Oz"
4 | subtitle: "L. Frank Baum"
5 | active: journal
6 | image:
7 | feature: "pc003.jpg"
8 | date: 2016-03-15
9 | header-img: "img/postcover/pc003.jpg"
10 | tags: [tag03, tag04]
11 | categories: [cat03, cat04]
12 | comments: false
13 | ---
14 |
15 | 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.
16 |
17 | Straightway a great flock of wild crows came flying toward her, enough to darken the sky.
18 |
19 | And the Wicked Witch said to the King Crow, "Fly at once to the strangers; peck out their eyes and tear them to pieces."
20 |
21 | The wild crows flew in one great flock toward Dorothy and her companions. When the little girl saw them coming she was afraid.
22 |
23 | But the Scarecrow said, "This is my battle, so lie down beside me and you will not be harmed."
24 |
25 | 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:
26 |
27 | "It is only a stuffed man. I will peck his eyes out."
28 |
29 | 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.
30 |
31 | 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.
32 |
33 | Forthwith there was heard a great buzzing in the air, and a swarm of black bees came flying toward her.
34 |
35 | Placeholder text by Fillerati . Photography by UNSPLASH .
--------------------------------------------------------------------------------
/_posts/2016-03-20-The-Scarlet-Plague.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "The Scarlet Plague"
4 | subtitle: "Jack London"
5 | active: journal
6 | image:
7 | feature: "pc002.jpg"
8 | date: 2016-03-20
9 | header-img: "img/postcover/pc002.jpg"
10 | tags: [tag03, tag04]
11 | categories: [cat03, cat04]
12 | comments: false
13 | ---
14 |
15 | 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.
16 |
17 | "'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—"
18 |
19 | The adjective had caught Hare-Lip's ear.
20 |
21 | "He's always saying that," he said to Edwin. "What is scarlet?"
22 |
23 | "'The scarlet of the maples can shake me like the cry of bugles going by,'" the old man quoted.
24 |
25 | "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."
26 |
27 | "Red is red, ain't it?" Hare-Lip grumbled. "Then what's the good of gettin' cocky and calling it scarlet?"
28 |
29 | "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?"
30 |
31 | "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."
32 |
33 | "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."
34 |
35 | Placeholder text by Fillerati . Photography by UNSPLASH .
--------------------------------------------------------------------------------
/_posts/2016-03-25-Alice-in-Wonderland.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Alice in Wonderland"
4 | subtitle: "Lewis Carroll"
5 | active: journal
6 | image:
7 | feature: "pc001.jpg"
8 | date: 2016-03-25
9 | header-img: "img/postcover/pc001.jpg"
10 | tags: [tag01, tag02]
11 | categories: [cat01, cat02]
12 | comments: false
13 | ---
14 |
15 | 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.
16 |
17 | 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.
18 |
19 | '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.)
20 |
21 | 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.)
22 |
23 | 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.'
24 |
25 | 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.
26 |
27 | 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.
28 |
29 | 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.
30 |
31 | Placeholder text by Fillerati . Photography by UNSPLASH .
--------------------------------------------------------------------------------
/_posts/2016-07-01-images-size-for-better-performance.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "post"
3 | title: "BLOG IMAGE PERFORMANCE IS NECESSARY"
4 | subtitle: "Image format and what Is the Ideal File Size for an Image?"
5 | active: "journal"
6 | image:
7 | feature: "pc008.jpg"
8 | date: "2016-02-01"
9 | header-img: "img/postcover/pc008.jpg"
10 | comments: "true"
11 | ---
12 |
13 | I would like to thank Marianne , owner of DESIGN YOUR OWN BLOG who gave me permission to link to her post where she is talking about blog image performance.
14 |
15 | > Is blog image performance necessary?
16 | >
17 | > Consider this:
18 | >
19 | > Your users don’t want to wait more than 3 seconds for your page to load.
20 | >
21 | > Google pays attention to your website speed and ranks it accordingly.
22 | >
23 | > So I’d say yes, it’s very necessary.
24 | >
25 | > – Marianne
26 |
27 | If you care about your readers this post is a MUST READ .
28 |
29 | > There are 3 steps (4 for JPEGs) we should take to optimize our images:
30 | >
31 | > Always resize the image to the largest size it will appear.
32 | >
33 | > Further reduce JPEG file size with these tricks.
34 | >
35 | > Reduce quality on save.
36 | >
37 | > Run it through a lossless image compression tool.
38 | >
39 | > – Marianne
40 |
41 | 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!
42 |
43 | > 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!
44 | >
45 | > – Marianne
46 |
47 | So, dig in her informative post and learn how you can have a fast loading photography website!
48 |
49 | "THE BIGGEST MISTAKE YOU’RE PROBABLY MAKING WITH YOUR BLOG IMAGES + CHEAT SHEET"
50 |
51 | Thank you Marianne! :)
52 |
53 |
54 |
55 |
56 | Featured Image Source
--------------------------------------------------------------------------------
/about/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "About"
4 | description: "Statement"
5 | active: about
6 | header-img: "img/about-bg.jpg"
7 | ---
8 |
9 | CREDITS
10 |
11 |
12 | The posts were written and exported as markdown ready for publication with Dillinger , a useful online editor.
13 |
14 | All the commits were performed with the help of Source Tree app.
15 |
16 | The photos are organised in galleries with ISOTOPE .
17 |
18 | The search overlay function code lies in SUPER SEARCH .
19 |
20 |
21 |
22 | Image Source: Unsplash
23 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "photorama",
3 | "description": "Photo Journal",
4 | "main": "index.html",
5 | "moduleType": [],
6 | "authors": [
7 | "Anna Prigkipaki"
8 | ],
9 | "license": "Apache-2.0",
10 | "homepage": "",
11 | "private": true,
12 | "ignore": [
13 | "**/.*",
14 | "node_modules",
15 | "bower_components",
16 | "test",
17 | "tests"
18 | ]
19 | }
20 |
--------------------------------------------------------------------------------
/css/journal.css:
--------------------------------------------------------------------------------
1 | .section--postsWrapper
2 | {
3 | width: 100%;
4 | background: #000;
5 | padding-top: 20px;
6 | position: relative;
7 | clear: both;
8 | }
9 |
10 | .blockGroup
11 | {
12 | margin: 0;
13 | padding: 0;
14 | }
15 |
16 | .blockGroup-list {
17 | list-style: none;
18 | padding: 0;
19 | margin-top: 0rem;
20 | margin-left: -25px;
21 | margin-right: 20px;
22 | display: -webkit-box;
23 | display: -webkit-flex;
24 | display: -ms-flexbox;
25 | display: flex;
26 | -webkit-flex-wrap: wrap;
27 | -ms-flex-wrap: wrap;
28 | flex-wrap: wrap;
29 | -webkit-box-align: stretch;
30 | -webkit-align-items: stretch;
31 | -ms-flex-align: stretch;
32 | align-items: stretch;
33 | clear: both;
34 | }
35 |
36 | .blockGroup-list li
37 | {
38 | padding: 0 10px;
39 | }
40 |
41 | .blockGroup-list .block {
42 | display: block;
43 | width: 100%;
44 | margin-bottom: 1.5rem;
45 | font-family: "Roboto", sans-serif;
46 | display: -webkit-flex;
47 | display: -ms-flexbox;
48 | display: -webkit-box;
49 | display: flex;
50 | }
51 |
52 | @media (max-width: 767px)
53 | {
54 | .blockGroup-list .block
55 | {
56 | width: 100%;
57 | }
58 | }
59 |
60 | .blockGroup-list li:nth-child(1).block
61 | {
62 | width: 100%;
63 | }
64 |
65 | .blockGroup-list li:nth-child(1).block .postArticle-image
66 | {
67 | padding-top: 30%;
68 | position: center;
69 | }
70 |
71 | @media (max-width: 767px)
72 | {
73 | .blockGroup-list li:nth-child(1).block .postArticle-image
74 | {
75 | padding-top: 50%;
76 | }
77 | }
78 |
79 | .blockGroup-list li:nth-child(1).block .postArticle-title
80 | {
81 | color: #fff;
82 | font-size: 1rem;
83 | }
84 |
85 | .blockGroup-list li:nth-child(2).block,
86 | .blockGroup-list li:nth-child(3).block
87 | {
88 | width: 100%;
89 | }
90 |
91 | .blockGroup-list li:nth-child(2).block .postArticle-image
92 | {
93 | padding-top: 25%;
94 | background-size: 50%;
95 | background-position: left;
96 | }
97 |
98 | .blockGroup-list li:nth-child(3).block .postArticle-image
99 | {
100 | padding-top: 25%;
101 | background-size: 50%;
102 | background-position: right;
103 | }
104 |
105 | .blockGroup-list li:nth-child(2).block .postArticle-title,
106 | .blockGroup-list li:nth-child(3).block .postArticle-title
107 | {
108 | font-size: 1rem;
109 | }
110 |
111 | @media (max-width: 767px)
112 | {
113 | .blockGroup-list li:nth-child(2).block,
114 | .blockGroup-list li:nth-child(3).block
115 | {
116 | width: 100%;
117 | }
118 | }
119 |
120 | .blockGroup-list li .postArticle-title
121 | {
122 | color: #fff;
123 | font-size: 0.75rem;
124 | line-height: 1.5;
125 | }
126 |
127 | .blockGroup-list .postArticle-wrapper
128 | {
129 | position: relative;
130 | background: #000;
131 | width: 100%;
132 | -webkit-box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0);
133 | box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0);
134 | }
135 |
136 | .blockGroup-list .postArticle-wrapper:hover
137 | {
138 | -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0.4, 0.4, 0.4, 1);
139 | transition: box-shadow 0.2s cubic-bezier(0.4, 0.4, 0.4, 0.4, 1);
140 | -webkit-box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0.8);
141 | box-shadow: 4px 4px 24px 4px rgba(255, 255, 255, 0.8);
142 | }
143 |
144 | .blockGroup-list .postArticle a
145 | {
146 | display: block;
147 | color: #fff;
148 | margin-top: 0.75rem;
149 | font-weight: 300;
150 | text-align: center;
151 | }
152 |
153 | .blockGroup-list li:nth-child(2).block .postArticle-title
154 | {
155 | display: block;
156 | color: #fff;
157 | margin-top: 0.75rem;
158 | text-align: left;
159 | font-weight: 300;
160 | }
161 |
162 | .blockGroup-list li:nth-child(3).block .postArticle-title
163 | {
164 | display: block;
165 | color: #fff;
166 | margin-top: 0.75rem;
167 | font-weight: 300;
168 | text-align: right;
169 | }
170 |
171 | .blockGroup-list .postArticle-image {
172 | background-size: 100%;
173 | background-repeat: no-repeat;
174 | background-position: center;
175 | padding-top: 100%;
176 | -webkit-transition-property: all, left, top, width;
177 | -webkit-transition-duration: .5s, .1s, .1s, .1s;
178 | -webkit-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
179 | -webkit-transition-delay: 0;
180 | -moz-transition-property: all, left, top, width;
181 | -moz-transition-duration: .5s, .1s, .1s, .1s;
182 | -moz-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
183 | -moz-transition-delay: 0;
184 | -ms-transition-property: all, left, top, width;
185 | -ms-transition-duration: .5s, .1s, .1s, .1s;
186 | -ms-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
187 | -ms-transition-delay: 0;
188 | -o-transition-property: all, left, top, width;
189 | -o-transition-duration: .5s, .1s, .1s, .1s;
190 | -o-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
191 | -o-transition-delay: 0;
192 | -webkit-transition-property: all, left, top, width;
193 | transition-property: all, left, top, width;
194 | -webkit-transition-duration: .5s, .1s, .1s, .1s;
195 | transition-duration: .5s, .1s, .1s, .1s;
196 | -webkit-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
197 | transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);
198 | }
199 |
200 | @media (max-width: 767px)
201 | {
202 | .blockGroup-list .postArticle-image
203 | {
204 | padding-top: 50%;
205 | }
206 | }
207 |
208 | .blockGroup-list li:nth-child(2).block .block-postMeta
209 | {
210 | display: block;
211 | color: #fff;
212 | font-size: 15px;
213 | text-transform: uppercase;
214 | text-align: left;
215 | }
216 |
217 | .blockGroup-list li:nth-child(3).block .block-postMeta
218 | {
219 | display: block;
220 | bottom: 0;
221 | padding-bottom: 10px;
222 | color: #fff;
223 | font-size: 15px;
224 | text-transform: uppercase;
225 | text-align: right;
226 | }
227 |
228 | .blockGroup-list .postArticle-title,
229 | .blockGroup-list .block-postMeta
230 | {
231 | color: #fff;
232 | padding-left: 15px;
233 | padding-right: 15px;
234 | text-align: center;
235 | }
236 |
--------------------------------------------------------------------------------
/css/magnificpopup.css:
--------------------------------------------------------------------------------
1 | /* Magnific Popup CSS */
2 | .mfp-bg {
3 | top: 0;
4 | left: 0;
5 | width: 100%;
6 | height: 100%;
7 | z-index: 1042;
8 | overflow: hidden;
9 | position: fixed;
10 | background: #0b0b0b;
11 | opacity: 0.8; }
12 |
13 | .mfp-wrap {
14 | top: 0;
15 | left: 0;
16 | width: 100%;
17 | height: 100%;
18 | z-index: 1043;
19 | position: fixed;
20 | outline: none !important;
21 | -webkit-backface-visibility: hidden; }
22 |
23 | .mfp-container {
24 | text-align: center;
25 | position: absolute;
26 | width: 100%;
27 | height: 100%;
28 | left: 0;
29 | top: 0;
30 | padding: 0 8px;
31 | box-sizing: border-box; }
32 |
33 | .mfp-container:before {
34 | content: '';
35 | display: inline-block;
36 | height: 100%;
37 | vertical-align: middle; }
38 |
39 | .mfp-align-top .mfp-container:before {
40 | display: none; }
41 |
42 | .mfp-content {
43 | position: relative;
44 | display: inline-block;
45 | vertical-align: middle;
46 | margin: 0 auto;
47 | text-align: left;
48 | z-index: 1045; }
49 |
50 | .mfp-inline-holder .mfp-content,
51 | .mfp-ajax-holder .mfp-content {
52 | width: 100%;
53 | cursor: auto; }
54 |
55 | .mfp-ajax-cur {
56 | cursor: progress; }
57 |
58 | .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder {
59 | cursor: -moz-zoom-out;
60 | cursor: -webkit-zoom-out;
61 | cursor: zoom-out; }
62 |
63 | .mfp-zoom {
64 | cursor: pointer;
65 | cursor: -webkit-zoom-in;
66 | cursor: -moz-zoom-in;
67 | cursor: zoom-in; }
68 |
69 | .mfp-auto-cursor .mfp-content {
70 | cursor: auto; }
71 |
72 | .mfp-close,
73 | .mfp-arrow,
74 | .mfp-preloader,
75 | .mfp-counter {
76 | -webkit-user-select: none;
77 | -moz-user-select: none;
78 | user-select: none; }
79 |
80 | .mfp-loading.mfp-figure {
81 | display: none; }
82 |
83 | .mfp-hide {
84 | display: none !important; }
85 |
86 | .mfp-preloader {
87 | color: #CCC;
88 | position: absolute;
89 | top: 50%;
90 | width: auto;
91 | text-align: center;
92 | margin-top: -0.8em;
93 | left: 8px;
94 | right: 8px;
95 | z-index: 1044; }
96 | .mfp-preloader a {
97 | color: #CCC; }
98 | .mfp-preloader a:hover {
99 | color: #FFF; }
100 |
101 | .mfp-s-ready .mfp-preloader {
102 | display: none; }
103 |
104 | .mfp-s-error .mfp-content {
105 | display: none; }
106 |
107 | button.mfp-close,
108 | button.mfp-arrow {
109 | overflow: visible;
110 | cursor: pointer;
111 | background: transparent;
112 | cursor: pointer;
113 | border: 0;
114 | -webkit-appearance: none;
115 | display: block;
116 | outline: none;
117 | padding: 0;
118 | z-index: 1046;
119 | box-shadow: none;
120 | touch-action: manipulation; }
121 |
122 | button::-moz-focus-inner {
123 | padding: 0;
124 | border: 0; }
125 |
126 | .mfp-close {
127 | width: 44px;
128 | height: 44px;
129 | line-height: 44px;
130 | position: absolute;
131 | right: 0;
132 | top: 0;
133 | text-decoration: none;
134 | text-align: center;
135 | opacity: 0.65;
136 | padding: 0 0 18px 10px;
137 | color: #FFF;
138 | font-style: normal;
139 | font-size: 28px;
140 | font-family: Arial, Baskerville, monospace; }
141 | .mfp-close:hover,
142 | .mfp-close:focus {
143 | opacity: 1; }
144 | .mfp-close:active {
145 | top: 1px; }
146 |
147 | .mfp-close-btn-in .mfp-close {
148 | color: #333; }
149 |
150 | .mfp-image-holder .mfp-close,
151 | .mfp-iframe-holder .mfp-close {
152 | color: #FFF;
153 | right: -6px;
154 | text-align: right;
155 | padding-right: 6px;
156 | width: 100%; }
157 |
158 | .mfp-counter {
159 | position: absolute;
160 | top: 0;
161 | right: 0;
162 | color: #CCC;
163 | font-size: 12px;
164 | line-height: 18px;
165 | white-space: nowrap; }
166 |
167 | .mfp-arrow {
168 | position: absolute;
169 | opacity: 0.65;
170 | margin: 0;
171 | top: 50%;
172 | margin-top: -55px;
173 | padding: 0;
174 | width: 90px;
175 | height: 110px;
176 | -webkit-tap-highlight-color: transparent; }
177 | .mfp-arrow:active {
178 | margin-top: -54px; }
179 | .mfp-arrow:hover,
180 | .mfp-arrow:focus {
181 | opacity: 1; }
182 | .mfp-arrow:before,
183 | .mfp-arrow:after {
184 | content: '';
185 | display: block;
186 | width: 0;
187 | height: 0;
188 | position: absolute;
189 | left: 0;
190 | top: 0;
191 | margin-top: 35px;
192 | margin-left: 35px;
193 | border: medium inset transparent; }
194 | .mfp-arrow:after {
195 | border-top-width: 13px;
196 | border-bottom-width: 13px;
197 | top: 8px; }
198 | .mfp-arrow:before {
199 | border-top-width: 21px;
200 | border-bottom-width: 21px;
201 | opacity: 0.7; }
202 |
203 | .mfp-arrow-left {
204 | left: 0; }
205 | .mfp-arrow-left:after {
206 | border-right: 17px solid #FFF;
207 | margin-left: 31px; }
208 | .mfp-arrow-left:before {
209 | margin-left: 25px;
210 | border-right: 27px solid #3F3F3F; }
211 |
212 | .mfp-arrow-right {
213 | right: 0; }
214 | .mfp-arrow-right:after {
215 | border-left: 17px solid #FFF;
216 | margin-left: 39px; }
217 | .mfp-arrow-right:before {
218 | border-left: 27px solid #3F3F3F; }
219 |
220 | .mfp-iframe-holder {
221 | padding-top: 40px;
222 | padding-bottom: 40px; }
223 | .mfp-iframe-holder .mfp-content {
224 | line-height: 0;
225 | width: 100%;
226 | max-width: 900px; }
227 | .mfp-iframe-holder .mfp-close {
228 | top: -40px; }
229 |
230 | .mfp-iframe-scaler {
231 | width: 100%;
232 | height: 0;
233 | overflow: hidden;
234 | padding-top: 56.25%; }
235 | .mfp-iframe-scaler iframe {
236 | position: absolute;
237 | display: block;
238 | top: 0;
239 | left: 0;
240 | width: 100%;
241 | height: 100%;
242 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
243 | background: #000; }
244 |
245 | /* Main image in popup */
246 | img.mfp-img {
247 | width: auto;
248 | max-width: 100%;
249 | height: auto;
250 | display: block;
251 | line-height: 0;
252 | box-sizing: border-box;
253 | padding: 40px 0 40px;
254 | margin: 0 auto; }
255 |
256 | /* The shadow behind the image */
257 | .mfp-figure {
258 | line-height: 0; }
259 | .mfp-figure:after {
260 | content: '';
261 | position: absolute;
262 | left: 0;
263 | top: 40px;
264 | bottom: 40px;
265 | display: block;
266 | right: 0;
267 | width: auto;
268 | height: auto;
269 | z-index: -1;
270 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
271 | background: #444; }
272 | .mfp-figure small {
273 | color: #BDBDBD;
274 | display: block;
275 | font-size: 12px;
276 | line-height: 14px; }
277 | .mfp-figure figure {
278 | margin: 0; }
279 |
280 | .mfp-bottom-bar {
281 | margin-top: -36px;
282 | position: absolute;
283 | top: 100%;
284 | left: 0;
285 | width: 100%;
286 | cursor: auto; }
287 |
288 | .mfp-title {
289 | text-align: left;
290 | line-height: 18px;
291 | color: #F3F3F3;
292 | word-wrap: break-word;
293 | padding-right: 36px; }
294 |
295 | .mfp-image-holder .mfp-content {
296 | max-width: 100%; }
297 |
298 | .mfp-gallery .mfp-image-holder .mfp-figure {
299 | cursor: pointer; }
300 |
301 | @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
302 | /**
303 | * Remove all paddings around the image on small screen
304 | */
305 | .mfp-img-mobile .mfp-image-holder {
306 | padding-left: 0;
307 | padding-right: 0; }
308 | .mfp-img-mobile img.mfp-img {
309 | padding: 0; }
310 | .mfp-img-mobile .mfp-figure:after {
311 | top: 0;
312 | bottom: 0; }
313 | .mfp-img-mobile .mfp-figure small {
314 | display: inline;
315 | margin-left: 5px; }
316 | .mfp-img-mobile .mfp-bottom-bar {
317 | background: rgba(0, 0, 0, 0.6);
318 | bottom: 0;
319 | margin: 0;
320 | top: auto;
321 | padding: 3px 5px;
322 | position: fixed;
323 | box-sizing: border-box; }
324 | .mfp-img-mobile .mfp-bottom-bar:empty {
325 | padding: 0; }
326 | .mfp-img-mobile .mfp-counter {
327 | right: 5px;
328 | top: 3px; }
329 | .mfp-img-mobile .mfp-close {
330 | top: 0;
331 | right: 0;
332 | width: 35px;
333 | height: 35px;
334 | line-height: 35px;
335 | background: rgba(0, 0, 0, 0.6);
336 | position: fixed;
337 | text-align: center;
338 | padding: 0; } }
339 |
340 | @media all and (max-width: 900px) {
341 | .mfp-arrow {
342 | -webkit-transform: scale(0.75);
343 | transform: scale(0.75); }
344 | .mfp-arrow-left {
345 | -webkit-transform-origin: 0;
346 | transform-origin: 0; }
347 | .mfp-arrow-right {
348 | -webkit-transform-origin: 100%;
349 | transform-origin: 100%; }
350 | .mfp-container {
351 | padding-left: 6px;
352 | padding-right: 6px; } }
353 |
--------------------------------------------------------------------------------
/css/selena.css:
--------------------------------------------------------------------------------
1 |
2 | /*-----------------*/
3 | /***** Selena *****/
4 | /*-----------------*/
5 |
6 | figure.effect-selena {
7 | background: #530720;
8 | }
9 |
10 | figure.effect-selena img {
11 | cursor: default;
12 | opacity: 1;
13 | -webkit-transition: -webkit-transform 0.35s;
14 | transition: transform 0.35s;
15 | -webkit-transform-origin: 50% 50%;
16 | transform-origin: 50% 50%;
17 | }
18 |
19 | figure.effect-selena:hover img {
20 | -webkit-transform: scale3d(0.95,0.95,1);
21 | transform: scale3d(0.95,0.95,1);
22 | }
23 |
24 | figure.effect-selena h2 {
25 | -webkit-transition: -webkit-transform 0.35s;
26 | transition: transform 0.35s;
27 | -webkit-transform: translate3d(0,20px,0);
28 | transform: translate3d(0,20px,0);
29 | }
30 |
31 | figure.effect-selena p {
32 | opacity: 0;
33 | -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
34 | transition: opacity 0.35s, transform 0.35s;
35 | -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
36 | transform: perspective(1000px) rotate3d(1,0,0,90deg);
37 | -webkit-transform-origin: 50% 0%;
38 | transform-origin: 50% 0%;
39 | }
40 |
41 | figure.effect-selena:hover h2 {
42 | -webkit-transform: translate3d(0,0,0);
43 | transform: translate3d(0,0,0);
44 | }
45 |
46 | figure.effect-selena:hover p {
47 | opacity: 1;
48 | -webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
49 | transform: perspective(1000px) rotate3d(1,0,0,0);
50 | }
--------------------------------------------------------------------------------
/css/super-search.css:
--------------------------------------------------------------------------------
1 | /* super-search
2 | Author: Kushagra Gour (http://kushagragour.in)
3 | MIT Licensed
4 | */
5 | .super-search-btn {
6 | color: #fff;
7 | transition: color .4s;
8 | text-shadow: 2px 2px #000;
9 | }
10 | .super-search-btn:hover {
11 | color: #6ec54d;
12 | transition: color .3s;
13 | text-shadow: none;
14 | }
15 |
16 | .super-search {
17 | position: fixed;
18 | background-color: rgba(0, 0, 0, 0.95);
19 | left: 0;
20 | right: 0;
21 | top: 0;
22 | bottom: 0;
23 | z-index: 1;
24 | transition: 0.2s ease;
25 | visibility: hidden;
26 | opacity: 0;
27 | }
28 | .super-search__close-btn {
29 | color: #d3d3d3;
30 | transition: color .4s;
31 | position: absolute;
32 | right: 10px;
33 | top: 15px;
34 | z-index: 1;
35 | }
36 | .super-search__close-btn:hover {
37 | color: #fff;
38 | transition: color .3s;
39 | }
40 | .super-search__input {
41 | border: 0;
42 | font-size: 50px;
43 | border-left: none;
44 | border-right: none;
45 | color: #f9f9f9;
46 | background-color: #000;
47 | width: 100%;
48 | outline: 0;
49 | padding: 10px 31px;
50 | text-align: center;
51 | transform: translateY(-100%);
52 | transition: 0.15s ease-out 150ms;
53 | }
54 | .is-active .super-search__input {
55 | transform: translateY(0);
56 | }
57 | .super-search__results {
58 | text-align: center;
59 | list-style: none;
60 | padding: 0;
61 | overflow-x: hidden;
62 | height: calc(100% - 110px);
63 | transition: 0.2s ease;
64 | }
65 | .super-search__results.is-hidden {
66 | opacity: 0;
67 | transform: translateY(-1vh);
68 | }
69 |
70 | .super-search__results > li > a {
71 | font-size: 1.25em;
72 | display: block;
73 | position: relative;
74 | background-color: #111;
75 | padding: 17px;
76 | margin: 12px 14px;
77 | box-shadow: 0 0px 8px rgba(255,255,255,0.45);
78 | }
79 | .super-search__result-date {
80 | color: #BBB;
81 | position: absolute;
82 | right: 12px;
83 | }
84 | @media (max-width: 750px) {
85 | .super-search__result-date {
86 | position: static;
87 | display: block;
88 | }
89 | }
90 | .super-search.is-active {
91 | opacity: 1;
92 | visibility: visible;
93 | z-index: 3;
94 | }
95 |
96 | .super-search__input::-webkit-input-placeholder {
97 | color: rgba(138, 17, 17, .45);
98 | }
99 |
100 | .super-search__input:-moz-placeholder { /* Firefox 18- */
101 | color: rgba(138, 17, 17, .45);
102 | }
103 |
104 | .super-search__input::-moz-placeholder { /* Firefox 19+ */
105 | color: rgba(138, 17, 17, .45);
106 | }
107 |
108 | .super-search__input:-ms-input-placeholder {
109 | color: rgba(138, 17, 17, .45);
110 | }
--------------------------------------------------------------------------------
/css/tags-wrap.css:
--------------------------------------------------------------------------------
1 | .tags-wrap {
2 | max-width: 1200px;
3 | margin: auto;
4 | }
5 |
6 | .categories .category-list {
7 | list-style: none;
8 | text-align: center;
9 | margin-bottom: 10px;
10 | }
11 |
12 | @media (max-width: 450px) {
13 | .categories .category-list {
14 | font-size: 16px;
15 | }
16 | }
17 |
18 | .tags .tag-list {
19 | list-style: none;
20 | text-align: center;
21 | margin-bottom: 10px;
22 | }
23 |
24 | @media (max-width: 450px) {
25 | .tags .tag-list {
26 | font-size: 16px;
27 | }
28 | }
29 |
30 | hr.medium {
31 | max-width: 450px;
32 | margin: 15px auto;
33 | border-width: 4px;
34 | border-color: #d9d4d0;
35 | }
36 |
--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/favicon.ico
--------------------------------------------------------------------------------
/feed.xml:
--------------------------------------------------------------------------------
1 | ---
2 | layout: null
3 | ---
4 |
5 |
6 |
7 | {{ site.title | xml_escape }}
8 | {{ site.description | xml_escape }}
9 | {{ site.url }}{{ site.baseurl }}/
10 |
11 | {{ site.time | date_to_rfc822 }}
12 | {{ site.time | date_to_rfc822 }}
13 | Jekyll v{{ jekyll.version }}
14 | {% for post in site.posts limit:10 %}
15 | -
16 |
{{ post.title | xml_escape }}
17 | {{ post.content | xml_escape }}
18 | {{ post.date | date_to_rfc822 }}
19 | {{ post.url | prepend: site.baseurl | prepend: site.url }}
20 | {{ post.url | prepend: site.baseurl | prepend: site.url }}
21 | {% for tag in post.tags %}
22 | {{ tag | xml_escape }}
23 | {% endfor %}
24 | {% for cat in post.categories %}
25 | {{ cat | xml_escape }}
26 | {% endfor %}
27 |
28 | {% endfor %}
29 |
30 |
31 |
--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/fonts/glyphicons-halflings-regular.eot
--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/fonts/glyphicons-halflings-regular.ttf
--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/fonts/glyphicons-halflings-regular.woff
--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/fonts/glyphicons-halflings-regular.woff2
--------------------------------------------------------------------------------
/gallery/albums/alb01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/albums/alb01.jpg
--------------------------------------------------------------------------------
/gallery/albums/alb02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/albums/alb02.jpg
--------------------------------------------------------------------------------
/gallery/albums/alb03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/albums/alb03.jpg
--------------------------------------------------------------------------------
/gallery/albums/alb04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/albums/alb04.jpg
--------------------------------------------------------------------------------
/gallery/albums/alb05.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/albums/alb05.jpg
--------------------------------------------------------------------------------
/gallery/albums/alb06.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/albums/alb06.jpg
--------------------------------------------------------------------------------
/gallery/albums/alb07.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/albums/alb07.jpg
--------------------------------------------------------------------------------
/gallery/albums/alb08.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/albums/alb08.jpg
--------------------------------------------------------------------------------
/gallery/albums/alb09.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/albums/alb09.jpg
--------------------------------------------------------------------------------
/gallery/archive/g01/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g01/bg1.jpg
--------------------------------------------------------------------------------
/gallery/archive/g01/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g01/bg2.jpg
--------------------------------------------------------------------------------
/gallery/archive/g01/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g01/bg3.jpg
--------------------------------------------------------------------------------
/gallery/archive/g02/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g02/bg1.jpg
--------------------------------------------------------------------------------
/gallery/archive/g02/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g02/bg2.jpg
--------------------------------------------------------------------------------
/gallery/archive/g02/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g02/bg3.jpg
--------------------------------------------------------------------------------
/gallery/archive/g03/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g03/bg1.jpg
--------------------------------------------------------------------------------
/gallery/archive/g03/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g03/bg2.jpg
--------------------------------------------------------------------------------
/gallery/archive/g03/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g03/bg3.jpg
--------------------------------------------------------------------------------
/gallery/archive/g04/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g04/bg1.jpg
--------------------------------------------------------------------------------
/gallery/archive/g04/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g04/bg2.jpg
--------------------------------------------------------------------------------
/gallery/archive/g04/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g04/bg3.jpg
--------------------------------------------------------------------------------
/gallery/archive/g05/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g05/bg1.jpg
--------------------------------------------------------------------------------
/gallery/archive/g05/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g05/bg2.jpg
--------------------------------------------------------------------------------
/gallery/archive/g05/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g05/bg3.jpg
--------------------------------------------------------------------------------
/gallery/archive/g06/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g06/bg1.jpg
--------------------------------------------------------------------------------
/gallery/archive/g06/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g06/bg2.jpg
--------------------------------------------------------------------------------
/gallery/archive/g06/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g06/bg3.jpg
--------------------------------------------------------------------------------
/gallery/archive/g07/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g07/bg1.jpg
--------------------------------------------------------------------------------
/gallery/archive/g07/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g07/bg2.jpg
--------------------------------------------------------------------------------
/gallery/archive/g07/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g07/bg3.jpg
--------------------------------------------------------------------------------
/gallery/archive/g08/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g08/bg1.jpg
--------------------------------------------------------------------------------
/gallery/archive/g08/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g08/bg2.jpg
--------------------------------------------------------------------------------
/gallery/archive/g08/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g08/bg3.jpg
--------------------------------------------------------------------------------
/gallery/archive/g09/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g09/bg1.jpg
--------------------------------------------------------------------------------
/gallery/archive/g09/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g09/bg2.jpg
--------------------------------------------------------------------------------
/gallery/archive/g09/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/gallery/archive/g09/bg3.jpg
--------------------------------------------------------------------------------
/gallery/gallery01/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "album"
4 | description: "masonry"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | album-title: "my 1st album"
8 | images:
9 | - image_path: /gallery/archive/g01/bg1.jpg
10 | caption: IMAGE TITLE
11 | copyright: © photorama
12 | - image_path: /gallery/archive/g01/bg2.jpg
13 | caption: IMAGE TITLE
14 | copyright: © photorama
15 | - image_path: /gallery/archive/g01/bg3.jpg
16 | caption: IMAGE TITLE
17 | copyright: © photorama
18 | ---
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
{{page.album-title}}
31 |
32 |
33 |
34 |
35 |
36 | {% for image in page.images %}
37 |
38 |
39 |
45 |
46 |
47 |
{{image.caption}}
48 |
{{image.copyright}}
49 |
50 |
51 |
52 |
53 | {% endfor %}
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
--------------------------------------------------------------------------------
/gallery/gallery02/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "album"
4 | description: "masonry"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | album-title: "my 2nd album"
8 | images:
9 | - image_path: /gallery/archive/g02/bg1.jpg
10 | caption: IMAGE TITLE
11 | mfp-title: IMAGE TITLE
12 | copyright: © photorama
13 | - image_path: /gallery/archive/g02/bg2.jpg
14 | caption: IMAGE TITLE
15 | copyright: © photorama
16 | - image_path: /gallery/archive/g02/bg3.jpg
17 | caption: IMAGE TITLE
18 | copyright: © photorama
19 | ---
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
{{page.album-title}}
32 |
33 |
34 |
35 |
36 |
37 | {% for image in page.images %}
38 |
39 |
40 |
46 |
47 |
48 |
{{image.caption}}
49 |
{{image.copyright}}
50 |
51 |
52 |
53 |
54 | {% endfor %}
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/gallery/gallery03/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "album"
4 | description: "masonry"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | album-title: "my 3rd album"
8 | images:
9 | - image_path: /gallery/archive/g03/bg1.jpg
10 | caption: IMAGE TITLE
11 | mfp-title: IMAGE TITLE
12 | copyright: © photorama
13 | - image_path: /gallery/archive/g03/bg2.jpg
14 | caption: IMAGE TITLE
15 | copyright: © photorama
16 | - image_path: /gallery/archive/g03/bg3.jpg
17 | caption: IMAGE TITLE
18 | copyright: © photorama
19 | ---
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
{{page.album-title}}
32 |
33 |
34 |
35 |
36 |
37 | {% for image in page.images %}
38 |
39 |
40 |
46 |
47 |
48 |
{{image.caption}}
49 |
{{image.copyright}}
50 |
51 |
52 |
53 |
54 | {% endfor %}
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/gallery/gallery04/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "album"
4 | description: "masonry"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | album-title: "my 4th album"
8 | images:
9 | - image_path: /gallery/archive/g04/bg1.jpg
10 | caption: IMAGE TITLE
11 | mfp-title: IMAGE TITLE
12 | copyright: © photorama
13 | - image_path: /gallery/archive/g04/bg2.jpg
14 | caption: IMAGE TITLE
15 | copyright: © photorama
16 | - image_path: /gallery/archive/g04/bg3.jpg
17 | caption: IMAGE TITLE
18 | copyright: © photorama
19 | ---
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
{{page.album-title}}
32 |
33 |
34 |
35 |
36 |
37 | {% for image in page.images %}
38 |
39 |
40 |
46 |
47 |
48 |
{{image.caption}}
49 |
{{image.copyright}}
50 |
51 |
52 |
53 |
54 | {% endfor %}
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/gallery/gallery05/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "album"
4 | description: "masonry"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | album-title: "my 5th album"
8 | images:
9 | - image_path: /gallery/archive/g05/bg1.jpg
10 | caption: IMAGE TITLE
11 | mfp-title: IMAGE TITLE
12 | copyright: © photorama
13 | - image_path: /gallery/archive/g05/bg2.jpg
14 | caption: IMAGE TITLE
15 | copyright: © photorama
16 | - image_path: /gallery/archive/g05/bg3.jpg
17 | caption: IMAGE TITLE
18 | copyright: © photorama
19 | ---
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
{{page.album-title}}
32 |
33 |
34 |
35 |
36 |
37 | {% for image in page.images %}
38 |
39 |
40 |
46 |
47 |
48 |
{{image.caption}}
49 |
{{image.copyright}}
50 |
51 |
52 |
53 |
54 | {% endfor %}
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/gallery/gallery06/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "album"
4 | description: "masonry"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | album-title: "my 6th album"
8 | images:
9 | - image_path: /gallery/archive/g06/bg1.jpg
10 | caption: IMAGE TITLE
11 | mfp-title: IMAGE TITLE
12 | copyright: © photorama
13 | - image_path: /gallery/archive/g06/bg2.jpg
14 | caption: IMAGE TITLE
15 | copyright: © photorama
16 | - image_path: /gallery/archive/g06/bg3.jpg
17 | caption: IMAGE TITLE
18 | copyright: © photorama
19 | ---
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
{{page.album-title}}
32 |
33 |
34 |
35 |
36 |
37 | {% for image in page.images %}
38 |
39 |
40 |
46 |
47 |
48 |
{{image.caption}}
49 |
{{image.copyright}}
50 |
51 |
52 |
53 |
54 | {% endfor %}
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/gallery/gallery07/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "album"
4 | description: "masonry"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | album-title: "my 7th album"
8 | images:
9 | - image_path: /gallery/archive/g07/bg1.jpg
10 | caption: IMAGE TITLE
11 | mfp-title: IMAGE TITLE
12 | copyright: © photorama
13 | - image_path: /gallery/archive/g07/bg2.jpg
14 | caption: IMAGE TITLE
15 | copyright: © photorama
16 | - image_path: /gallery/archive/g07/bg3.jpg
17 | caption: IMAGE TITLE
18 | copyright: © photorama
19 | ---
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
{{page.album-title}}
32 |
33 |
34 |
35 |
36 |
37 | {% for image in page.images %}
38 |
39 |
40 |
46 |
47 |
48 |
{{image.caption}}
49 |
{{image.copyright}}
50 |
51 |
52 |
53 |
54 | {% endfor %}
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/gallery/gallery08/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "album"
4 | description: "masonry"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | album-title: "my 8th album"
8 | images:
9 | - image_path: /gallery/archive/g08/bg1.jpg
10 | caption: IMAGE TITLE
11 | mfp-title: IMAGE TITLE
12 | copyright: © photorama
13 | - image_path: /gallery/archive/g08/bg2.jpg
14 | caption: IMAGE TITLE
15 | copyright: © photorama
16 | - image_path: /gallery/archive/g08/bg3.jpg
17 | caption: IMAGE TITLE
18 | copyright: © photorama
19 | ---
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
{{page.album-title}}
32 |
33 |
34 |
35 |
36 |
37 | {% for image in page.images %}
38 |
39 |
40 |
46 |
47 |
48 |
{{image.caption}}
49 |
{{image.copyright}}
50 |
51 |
52 |
53 |
54 | {% endfor %}
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/gallery/gallery09/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "album"
4 | description: "masonry"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | album-title: "my 9th album"
8 | images:
9 | - image_path: /gallery/archive/g09/bg1.jpg
10 | caption: IMAGE TITLE
11 | mfp-title: IMAGE TITLE
12 | copyright: © photorama
13 | - image_path: /gallery/archive/g09/bg2.jpg
14 | caption: IMAGE TITLE
15 | copyright: © photorama
16 | - image_path: /gallery/archive/g09/bg3.jpg
17 | caption: IMAGE TITLE
18 | copyright: © photorama
19 | ---
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
{{page.album-title}}
32 |
33 |
34 |
35 |
36 |
37 | {% for image in page.images %}
38 |
39 |
40 |
46 |
47 |
48 |
{{image.caption}}
49 |
{{image.copyright}}
50 |
51 |
52 |
53 |
54 | {% endfor %}
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
98 |
99 |
100 |
--------------------------------------------------------------------------------
/gallery/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "ALBUMS"
4 | description: "archive"
5 | active: gallery
6 | header-img: "img/gallery-bg.jpg"
7 | images:
8 | - image_path: /gallery/albums/alb01.jpg
9 | gallery-folder: /gallery/gallery01/
10 | gallery-name: gallery1
11 | gallery-date: July 2015
12 | - image_path: /gallery/albums/alb02.jpg
13 | gallery-folder: /gallery/gallery02/
14 | gallery-name: gallery2
15 | gallery-date: June 2015
16 | - image_path: /gallery/albums/alb03.jpg
17 | gallery-folder: /gallery/gallery03/
18 | gallery-name: gallery3
19 | gallery-date: May 2015
20 | - image_path: /gallery/albums/alb04.jpg
21 | gallery-folder: /gallery/gallery04/
22 | gallery-name: gallery4
23 | gallery-date: April 2015
24 | - image_path: /gallery/albums/alb05.jpg
25 | gallery-folder: /gallery/gallery05/
26 | gallery-name: gallery5
27 | gallery-date: March 2015
28 | - image_path: /gallery/albums/alb06.jpg
29 | gallery-folder: /gallery/gallery06/
30 | gallery-name: gallery6
31 | gallery-date: February 2015
32 | - image_path: /gallery/albums/alb07.jpg
33 | gallery-folder: /gallery/gallery07/
34 | gallery-name: gallery7
35 | gallery-date: January 2015
36 | - image_path: /gallery/albums/alb08.jpg
37 | gallery-folder: /gallery/gallery08/
38 | gallery-name: gallery8
39 | gallery-date: December 2014
40 | - image_path: /gallery/albums/alb09.jpg
41 | gallery-folder: /gallery/gallery09/
42 | gallery-name: gallery9
43 | gallery-date: November 2014
44 | ---
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
{{page.title}}
59 |
60 |
61 |
62 |
63 | {% for image in page.images %}
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
{{image.gallery-name}}
76 |
{{image.gallery-date}}
77 |
78 |
79 |
80 |
81 |
82 | {% endfor %}
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 | Image Source: Unsplash
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
--------------------------------------------------------------------------------
/img/404.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/404.jpg
--------------------------------------------------------------------------------
/img/about-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/about-bg.jpg
--------------------------------------------------------------------------------
/img/archive-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/archive-bg.jpg
--------------------------------------------------------------------------------
/img/avatar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/avatar.png
--------------------------------------------------------------------------------
/img/galleries/g01/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g01/bg1.jpg
--------------------------------------------------------------------------------
/img/galleries/g01/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g01/bg2.jpg
--------------------------------------------------------------------------------
/img/galleries/g01/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g01/bg3.jpg
--------------------------------------------------------------------------------
/img/galleries/g02/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g02/bg1.jpg
--------------------------------------------------------------------------------
/img/galleries/g02/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g02/bg2.jpg
--------------------------------------------------------------------------------
/img/galleries/g02/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g02/bg3.jpg
--------------------------------------------------------------------------------
/img/galleries/g03/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g03/bg1.jpg
--------------------------------------------------------------------------------
/img/galleries/g03/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g03/bg2.jpg
--------------------------------------------------------------------------------
/img/galleries/g03/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g03/bg3.jpg
--------------------------------------------------------------------------------
/img/galleries/g04/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g04/bg1.jpg
--------------------------------------------------------------------------------
/img/galleries/g04/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g04/bg2.jpg
--------------------------------------------------------------------------------
/img/galleries/g04/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g04/bg3.jpg
--------------------------------------------------------------------------------
/img/galleries/g05/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g05/bg1.jpg
--------------------------------------------------------------------------------
/img/galleries/g05/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g05/bg2.jpg
--------------------------------------------------------------------------------
/img/galleries/g05/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g05/bg3.jpg
--------------------------------------------------------------------------------
/img/galleries/g06/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g06/bg1.jpg
--------------------------------------------------------------------------------
/img/galleries/g06/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g06/bg2.jpg
--------------------------------------------------------------------------------
/img/galleries/g06/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g06/bg3.jpg
--------------------------------------------------------------------------------
/img/galleries/g07/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g07/bg1.jpg
--------------------------------------------------------------------------------
/img/galleries/g07/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g07/bg2.jpg
--------------------------------------------------------------------------------
/img/galleries/g07/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g07/bg3.jpg
--------------------------------------------------------------------------------
/img/galleries/g08/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g08/bg1.jpg
--------------------------------------------------------------------------------
/img/galleries/g08/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g08/bg2.jpg
--------------------------------------------------------------------------------
/img/galleries/g08/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g08/bg3.jpg
--------------------------------------------------------------------------------
/img/galleries/g09/bg1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g09/bg1.jpg
--------------------------------------------------------------------------------
/img/galleries/g09/bg2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g09/bg2.jpg
--------------------------------------------------------------------------------
/img/galleries/g09/bg3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/galleries/g09/bg3.jpg
--------------------------------------------------------------------------------
/img/gallery-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/gallery-bg.jpg
--------------------------------------------------------------------------------
/img/journal/post01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/journal/post01.jpg
--------------------------------------------------------------------------------
/img/journal/post02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/journal/post02.jpg
--------------------------------------------------------------------------------
/img/journal/post03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/journal/post03.jpg
--------------------------------------------------------------------------------
/img/left-arrow.svg:
--------------------------------------------------------------------------------
1 |
7 |
8 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/img/lightbox/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/lightbox/close.png
--------------------------------------------------------------------------------
/img/lightbox/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/lightbox/loading.gif
--------------------------------------------------------------------------------
/img/lightbox/next.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/lightbox/next.png
--------------------------------------------------------------------------------
/img/lightbox/prev.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/lightbox/prev.png
--------------------------------------------------------------------------------
/img/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/loading.gif
--------------------------------------------------------------------------------
/img/misc-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/misc-bg.jpg
--------------------------------------------------------------------------------
/img/postcover/pc001.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/postcover/pc001.jpg
--------------------------------------------------------------------------------
/img/postcover/pc002.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/postcover/pc002.jpg
--------------------------------------------------------------------------------
/img/postcover/pc003.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/postcover/pc003.jpg
--------------------------------------------------------------------------------
/img/postcover/pc004.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/postcover/pc004.jpg
--------------------------------------------------------------------------------
/img/postcover/pc005.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/postcover/pc005.jpg
--------------------------------------------------------------------------------
/img/postcover/pc006.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/postcover/pc006.jpg
--------------------------------------------------------------------------------
/img/postcover/pc007.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/postcover/pc007.jpg
--------------------------------------------------------------------------------
/img/postcover/pc008.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/postcover/pc008.jpg
--------------------------------------------------------------------------------
/img/right-arrow.svg:
--------------------------------------------------------------------------------
1 |
7 |
8 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/img/slider/home01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/slider/home01.jpg
--------------------------------------------------------------------------------
/img/slider/home02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/slider/home02.jpg
--------------------------------------------------------------------------------
/img/slider/home03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/slider/home03.jpg
--------------------------------------------------------------------------------
/img/writing-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/img/writing-bg.jpg
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: home
3 | main-title: "PHOT•O•RAMA"
4 | subtitle: "Photo Journal"
5 | description: "Photography and more"
6 | images:
7 | - image_path: /img/slider/home01.jpg
8 | gallery-folder: /img/slider/
9 | - image_path: /img/slider/home02.jpg
10 | gallery-folder: /img/slider/
11 | - image_path: /img/slider/home03.jpg
12 | gallery-folder: /img/slider/
13 | ---
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
{{ page.main-title }}
47 |
{{ page.subtitle }}
48 |
49 |
{{ page.description }}
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 | {% for image in page.images %}
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 | {% endfor %}
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 |
--------------------------------------------------------------------------------
/journal/category/cat01.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "journal_by_category"
3 | category: "cat01"
4 | permalink: "/journal/category/cat01/"
5 | header-img: "img/archive-bg.jpg"
6 | ---
--------------------------------------------------------------------------------
/journal/category/cat02.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "journal_by_category"
3 | category: "cat02"
4 | permalink: "/journal/category/cat02/"
5 | header-img: "img/archive-bg.jpg"
6 | ---
--------------------------------------------------------------------------------
/journal/category/cat03.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "journal_by_category"
3 | category: "cat03"
4 | permalink: "/journal/category/cat03/"
5 | header-img: "img/archive-bg.jpg"
6 | ---
--------------------------------------------------------------------------------
/journal/category/cat04.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "journal_by_category"
3 | category: "cat04"
4 | permalink: "/journal/category/cat04/"
5 | header-img: "img/archive-bg.jpg"
6 | ---
--------------------------------------------------------------------------------
/journal/category/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "categories"
4 | description: "ARCHIVE"
5 | header-img: "img/misc-bg.jpg"
6 | ---
7 |
8 | {% assign rawcategories = "" %}
9 | {% for post in site.posts %}
10 | {% assign tcategories = post.categories | join:'|' | append:'|' %}
11 | {% assign rawcategories = rawcategories | append:tcategories %}
12 | {% endfor %}
13 |
14 | {% assign rawcategories = rawcategories | split:'|' | sort %}
15 |
16 | {% assign categories = "" %}
17 |
18 | {% for category in rawcategories %}
19 | {% if tag != "" %}
20 |
21 | {% if categories == "" %}
22 | {% assign categories = category | split:'|' %}
23 | {% endif %}
24 |
25 | {% unless categories contains category %}
26 | {% assign categories = categories | join:'|' | append:'|' | append:category | split:'|' %}
27 | {% endunless %}
28 | {% endif %}
29 | {% endfor %}
30 |
31 |
32 | JOURNAL ⇌ {{ page.title }}
33 |
34 |
35 |
36 |
37 |
38 | {% for category in categories %}
39 | {{ category }}
40 | {% endfor %}
41 |
42 | {% for category in categories %}
43 |
{{ category }}
44 |
45 | {% for post in site.posts %}
46 | {% if post.categories contains category %}
47 |
48 |
49 | {{ post.title }}
50 |
51 | ◌ {{ post.date | date_to_string }} ◌
52 |
53 | {% for tag in post.tags %}
54 | {{ tag }}
55 | {% endfor %}
56 |
57 | {% endif %}
58 | {% endfor %}
59 |
60 | {% endfor %}
61 |
62 |
63 |
--------------------------------------------------------------------------------
/journal/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | description: "Journal"
4 | title: "Writings"
5 | active: journal
6 | header-img: "img/writing-bg.jpg"
7 | ---
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
POSTS
16 |
17 |
20 |
21 |
22 |
62 |
63 |
64 |
65 | {% if paginator.total_pages > 1 %}
66 |
81 | {% endif %}
82 |
83 |
84 | Image Source: UNSPLASH
85 |
86 |
87 |
--------------------------------------------------------------------------------
/journal/tag/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: "tags"
4 | description: "ARCHIVE"
5 | header-img: "img/misc-bg.jpg"
6 | ---
7 |
8 | {% comment%}
9 | Here we generate all the tags.
10 | {% endcomment%}
11 |
12 | {% assign rawtags = "" %}
13 | {% for post in site.posts %}
14 | {% assign ttags = post.tags | join:'|' | append:'|' %}
15 | {% assign rawtags = rawtags | append:ttags %}
16 | {% endfor %}
17 |
18 | {% assign rawtags = rawtags | split:'|' | sort %}
19 |
20 | {% assign tags = "" %}
21 |
22 | {% for tag in rawtags %}
23 | {% if tag != "" %}
24 |
25 | {% if tags == "" %}
26 | {% assign tags = tag | split:'|' %}
27 | {% endif %}
28 |
29 | {% unless tags contains tag %}
30 | {% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %}
31 | {% endunless %}
32 | {% endif %}
33 | {% endfor %}
34 |
35 |
36 | JOURNAL ⇌ {{ page.title }}
37 |
38 |
39 |
40 |
41 |
42 | {% for tag in tags %}
43 | {{ tag }}
44 | {% endfor %}
45 |
46 | {% for tag in tags %}
47 |
{{ tag }}
48 |
49 | {% for post in site.posts %}
50 | {% if post.tags contains tag %}
51 |
52 |
53 | {{ post.title }}
54 |
55 | ◌ {{ post.date | date_to_string }} ◌
56 |
57 | {% for tag in post.tags %}
58 | {{ tag }}
59 | {% endfor %}
60 |
61 | {% endif %}
62 | {% endfor %}
63 |
64 | {% endfor %}
65 |
66 |
--------------------------------------------------------------------------------
/journal/tag/tag01.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "journal_by_tag"
3 | tag: "tag01"
4 | permalink: "/journal/tag/tag01/"
5 | header-img: "img/archive-bg.jpg"
6 | ---
--------------------------------------------------------------------------------
/journal/tag/tag02.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "journal_by_tag"
3 | tag: "tag02"
4 | permalink: "/journal/tag/tag02/"
5 | header-img: "img/archive-bg.jpg"
6 | ---
--------------------------------------------------------------------------------
/journal/tag/tag03.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "journal_by_tag"
3 | tag: "tag03"
4 | permalink: "/journal/tag/tag03/"
5 | header-img: "img/archive-bg.jpg"
6 | ---
--------------------------------------------------------------------------------
/journal/tag/tag04.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: "journal_by_tag"
3 | tag: "tag04"
4 | permalink: "/journal/tag/tag04/"
5 | header-img: "img/archive-bg.jpg"
6 | ---
--------------------------------------------------------------------------------
/js/jquery.lazylinepainter.min.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Lazy Line Painter
3 | * SVG Stroke animation.
4 | *
5 | * https://github.com/camoconnell/lazy-line-painter
6 | * http://www.camoconnell.com
7 | *
8 | * Licensed under the MIT license.
9 | *
10 | */
11 | (function(e){var g={init:function(a){return this.each(function(){var b=e(this),c=b.data("lazyLinePainter");b.addClass("lazy-line");if(!c){var c=e.extend({width:null,height:null,strokeWidth:2,strokeColor:"#000",strokeOverColor:null,strokeCap:"round",strokeJoin:"round",strokeOpacity:1,arrowEnd:"none",onComplete:null,onStart:null,delay:null,overrideKey:null,drawSequential:!0,speedMultiplier:1,reverse:!1,responsive:!1},a),d=c.overrideKey?c.overrideKey:b.attr("id").replace("#",""),f=c.svgData[d].dimensions.width,
12 | l=c.svgData[d].dimensions.height;c.svgData=c.svgData[d].strokepath;null===c.width&&(c.width=f);null===c.height&&(c.height=l);c.responsive||b.css({width:c.width,height:c.height});d="0 0 "+f+" "+l;f=document.createElementNS("http://www.w3.org/2000/svg","svg");f.setAttributeNS(null,"viewBox",d);f.setAttribute("xmlns","http://www.w3.org/2000/svg");c.svg=e(f);b.append(c.svg);b.data("lazyLinePainter",c)}})},paint:function(){return this.each(function(){var a=e(this).data("lazyLinePainter"),b=function(){a.paths=
13 | [];a.longestDuration=0;for(var b=a.playhead=0,d=0,f=0,d=0;da.longestDuration&&(a.longestDuration=b);var g;g=a.reverse?f-=b:a.playhead;a.paths.push({duration:b,drawStartTime:g,path:e,length:h});a.playhead+=b}a.totalDuration=
14 | a.drawSequential?a.playhead:a.longestDuration;a.rAF=requestAnimationFrame(function(b){k(b,a)});if(null!==a.onStart)a.onStart()};null===a.delay?b():setTimeout(b,a.delay)})},pauseResume:function(){return this.each(function(){var a=e(this).data("lazyLinePainter");a.paused?(a.paused=!1,requestAnimationFrame(function(b){n(b,a)})):(a.paused=!0,cancelAnimationFrame(a.rAF))})},erase:function(){return this.each(function(){var a=e(this).data("lazyLinePainter");a.startTime=null;a.elapsedTime=null;cancelAnimationFrame(a.rAF);
15 | a.svg.empty()})},destroy:function(){return this.each(function(){var a=e(this);a.removeData("lazyLinePainter");a.remove()})}},n=function(a,b){b.startTime=a-b.elapsedTime;requestAnimationFrame(function(a){k(a,b)})},k=function(a,b){b.startTime||(b.startTime=a);b.elapsedTime=a-b.startTime;for(var c=0;cd&&(d=0)):d=b.elapsedTime;db.paths[c].duration&&(b.paths[c].path.style.strokeDashoffset=0)}if(b.elapsedTimen)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})});
9 |
--------------------------------------------------------------------------------
/js/jquery.tinycarousel.min.js:
--------------------------------------------------------------------------------
1 | /*! tinycarousel - v2.1.8 - 2015-02-22
2 | * https://baijs.com/tinycarousel
3 | *
4 | * Copyright (c) 2015 Maarten Baijs ;
5 | * Licensed under the MIT license */
6 |
7 | !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){function b(b,e){function f(){return i.update(),i.move(i.slideCurrent),g(),i}function g(){i.options.buttons&&(n.click(function(){return i.move(--t),!1}),m.click(function(){return i.move(++t),!1})),a(window).resize(i.update),i.options.bullets&&b.on("click",".bullet",function(){return i.move(t=+a(this).attr("data-slide")),!1})}function h(){i.options.buttons&&!i.options.infinite&&(n.toggleClass("disable",i.slideCurrent<=0),m.toggleClass("disable",i.slideCurrent>=i.slidesTotal-r)),i.options.bullets&&(o.removeClass("active"),a(o[i.slideCurrent]).addClass("active"))}this.options=a.extend({},d,e),this._defaults=d,this._name=c;var i=this,j=b.find(".viewport:first"),k=b.find(".overview:first"),l=null,m=b.find(".next:first"),n=b.find(".prev:first"),o=b.find(".bullet"),p=0,q={},r=0,s=0,t=0,u="x"===this.options.axis,v=u?"Width":"Height",w=u?"left":"top",x=null;return this.slideCurrent=0,this.slidesTotal=0,this.intervalActive=!1,this.update=function(){return k.find(".mirrored").remove(),l=k.children(),p=j[0]["offset"+v],s=l.first()["outer"+v](!0),i.slidesTotal=l.length,i.slideCurrent=i.options.start||0,r=Math.ceil(p/s),k.append(l.slice(0,r).clone().addClass("mirrored")),k.css(v.toLowerCase(),s*(i.slidesTotal+r)),h(),i},this.start=function(){return i.options.interval&&(clearTimeout(x),i.intervalActive=!0,x=setTimeout(function(){i.move(++t)},i.options.intervalTime)),i},this.stop=function(){return clearTimeout(x),i.intervalActive=!1,i},this.move=function(a){return t=isNaN(a)?i.slideCurrent:a,i.slideCurrent=t%i.slidesTotal,0>t&&(i.slideCurrent=t=i.slidesTotal-1,k.css(w,-i.slidesTotal*s)),t>i.slidesTotal&&(i.slideCurrent=t=1,k.css(w,0)),q[w]=-t*s,k.animate(q,{queue:!1,duration:i.options.animation?i.options.animationTime:0,always:function(){b.trigger("move",[l[i.slideCurrent],i.slideCurrent])}}),h(),i.start(),i},f()}var c="tinycarousel",d={start:0,axis:"x",buttons:!0,bullets:!1,interval:!1,intervalTime:3e3,animation:!0,animationTime:1e3,infinite:!0};a.fn[c]=function(d){return this.each(function(){a.data(this,"plugin_"+c)||a.data(this,"plugin_"+c,new b(a(this),d))})}});
--------------------------------------------------------------------------------
/js/kenburns.min.js:
--------------------------------------------------------------------------------
1 | /*
2 | Ken Burns effect JQuery plugin
3 | Copyright (C) 2011 Will McGugan http://www.willmcgugan.com
4 | */
5 |
6 | (function(e){e.fn.kenburns=function(t){function g(){var e=new Date;return e.getTime()-i}function y(e,t,n,r,i){return{x:e+(n-e)*i,y:t+(r-t)*i}}function b(e,t,n){var r=y(e[0],e[1],t[0],t[1],n);var i=y(e[2],e[3],t[2],t[3],n);return[r.x,r.y,i.x,i.y]}function w(e,t){var n=e[2]-e[0];var r=e[3]-e[1];var i=(e[2]+e[0])/2;var s=(e[3]+e[1])/2;var o=n*t;var u=r*t;return[i-o/2,s-u/2,i+o/2,s+u/2]}function E(e,t,n,r){var i=e/t;var s=n/r;var o=t*s;var u=t;if(o>e){var o=e;var u=e/s}var a=(e-o)/2;var f=(t-u)/2;return[a,f,a+o,f+u]}function S(e,t){var n=m[e];if(!n.initialized){var r=new Image;n.image=r;n.loaded=false;r.onload=function(){n.loaded=true;var i=r.width;var u=r.height;var a=E(i,u,s,o);var f=w(a,d);var l=Math.floor(Math.random()*3)-1;var c=Math.floor(Math.random()*3)-1;l/=2;c/=2;var h=f[0];f[0]+=h*l;f[2]+=h*l;var p=f[1];f[1]+=p*c;f[3]+=p*c;if(e%2){n.r1=a;n.r2=f}else{n.r1=f;n.r2=a}if(t){t()}};n.initialized=true;r.src=n.path}return n}function x(e,t,n){if(t>1){return}var i=S(e);if(i.loaded){var u=b(i.r1,i.r2,t);var a=Math.min(1,n);if(a>0){r.save();r.globalAlpha=Math.min(1,a);r.drawImage(i.image,u[0],u[1],u[2]-u[0],u[3]-u[1],0,0,s,o);r.restore()}}}function T(){r.save();r.globalAlpha=1;r.fillStyle=v;r.fillRect(0,0,r.canvas.width,r.canvas.height);r.restore()}function N(){function u(e){return(e+m.length)%m.length}var e=g();var i=Math.floor(e/(a-f));var s=i*(a-f);var o=e-s;if(o1?!0:e.matchMedia&&e.matchMedia(a).matches?!0:!1};var g=/\.\w+$/;e.RetinaImagePath=c,c.confirmed_paths=[],c.prototype.is_external=function(){return!(!this.path.match(/^https?\:/i)||this.path.match("//"+document.domain))},c.prototype.check_2x_variant=function(a){var b,d=this;return this.is_external()?a(!1):this.perform_check||"undefined"==typeof this.at_2x_path||null===this.at_2x_path?this.at_2x_path in c.confirmed_paths?a(!0):(b=new XMLHttpRequest,b.open("HEAD",this.at_2x_path),b.onreadystatechange=function(){if(4!==b.readyState)return a(!1);if(b.status>=200&&b.status<=399){if(f.check_mime_type){var e=b.getResponseHeader("Content-Type");if(null===e||!e.match(/^image/i))return a(!1)}return c.confirmed_paths.push(d.at_2x_path),a(!0)}return a(!1)},b.send(),void 0):a(!0)},e.RetinaImage=d,d.prototype.swap=function(a){function b(){c.el.complete?(f.force_original_dimensions&&(c.el.setAttribute("width",c.el.offsetWidth),c.el.setAttribute("height",c.el.offsetHeight)),c.el.setAttribute("src",a)):setTimeout(b,5)}"undefined"==typeof a&&(a=this.path.at_2x_path);var c=this;b()},a.isRetina()&&a.init(e)}();
--------------------------------------------------------------------------------
/js/scripts.js:
--------------------------------------------------------------------------------
1 | (function( $ ){
2 |
3 | // fullscreen gallery
4 | var $fullscreen_gallery = jQuery('.fullscreen-gallery.gallery');
5 | if ( $fullscreen_gallery.length > 0 ) {
6 |
7 | if ( $fullscreen_gallery.find('.gallery-item').length > 1 ) { // if there are more than 1 image
8 |
9 | if ( !$fullscreen_gallery.hasClass('kenburns-gallery') ) { // do not initialize if kenburns
10 | jQuery('#footer').prepend(' < ▎▎ > ');
11 |
12 | $fullscreen_gallery.before('').cycle({
13 | slideExpr: '.gallery-item',
14 | fx: 'fade',
15 | speed: 1000,
16 | timeout: 5000,
17 | pager: '#gallerythumbs',
18 | slideResize: true,
19 | containerResize: true,
20 | width: '100%',
21 | height: '100%',
22 | fit: 1,
23 | cleartypeNoBg : true,
24 | pagerAnchorBuilder: function(idx, slide) {
25 | return ' ';
26 | },
27 | prev: '#gallerynav .prev',
28 | next: '#gallerynav .next'
29 | });
30 | var paused = false;
31 | jQuery('#gallerynav .pause').on('click', function() {
32 | if ( !paused ) {
33 | $fullscreen_gallery.cycle('pause');
34 | paused = true;
35 | }
36 | else {
37 | $fullscreen_gallery.cycle('resume');
38 | paused = false;
39 | }
40 | jQuery(this).toggleClass('active');
41 | });
42 | // show/hide thumbs
43 | var revealed = false;
44 | jQuery('#gallerynav a.thumbs').on('click', function() { // if clicked on svg button
45 | // show thumbs wrapper
46 | jQuery('#gallerythumbs').toggleClass('reveal');
47 | // show thumbs
48 | if (!revealed) {
49 | jQuery('body').addClass('gallerythumbsrevealed');
50 | revealed = true;
51 | }
52 | // hide thumbs
53 | else {
54 | jQuery('body').removeClass('gallerythumbsrevealed');
55 | revealed = false;
56 | }
57 | // pause cycling
58 | $fullscreen_gallery.cycle('pause');
59 | paused = true;
60 | });
61 | jQuery('#gallerythumbs').on('click', function() { // if clicked on a thumb (large image will be automatically shown) or somewhere else
62 | // hide thumbs wrapper
63 | jQuery('#gallerythumbs').toggleClass('reveal');
64 | jQuery('body').removeClass('gallerythumbsrevealed');
65 | // resume cycling
66 | $fullscreen_gallery.cycle('resume');
67 | paused = false;
68 | revealed = false;
69 | });
70 | // scroll gallery thumbs with mousewheel
71 | jQuery('#gallerythumbs').on('mousewheel', function(event) {
72 | if (event.deltaY < 0) { // scroll right
73 | jQuery('#gallerythumbs').stop().animate({scrollLeft: '+=180px' }, 300);
74 | }
75 | else {
76 | jQuery('#gallerythumbs').stop().animate({scrollLeft: '-=180px' }, 300);
77 | }
78 | });
79 | }
80 | }
81 | }
82 |
83 |
84 |
85 | // kenburns on one featured image header image
86 | var $kenburns = jQuery('.kenburns-gallery.gallery');
87 | if ( $kenburns.length > 0 ) {
88 | var gallery_set = [];
89 | $kenburns.find('.gallery-icon img').each( function() {
90 | gallery_set.push(jQuery(this).attr('src'));
91 | });
92 |
93 | jQuery('#kenburns').attr('width', jQuery(window).width());
94 | jQuery('#kenburns').attr('height', jQuery(window).height());
95 | jQuery('#kenburns').kenburns({
96 | images: gallery_set,
97 | frames_per_second: 30,
98 | display_time: 5000,
99 | fade_time: 1000,
100 | zoom: 1.2,
101 | background_color:'#F7F6F5'
102 | });
103 | }
104 |
105 |
106 |
107 |
108 | /* ********* WINDOW LOAD ********** */
109 | jQuery(window).load(function() {
110 |
111 | // load screen
112 | jQuery('.loadreveal').addClass('reveal');
113 | jQuery('#loadscreen').stop().animate( { opacity: 0 }, 200, function() {
114 | jQuery('body.home').removeClass('loading');
115 | jQuery(this).hide();
116 | });
117 |
118 |
119 | // masonry gallery
120 | var $masonry_gallery = jQuery('.masonry-gallery.gallery');
121 | if ( $masonry_gallery.length > 0 ) {
122 |
123 | $masonry_gallery.each( function(index, element) {
124 | var $masonry_items = $(element).find('.gallery-item');
125 |
126 | // set masonry layout
127 | $(element).isotope({
128 | masonry: { columnWidth: $(element).find('.gallery-item')[0] },
129 | itemSelector: '.gallery-item'
130 | });
131 | $(element).isotope('layout');
132 |
133 | // filtering
134 | jQuery('#gallery-filter li a').on('click', function(){
135 | jQuery('#gallery-filter li a').removeClass('active');
136 | jQuery(this).addClass('active');
137 | var selector = jQuery(this).attr('data-filter');
138 | $masonry_gallery.isotope({ filter: selector });
139 | return false;
140 | });
141 |
142 | // changing layout
143 | jQuery('#grid-changer li a').on('click', function(){
144 | jQuery('#grid-changer li a').removeClass('active');
145 | jQuery(this).toggleClass('active');
146 |
147 | $masonry_items.removeClass('col-3');
148 | $masonry_items.removeClass('col-4');
149 | $masonry_items.removeClass('col-5');
150 | $masonry_items.toggleClass(jQuery(this).closest('li').attr('class'));
151 | $masonry_gallery.isotope('layout');
152 | });
153 |
154 | });
155 | }
156 |
157 |
158 | // before-after
159 | var $before_after = jQuery('.before-after.gallery');
160 | if ( $before_after.length > 0 ) {
161 | $before_after.imageReveal({
162 | barWidth: 4,
163 | touchBarWidth: 50,
164 | startPosition: 0.5,
165 | width: jQuery('.before-after img').width(),
166 | height: jQuery('.before-after img').height()
167 | });
168 | }
169 |
170 | // changing blog layout
171 | var $blog_layout = jQuery('#blog-timeline');
172 | if ( $blog_layout.length > 0 ) {
173 |
174 | jQuery('#grid-changer li a').on('click', function(){
175 | jQuery('#grid-changer li a').removeClass('active');
176 | jQuery(this).toggleClass('active');
177 |
178 | $blog_layout.closest('.wrapper').toggleClass('blog-masonry');
179 |
180 | if ( $blog_layout.closest('.wrapper').hasClass('blog-masonry') ) {
181 | jQuery('#blog-post').animate({'left': '100%'}, 400, function() {
182 | // set masonry layout
183 | $blog_layout.isotope({
184 | masonry: { columnWidth: $blog_layout.find('article')[0], gutter: 60 },
185 | itemSelector: 'article'
186 | });
187 | $blog_layout.isotope('layout');
188 | jQuery('#blog-post').hide();
189 | });
190 | }
191 | else {
192 | jQuery('#blog-post').show().animate({'left': '0'}, 400 );
193 | $blog_layout.isotope('destroy');
194 |
195 | if ( $masonry_gallery.length > 0 ) {
196 | $masonry_gallery.isotope('layout');
197 | }
198 | }
199 | });
200 | }
201 | });
202 |
203 |
204 | } )( jQuery );
205 |
--------------------------------------------------------------------------------
/js/super-search.js:
--------------------------------------------------------------------------------
1 | /* super-search
2 | Author: Kushagra Gour (http://kushagragour.in)
3 | MIT Licensed
4 | */
5 | (function () {
6 | var searchFile = '/feed.xml',
7 | searchEl,
8 | searchInputEl,
9 | searchResultsEl,
10 | currentInputValue = '',
11 | lastSearchResultHash,
12 | posts = [];
13 |
14 | // Changes XML to JSON
15 | // Modified version from here: http://davidwalsh.name/convert-xml-json
16 | function xmlToJson(xml) {
17 | // Create the return object
18 | var obj = {};
19 | if (xml.nodeType == 3) { // text
20 | obj = xml.nodeValue;
21 | }
22 |
23 | // do children
24 | // If all text nodes inside, get concatenated text from them.
25 | var textNodes = [].slice.call(xml.childNodes).filter(function (node) { return node.nodeType === 3; });
26 | if (xml.hasChildNodes() && xml.childNodes.length === textNodes.length) {
27 | obj = [].slice.call(xml.childNodes).reduce(function (text, node) { return text + node.nodeValue; }, '');
28 | }
29 | else if (xml.hasChildNodes()) {
30 | for(var i = 0; i < xml.childNodes.length; i++) {
31 | var item = xml.childNodes.item(i);
32 | var nodeName = item.nodeName;
33 | if (typeof(obj[nodeName]) == "undefined") {
34 | obj[nodeName] = xmlToJson(item);
35 | } else {
36 | if (typeof(obj[nodeName].push) == "undefined") {
37 | var old = obj[nodeName];
38 | obj[nodeName] = [];
39 | obj[nodeName].push(old);
40 | }
41 | obj[nodeName].push(xmlToJson(item));
42 | }
43 | }
44 | }
45 | return obj;
46 | }
47 |
48 | function getPostsFromXml(xml) {
49 | var json = xmlToJson(xml);
50 | return json.channel.item;
51 | }
52 |
53 | window.toggleSearch = function toggleSearch() {
54 | searchEl.classList.toggle('is-active');
55 | if (searchEl.classList.contains('is-active')) {
56 | // while opening
57 | searchInputEl.value = '';
58 | } else {
59 | // while closing
60 | searchResultsEl.classList.add('is-hidden');
61 | }
62 | setTimeout(function () {
63 | searchInputEl.focus();
64 | }, 210);
65 | }
66 |
67 | function handleInput() {
68 | var currentResultHash, d;
69 |
70 | currentInputValue = (searchInputEl.value + '').toLowerCase();
71 | if (!currentInputValue || currentInputValue.length < 3) {
72 | lastSearchResultHash = '';
73 | searchResultsEl.classList.add('is-hidden');
74 | return;
75 | }
76 | searchResultsEl.style.offsetWidth;
77 |
78 | var matchingPosts = posts.filter(function (post) {
79 | if ((post.title + '').toLowerCase().indexOf(currentInputValue) !== -1 || (post.description + '').toLowerCase().indexOf(currentInputValue) !== -1) {
80 | return true;
81 | }
82 | });
83 | if (!matchingPosts.length) {
84 | searchResultsEl.classList.add('is-hidden');
85 | }
86 | currentResultHash = matchingPosts.reduce(function(hash, post) { return post.title + hash; }, '');
87 | if (matchingPosts.length && currentResultHash !== lastSearchResultHash) {
88 | searchResultsEl.classList.remove('is-hidden');
89 | searchResultsEl.innerHTML = matchingPosts.map(function (post) {
90 | d = new Date(post.pubDate);
91 | return '' + post.title + '' + d.toUTCString().replace(/.*(\d{2})\s+(\w{3})\s+(\d{4}).*/,'$2 $1, $3') + ' ';
92 | }).join('');
93 | }
94 | lastSearchResultHash = currentResultHash;
95 | }
96 |
97 | function init(options) {
98 | searchFile = options.searchFile || searchFile;
99 | searchEl = document.querySelector(options.searchSelector || '#js-super-search');
100 | searchInputEl = document.querySelector(options.inputSelector || '#js-super-search__input');
101 | searchResultsEl = document.querySelector(options.resultsSelector || '#js-super-search__results');
102 |
103 | var xmlhttp=new XMLHttpRequest();
104 | xmlhttp.open('GET', searchFile);
105 | xmlhttp.onreadystatechange = function () {
106 | if (xmlhttp.readyState != 4) return;
107 | if (xmlhttp.status != 200 && xmlhttp.status != 304) { return; }
108 | var node = (new DOMParser).parseFromString(xmlhttp.responseText, 'text/xml');
109 | node = node.children[0];
110 | posts = getPostsFromXml(node);
111 | }
112 | xmlhttp.send();
113 |
114 | // Toggle on ESC key
115 | window.addEventListener('keyup', function onKeyPress(e) {
116 | if (e.which === 27) {
117 | toggleSearch();
118 | }
119 | });
120 | // Open on '/' key
121 | window.addEventListener('keypress', function onKeyPress(e) {
122 | if (e.which === 47 && !searchEl.classList.contains('is-active')) {
123 | toggleSearch();
124 | }
125 | });
126 |
127 | searchInputEl.addEventListener('input', function onInputChange() {
128 | handleInput();
129 | });
130 | }
131 |
132 | init.toggle = toggleSearch;
133 |
134 | window.superSearch = init;
135 |
136 | })();
137 |
--------------------------------------------------------------------------------
/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/logo.png
--------------------------------------------------------------------------------
/newsletter/Camera-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/Camera-icon.png
--------------------------------------------------------------------------------
/newsletter/divider.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/divider.jpg
--------------------------------------------------------------------------------
/newsletter/icons/facebook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/icons/facebook.png
--------------------------------------------------------------------------------
/newsletter/icons/instagram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/icons/instagram.png
--------------------------------------------------------------------------------
/newsletter/icons/link.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/icons/link.png
--------------------------------------------------------------------------------
/newsletter/icons/twitter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/icons/twitter.png
--------------------------------------------------------------------------------
/newsletter/images/nl01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/images/nl01.jpg
--------------------------------------------------------------------------------
/newsletter/images/nl02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/images/nl02.jpg
--------------------------------------------------------------------------------
/newsletter/images/nl03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/images/nl03.jpg
--------------------------------------------------------------------------------
/newsletter/images/nl04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/images/nl04.jpg
--------------------------------------------------------------------------------
/newsletter/images/nl05.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/images/nl05.jpg
--------------------------------------------------------------------------------
/newsletter/images/nl06.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/images/nl06.jpg
--------------------------------------------------------------------------------
/newsletter/images/nl07.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/images/nl07.jpg
--------------------------------------------------------------------------------
/newsletter/images/nl08.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/newsletter/images/nl08.jpg
--------------------------------------------------------------------------------
/newsletter/js/ZeroClipboard.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * zeroclipboard
3 | * The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface.
4 | * Copyright 2012 Jon Rohan, James M. Greene, .
5 | * Released under the MIT license
6 | * http://zeroclipboard.github.com/ZeroClipboard/
7 | * v1.2.0-beta.1
8 | */(function(){"use strict";var a=function(a,b){var c=a.style[b];a.currentStyle?c=a.currentStyle[b]:window.getComputedStyle&&(c=document.defaultView.getComputedStyle(a,null).getPropertyValue(b));if(c=="auto"&&b=="cursor"){var d=["a"];for(var e=0;e=0?"&nocache=":"?nocache=")+(new Date).getTime():""},i=function(a){var b=[];if(a.trustedDomains){var c;typeof a.trustedDomains=="string"&&a.trustedDomains?c=[a.trustedDomains]:"length"in a.trustedDomains&&(c=a.trustedDomains),b.push("trustedDomain="+encodeURIComponent(c.join(",")))}return typeof a.amdModuleId=="string"&&a.amdModuleId&&b.push("amdModuleId="+encodeURIComponent(a.amdModuleId)),b.join("&")},j=function(a,b){if(b.indexOf)return b.indexOf(a);for(var c=0,d=b.length;c ';b=document.createElement("div"),b.id="global-zeroclipboard-html-bridge",b.setAttribute("class","global-zeroclipboard-container"),b.setAttribute("data-clipboard-ready",!1),b.style.position="absolute",b.style.left="-9999px",b.style.top="-9999px",b.style.width="15px",b.style.height="15px",b.style.zIndex="9999",b.innerHTML=c,document.body.appendChild(b)}a.htmlBridge=b,a.flashBridge=document["global-zeroclipboard-flash-bridge"]||b.children[0].lastElementChild};l.prototype.resetBridge=function(){this.htmlBridge.style.left="-9999px",this.htmlBridge.style.top="-9999px",this.htmlBridge.removeAttribute("title"),this.htmlBridge.removeAttribute("data-clipboard-text"),f(m,this.options.activeClass),m=null,this.options.text=null},l.prototype.ready=function(){var a=this.htmlBridge.getAttribute("data-clipboard-ready");return a==="true"||a===!0},l.prototype.reposition=function(){if(!m)return!1;var a=g(m);this.htmlBridge.style.top=a.top+"px",this.htmlBridge.style.left=a.left+"px",this.htmlBridge.style.width=a.width+"px",this.htmlBridge.style.height=a.height+"px",this.htmlBridge.style.zIndex=a.zIndex+1,this.setSize(a.width,a.height)},l.dispatch=function(a,b){l.prototype._singleton.receiveEvent(a,b)},l.prototype.on=function(a,b){var c=a.toString().split(/\s/g);for(var d=0;d \
15 | \
16 |
\
17 | Close \
18 | ';
19 |
20 | $('body').append(html);
21 |
22 | $('html').click(function(e){if($(e.target).parents('#' + zoom_id + ':visible').length == 0) hide();});
23 | $(document).keyup(function(event){
24 | if (event.keyCode == 27 && $('#' + zoom_id + ':visible').length > 0) hide();
25 | });
26 |
27 | $('#' + zoom_id + '_close').click(hide);
28 | }
29 |
30 | var zoom = $('#' + zoom_id);
31 | var zoom_table = $('#' + zoom_id + '_table');
32 | var zoom_close = $('#' + zoom_id + '_close');
33 | var zoom_content = $('#' + zoom_id + '_content');
34 | var middle_row = $('td.ml,td.mm,td.mr');
35 |
36 | this.each(function(i) {
37 | $($(this).attr('href')).hide();
38 | $(this).click(show);
39 | });
40 |
41 |
42 | return this;
43 |
44 | function show(e) {
45 | e.preventDefault();
46 | if (zooming)
47 | return false;
48 |
49 | var hrefAttr = $(this).attr('href');
50 | var seenAlready = false;
51 | for (var i = 0; i < divsSeen.length; i++) {
52 | if (divsSeen[i] == hrefAttr) {
53 | seenAlready = true;
54 | break;
55 | }
56 | }
57 |
58 | if (currentlyVisible != null && currentlyVisible != zoom) {
59 | $(currentlyVisible).hide();
60 | }
61 |
62 | var render = !options.persist || !seenAlready;
63 |
64 | zooming = true;
65 | var content_div = $($(this).attr('href'));
66 | var zoom_width = options.width;
67 | var zoom_height = options.height;
68 | var iframe_height = options.iframe_height ? options.iframe_height : '200';
69 | var href = $(this).attr('href');
70 | var width = window.innerWidth
71 | || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
72 | var height = window.innerHeight
73 | || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
74 | var x = window.pageXOffset
75 | || (window.document.documentElement.scrollLeft || window.document.body.scrollLeft);
76 | var y = window.pageYOffset
77 | || (window.document.documentElement.scrollTop || window.document.body.scrollTop);
78 | var window_size = {
79 | 'width' : width,
80 | 'height' : height,
81 | 'x' : x,
82 | 'y' : y
83 | }
84 | var width = (zoom_width || content_div.width()) + 60;
85 | var height = (zoom_height || content_div.height()) + 60;
86 | var d = window_size;
87 |
88 |
89 | // ensure that newTop is at least 0 so it doesn't hide close button
90 | if (window.top!=window.self){
91 | var newTop = e.currentTarget.clientX;
92 | var newLeft = e.currentTarget.clientY;
93 | } else {
94 | var newTop = Math.max((d.height / 2) - (height / 2) + y, 0);
95 | var newLeft = (d.width / 2) - (width / 2);
96 | }
97 | var curTop = e.pageY ? e.pageY : 0;// IE says boo to pageY
98 | var curLeft = e.pageX ? e.pageX : 0;// IE says boo to pageX
99 |
100 | zoom_close.attr('curTop', curTop);
101 | zoom_close.attr('curLeft', curLeft);
102 | zoom_close.attr('scaleImg', options.scaleImg ? 'true' : 'false');
103 |
104 | zoom.hide().css( {
105 | position : 'absolute',
106 | top : curTop + 'px',
107 | left : curLeft + 'px',
108 | width : '1px',
109 | height : '1px'
110 | });
111 |
112 | zoom_close.hide();
113 |
114 | if (options.closeOnClick) {
115 | zoom.click(hide);
116 | }
117 |
118 | if ($(this).attr('href').indexOf('http') != -1) {
119 | var iframe = true;
120 | }
121 |
122 | if (render) {
123 | if (options.scaleImg) {
124 | if (iframe == true) {
125 | zoom_content
126 | .html('');
127 | } else {
128 | zoom_content.html(content_div.html());
129 | }
130 | $('#zoom_content img').css('width', '100%');
131 | } else {
132 | if (!options.persist) {
133 | var content_children = zoom_content.children();
134 | for (var i = 0; i < content_children.length; i++) {
135 | $(zoom_content.attr('rel')).append(content_children[i]);
136 | }
137 | }
138 | }
139 | }
140 | zoom
141 | .animate(
142 | {
143 | top : newTop + 'px',
144 | left : newLeft + 'px',
145 | opacity : "show",
146 | width : width,
147 | height : height,
148 | 'z-index' : '99999'
149 | },
150 | 150,
151 | null,
152 | function() {
153 | if (options.scaleImg != true) {
154 | if (iframe == true) {
155 | zoom_content
156 | .html('');
157 | } else {
158 | if (render) {
159 | var content_children = content_div.children();
160 | for (var i = 0; i < content_children.length; i++) {
161 | zoom_content.append(content_children[i]);
162 | }
163 |
164 | if (!seenAlready) {
165 | if (options.firstTimeCallback) { options.firstTimeCallback(); }
166 | divsSeen[divsSeen.length] = hrefAttr;
167 | }
168 | }
169 | zoom_content.attr('rel',hrefAttr);
170 | }
171 | }
172 | zoom_close.show();
173 | zooming = false;
174 | });
175 | currentlyVisible = zoom;
176 | return false;
177 | }
178 |
179 | function hide() {
180 | if (zooming)
181 | return false;
182 | zooming = true;
183 | zoom.unbind('click');
184 | if (zoom_close.attr('scaleImg') != 'true') {
185 | if (!options.persist) {
186 | var content_children = zoom_content.children();
187 | for (var i = 0; i < content_children.length; i++) {
188 | $(zoom_content.attr('rel')).append(content_children[i]);
189 | }
190 | }
191 | }
192 | zoom_close.hide();
193 | zoom.animate( {
194 | top : zoom_close.attr('curTop') + 'px',
195 | left : zoom_close.attr('curLeft') + 'px',
196 | opacity : "hide",
197 | width : '1px',
198 | height : '1px'
199 | }, 150, null, function() {
200 | if (zoom_close.attr('scaleImg') == 'true') {
201 | zoom_content.html('');
202 | }
203 | zooming = false;
204 | });
205 | currentlyVisible = null;
206 | return false;
207 | }
208 |
209 | };
210 | })(jQuery);
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "photorama",
3 | "version": "1.0.0",
4 | "description": "Theme by [Start Bootstrap](http://startbootstrap.com/).",
5 | "main": "Gruntfile.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "repository": {
10 | "type": "git",
11 | "url": "https://github.com/sunbliss/photorama.git"
12 | },
13 | "author": "Anna Prigkipaki",
14 | "license": "Apache-2.0",
15 | "bugs": {
16 | "url": "https://github.com/sunbliss/photorama/issues"
17 | },
18 | "homepage": "http://sunbliss.github.io",
19 | "dependencies": {
20 | "searchkit": "^0.7.0"
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/photorama_thumb.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sunbliss/photorama/1821a4d74be061bc99b01eeccacc3c118b07ab21/photorama_thumb.gif
--------------------------------------------------------------------------------
/search.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: Search
4 | description: "What are you looking for?"
5 | header-img: "img/archive-bg.jpg"
6 | permalink: /search/
7 | ---
8 |
9 |
10 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
57 |
58 |
59 |
71 |
72 |
73 |
79 |
80 |
81 |
92 |
93 |
94 |
95 | Image Source: UNSPLASH
96 |
97 |
98 |
104 |
105 |
106 |
107 |
--------------------------------------------------------------------------------
/search.json:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 | [
4 | {% for post in site.posts %}
5 | {
6 | "title" : "{{ post.title | escape }}",
7 | "category" : "{{ post.category }}",
8 | "tags" : "{{ post.tags | join: ', ' }}",
9 | "url" : "{{ site.baseurl }}{{ post.url }}",
10 | "date" : "{{ post.date }}",
11 | "content" : {{ page.content | jsonify }}
12 | } {% unless forloop.last %},{% endunless %}
13 | {% endfor %}
14 | ,
15 | {% for page in site.pages %}
16 | {
17 | {% if page.title != nil %}
18 | "title" : "{{ page.title | escape }}",
19 | "category" : "{{ page.category }}",
20 | "tags" : "{{ page.tags | join: ', ' }}",
21 | "url" : "{{ site.baseurl }}{{ page.url }}",
22 | "date" : "{{ page.date }}",
23 | "content" : {{ page.content | jsonify }}
24 | {% endif %}
25 | } {% unless forloop.last %},{% endunless %}
26 | {% endfor %}
27 | ]
--------------------------------------------------------------------------------