Commit d660f429 authored by Franco Hartwig's avatar Franco Hartwig
Browse files

Initiated jekyll

parents
# OS or Editor folders
.DS_Store
node_modules
# Jekyllg
_site
.sass-cache
.jekyll-metadata
---
layout: page
title: Feeling Lost
permalink: /404.html
header:
image: https://source.unsplash.com/S9543y3UEgg.jpg
text: dark
---
## The page you are looking for cannot be found. Please navigate to [homepage]({{ site.url }}).
source "https://rubygems.org"
ruby RUBY_VERSION
# Hello! This is where you manage which Jekyll version is used to run.
# When you want to use a different version, change it below, save the
# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
#
# bundle exec jekyll serve
#
# This will help ensure the proper Jekyll version is running.
# Happy Jekylling!
gem "jekyll", "3.4.1"
# This is the default theme for new Jekyll sites. You may change this to anything you like.
# gem "minima", "~> 2.0"
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`.
# gem "github-pages", group: :jekyll_plugins
# If you have any plugins, put them here!
group :jekyll_plugins do
gem "jekyll-feed", "~> 0.6"
gem 'jekyll-paginate', '~> 1.1'
gem 'jekyll-seo-tag'
gem 'jekyll-gist'
gem 'jekyll-livereload'
end
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
GEM
remote: https://rubygems.org/
specs:
addressable (2.7.0)
public_suffix (>= 2.0.2, < 5.0)
colorator (1.1.0)
em-websocket (0.5.1)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0.6.0)
eventmachine (1.2.7)
faraday (0.17.0)
multipart-post (>= 1.2, < 3)
ffi (1.11.3)
forwardable-extended (2.6.0)
http_parser.rb (0.6.0)
jekyll (3.4.1)
addressable (~> 2.4)
colorator (~> 1.0)
jekyll-sass-converter (~> 1.0)
jekyll-watch (~> 1.1)
kramdown (~> 1.3)
liquid (~> 3.0)
mercenary (~> 0.3.3)
pathutil (~> 0.9)
rouge (~> 1.7)
safe_yaml (~> 1.0)
jekyll-feed (0.11.0)
jekyll (~> 3.3)
jekyll-gist (1.5.0)
octokit (~> 4.2)
jekyll-livereload (0.2.2)
em-websocket (~> 0.5)
jekyll (~> 3.0)
jekyll-paginate (1.1.0)
jekyll-sass-converter (1.5.2)
sass (~> 3.4)
jekyll-seo-tag (2.6.1)
jekyll (>= 3.3, < 5.0)
jekyll-watch (1.5.1)
listen (~> 3.0)
kramdown (1.17.0)
liquid (3.0.6)
listen (3.2.0)
rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.3.6)
multipart-post (2.1.1)
octokit (4.14.0)
sawyer (~> 0.8.0, >= 0.5.3)
pathutil (0.16.2)
forwardable-extended (~> 2.6)
public_suffix (4.0.1)
rb-fsevent (0.10.3)
rb-inotify (0.10.0)
ffi (~> 1.0)
rouge (1.11.1)
safe_yaml (1.0.5)
sass (3.7.4)
sass-listen (~> 4.0.0)
sass-listen (4.0.0)
rb-fsevent (~> 0.9, >= 0.9.4)
rb-inotify (~> 0.9, >= 0.9.7)
sawyer (0.8.2)
addressable (>= 2.3.5)
faraday (> 0.8, < 2.0)
PLATFORMS
ruby
DEPENDENCIES
jekyll (= 3.4.1)
jekyll-feed (~> 0.6)
jekyll-gist
jekyll-livereload
jekyll-paginate (~> 1.1)
jekyll-seo-tag
tzinfo-data
RUBY VERSION
ruby 2.6.3p62
BUNDLED WITH
2.0.2
# Memoir is a premium Jekyll theme for writers and photographers
Memoir was developed by [Ivan Chromjak](https://ivanchromjak.com) for [jekyll.plus](https://jekyll.plus/), theme [live demo](https://memoir.jekyll.plus/) available.
![Memoir template screenshot](/assets/img/screenshot.jpg)
## Features
* Contact form
* Responsive videos
* Image lightbox
* Image slideshow
* Google maps
* Contact form (FormSpree)
* Pre-built pages
* Blog with pagination
* Post category page
* Disqus comments for posts
* Light and dark themes
* Configurable header and footer with images
* Optimised for [GitHub](https://pages.github.com/) pages
* RSS feed
* SEO tags
* Google Analytics
## Installation
Install the dependencies with [Bundler](http://bundler.io/):
```bash
bundle install
```
Run the following to generate your site:
```bash
bundle exec jekyll serve
```
You can find more on [Deployment Methods](https://jekyllrb.com/docs/deployment-methods/) page on Jekyll website.
## Setup
### Site and author details
Add your site and author details in `_config.yml`:
```yaml
# Site title and description
title: Momoir - Jekyll Template for Story Tellers
description: Hi, I'm Memoir, an awesome Jekyll bloging theme.
# Permalink URLs structure, for permalink style options see: https://jekyllrb.com/docs/permalinks/
permalink: /:title/
# Site logo, image or text
logo: # e.g. logo.png, upload logo image file to /assets/img/ folder
logo_text: Memoir # if the above "logo:" image variable is not set, this text logo is displayed instead
# Author settings, displayed on about page
author:
name: John Smith
bio: Hi, I'm John, a web designer, father, human and the author of this blog.
email: john@somewebsite.com
website: http://somewebsite.com
facebook: https://www.facebook.com/
flickr: https://flickr.com/
dribbble: https://dribbble.com/
github: https://github.com/
googleplus: https://plus.google.com/
instagram: https://www.instagram.com/
linkedin: https://www.linkedin.com/feed/
pinterest: https://www.pinterest.com/
twitter: https://twitter.com/
vimeo: https://vimeo.com/
youtube: https://www.youtube.com/
# Social share buttons
twitter_username: ivanchromjak
github_username: ivanchromjak
```
### Navigation Bar
Set in the main navigation links in `_data/navigation_header.yml`:
```yaml
- title: About
url: /about/
```
### Footer
Edit copyright notice in `_config.yml`:
```yaml
footer:
copyright:
```
Set in the navigation links in `_data/navigation_footer.yml`:
```yaml
- title: About
url: /about/
```
### Enabling comments (via Disqus)
Optionally, if you have a Disqus account, you can tell Jekyll to use it to show a comments section below each post. To enable it, add the following lines to your Jekyll site:
```yaml
disqus:
shortname: my_disqus_shortname
```
You can find out more about Disqus' shortnames [here](https://help.disqus.com/customer/portal/articles/466208).
Comments are enabled by default and will only appear in production, i.e., `JEKYLL_ENV=production`. If you don't want to display comments for a particular post you can disable them by adding `comments: false` to that post's YAML Front Matter.
### Google Analytics
To enable Google Anaytics, add the following lines to your Jekyll site:
```yaml
google_analytics: UA-NNNNNNNN-N
```
Google Analytics will only appear in production, i.e., `JEKYLL_ENV=production`
### Google Map
To display Google map on contact page, add the following in your page content, replacing latitude, longitude and zoom values:
```yaml
{% include map.html latitude="40.6700" longitude="-73.9400" zoom="16" %}
```
### Contact Form (via FormSpree)
Submit the form and confirm your email address at [FormSpree](https://formspree.io/). Then add the following lines to contact page YAML Front Matter, replacing the email address:
```yaml
formspree:
email: my_name@gmail.com
redirect: /thanks/
```
### Update favicon
You can find the current favicon (favicon.png) inside the theme `/assets/img/` directory, just replace it with your new favicon.
## Posts
To create a new post, you can create a new markdown file inside the `_posts` directory by following the recommended file naming format:
```
YEAR-MONTH-DAY-title.MARKUP
```
Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `MARKUP` is the file extension representing the format used in the file. For example, the following are examples of valid post filenames:
```
2011-12-31-new-years-eve-is-awesome.md
2012-09-12-how-to-write-a-blog.md
```
Post requires front matter, everything in between the first and second --- are part of the YAML Front Matter, and everything after the second --- will be rendered with Markdown and show up as “Content”.
The following is a post file with different configurations you can add as example:
```yaml
---
layout: post
title: How To Travel On Low Budget
subtitle: China and Nepal
categories: [Travel, Photography]
header:
image: ocean.jpg # local image e.g oceam.jpg or remote e.g https://source.unsplash.com/ZeXP6p7agjE
align: top # e.g. top, center or bottom
text: dark # e.g. dark or light
---
```
You can rebuild the site in many different ways, but the most common way is to run `bundle exec jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
To keep things more organized, add post images to `/assets/posts/` directory, and add theme images to `/assets/img/` directory.
### Adding images
To add an image to a post or page use the following codes:
Local image from `/assets/posts/` directory:
```yaml
{% include image.html img="girl.jpg" alt="Alt for image" caption="Girl on a rock" %}
```
External wide image with lightbox:
```yaml
{% include image.html img="https://source.unsplash.com/TT-ROxWj9nA.jpg" style="wide" lightbox="true" alt="Alt for image" caption="Wide image in lightbox" %}
```
### Adding slideshow
To add a slideshow to a page or post, create a slideshow directory in `/assets/posts/` directory e.g. `/assets/posts/slideshow-1/` and add all slideshow images inside. Then add the following code to page or post:
```yaml
{% include slideshow.html gallery="slideshow-1" %}
```
### Responsive Videos
Embed local videos:
```html
<video controls playsinline uk-video="automute: true">
<source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
<source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.ogv" type="video/ogg">
</video>
```
Embed YouTube videos:
```html
<iframe src="http://www.youtube.com/embed/YE7VzlLtp-4?autoplay=0&amp;showinfo=0&amp;rel=0&amp;modestbranding=1&amp;playsinline=1" width="600" height="340" frameborder="0" allowfullscreen uk-responsive uk-video="automute: true"></iframe>
```
To create a draft post, create the post file under the `_drafts` directory, and you can find more information in [Working with Drafts](https://jekyllrb.com/docs/drafts/).
## Pages
To create a new page, just create a new markdown file inside the root directory. The following is a YAML Front Matter example for a page:
```yaml
---
layout: contact
title: Contact
subtitle: Get in touch
permalink: /contact/
header:
image: ocean.jpg # local image e.g ocean.jpg from /assets/posts/ folder or remote e.g https://source.unsplash.com/ZeXP6p7agjE
align: top # header image alignment e.g. top, center or bottom
text: dark # text color e.g. dark or light
---
```
## Customization
To modify the primary color, open `/assets/css/main.scss` and replace the `#d40c3c` color value:
```scss
// Primary template color
$global-primary-background: #d40c3c;
```
Further style customisation can be done in the following files:
```
/_sass/theme/mixins.scss
/_sass/theme/variables.scss
/assets/css/main.scss
```
## Development
Install [UIkit](https://getuikit.com/) font end framework dependency via Npm:
```bash
npm install
```
Enable live browser reload with the following:
```bash
bundle exec jekyll s --livereload
```
## Credits and Sources
- Google fonts https://fonts.google.com/
- Google analytics https://www.google.com/analytics/
- Google maps https://www.google.com/maps
- UIkit front end framework https://getuikit.com/
- Unsplash images https://unsplash.com/
- Jekyll CML https://jekyllrb.com/
## Support
Customer support is provided through our Envato profile page [contact form](https://themeforest.net/user/pressapps) for up to six months from the purchase date and is provided Monday to Friday during the business week. We aim to answer all support requests daily, most are handled within 48h.
# Welcome to Jekyll!
#
# This config file is meant for settings that affect your whole blog.
# For technical reasons, this file is *NOT* reloaded automatically when you use
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
# Site title and description
title: Momoir - Jekyll Template for Story Tellers
description: Hi, I'm Memoir, an awesome Jekyll bloging theme.
# Site subpath, e.g. /blog
baseurl: ""
# Permalink URLs structure, for permalink style options see: https://jekyllrb.com/docs/permalinks/
permalink: /:title/
# Site base hostname & protocol, e.g. http://example.com
url: "https://memoir.jekyll.plus"
# Site logo, image or text
logo: # e.g. logo.png, upload logo image file to /assets/img/ folder
logo_text: Memoir # if the above "logo:" image variable is not set, this text logo is displayed instead
# Author settings, displayed on about page
author:
name: John Smith
bio: Hi, I'm John, a web designer, human and the author of this blog.
email: john@somewebsite.com
website: http://somewebsite.com
facebook: https://www.facebook.com/
flickr: https://flickr.com/
dribbble: https://dribbble.com/
github: https://github.com/
googleplus: https://plus.google.com/
instagram: https://www.instagram.com/
linkedin: https://www.linkedin.com/feed/
pinterest: https://www.pinterest.com/
twitter: https://twitter.com/
vimeo: https://vimeo.com/
youtube: https://www.youtube.com/
# Social share buttons
twitter_username: ivanchromjak
github_username: ivanchromjak
# Site background color
template: light # light or dark
# Default header image settings
header:
image: header.jpg # upload your header image to /assets/posts/ folder
align: center # top, center or bottom
text: light # light or dark
# Default footer image settings
footer:
image: footer.jpg # upload your header image to /assets/posts/ folder
align: center #top, center or bottom
text: light # light or dark
copyright: Made by a <a href="https://ivanchromjak.com/">human</a> somewhere on the planet earth.
# Post settings
post:
dropcap: true
# Disqus comments shortname, requires Disqus account https://disqus.com/
disqus:
shortname: # 7865
# Google analytics code, get your code here https://www.google.com/analytics/
google_analytics:
# Google maps API key, get your key here: https://developers.google.com/maps/documentation/javascript/get-api-key
google_maps_api_key: AIzaSyAJTeOhKq4HhEsEbUze__fAPDQswd0gUSU
# Number of posts displayed on blog page
paginate: 5
# Path to post content assets directory i.e post images, pdfs etc
post_assets: /assets/posts/
# Build settings
markdown: kramdown
highlighter: rouge
gems:
- jekyll-feed
- jekyll-seo-tag
- jekyll-gist
exclude:
- Gemfile
- Gemfile.lock
- node_modules
sass:
style: compressed
# Footer navigation links
- title: Blog
url: /
- title: About
url: /about/
- title: Contact
url: /contact/
# Navbar left menu navigation links
left:
- title: Home
url: /
- title: About
url: /about/
# Navbar right menu navigation links
right:
- title: Categories
url: /categories/
- title: Contact
url: /contact/
{% if page.comments != false and jekyll.environment == "production" %}
<div id="disqus_thread" class="uk-margin-xlarge-top"></div>
<script>
var disqus_config = function () {
this.page.url = '{{ page.url | absolute_url }}';
this.page.identifier = '{{ page.url | absolute_url }}';
};
(function() {
var d = document, s = d.createElement('script');
s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
{% endif %}
{% if site.footer.image %}
{% assign image = site.footer.image %}
{% endif %}
{% if site.footer.align %}
{% assign align = site.footer.align %}
{% else %}
{% assign align = "center" %}
{% endif %}
{% if site.footer.text == "dark" %}
{% assign text = "light" %}
{% else %}
{% assign text = "dark" %}
{% endif %}
<footer id="footer" class="uk-background-{{ align }}-center uk-background-cover uk-{{ text }}" style="background-image: url({% if image contains 'http' %}{{ image }}{% else %}{{ site.post_assets | absolute_url }}{{ image }}{% endif %});">
<div class="uk-section uk-overlay-footer">
<div class="uk-container">
<div class="uk-flex uk-grid uk-light uk-margin-xxlarge-top" data-uk-grid>
<div class="uk-width-expand@m">
<ul class="uk-subnav uk-flex-center uk-flex-right@m">
{% for link in site.data.navigation_footer %}
{% if link.url contains 'http' %}
{% assign domain = '' %}
{% else %}
{% assign domain = relative_url %}
{% endif %}
{% if link.url == page.url %}
{% assign current = ' class="uk-active"' %}
{% else %}
{% assign current = null %}
{% endif %}
{% if link.title %}
<li{{ current }}><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank" {% endif %}>{{ link.title }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
<div class="uk-flex-first@m uk-width-auto@m uk-text-center uk-text-left@m uk-text-meta uk-text-muted uk-link-muted uk-light- copyright">{{ site.footer.copyright }}</div>
</div>
</div>
</div>
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '{{ site.google_analytics }}', 'auto');
ga('send', 'pageview');
</script>
{% if page.header.image %}
{% assign image = page.header.image %}
{% else %}
{% assign image = site.header.image %}
{% endif %}
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% seo %}
<meta property="og:image" content="{% if image contains 'http' %}{{ image }}{% else %}{{ site.post_assets | absolute_url }}{{ image }}{% endif %}"/>
<link href="https://fonts.googleapis.com/css?family=Prata%7CRaleway:400,500%7CDancing+Script:400" rel="stylesheet">
<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
<link rel="shortcut icon" type="image/png" href="{{ "assets/img/favicon.png" | relative_url }}" >
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
<script src="{{ "/assets/js/main.js" | relative_url }}"></script>
{% if jekyll.environment == 'production' and site.google_analytics %}
{% include google-analytics.html %}
{% endif %}
</head>
{% if page.header.image %}
{% assign image = page.header.image %}
{% else %}
{% assign image = site.header.image %}
{% endif %}
{% if page.header.align %}
{% assign align = page.header.align %}
{% else %}