Add infinite scroll horizontal background in Home and post pages.

Gemfile.lock

@@ -0,0 +1,81 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (4.2.8)
+      i18n (~> 0.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.3, >= 0.3.4)
+      tzinfo (~> 1.1)
+    addressable (2.4.0)
+    colorator (1.1.0)
+    faraday (0.11.0)
+      multipart-post (>= 1.2, < 3)
+    ffi (1.9.18)
+    forwardable-extended (2.6.0)
+    html-pipeline (2.5.0)
+      activesupport (>= 2)
+      nokogiri (>= 1.4)
+    i18n (0.8.1)
+    jekyll (3.2.1)
+      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.7.2)
+    jekyll-gist (1.4.0)
+      octokit (~> 4.2)
+    jekyll-mentions (1.2.0)
+      activesupport (~> 4.0)
+      html-pipeline (~> 2.3)
+      jekyll (~> 3.0)
+    jekyll-sass-converter (1.5.0)
+      sass (~> 3.4)
+    jekyll-sitemap (0.11.0)
+      addressable (~> 2.4.0)
+    jekyll-watch (1.5.0)
+      listen (~> 3.0, < 3.1)
+    kramdown (1.13.2)
+    liquid (3.0.6)
+    listen (3.0.8)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    mercenary (0.3.6)
+    mini_portile2 (2.1.0)
+    minitest (5.10.1)
+    multipart-post (2.0.0)
+    nokogiri (1.7.1)
+      mini_portile2 (~> 2.1.0)
+    octokit (4.6.2)
+      sawyer (~> 0.8.0, >= 0.5.3)
+    pathutil (0.14.0)
+      forwardable-extended (~> 2.6)
+    rb-fsevent (0.9.8)
+    rb-inotify (0.9.8)
+      ffi (>= 0.5.0)
+    rouge (1.11.1)
+    safe_yaml (1.0.4)
+    sass (3.4.23)
+    sawyer (0.8.1)
+      addressable (>= 2.3.5, < 2.6)
+      faraday (~> 0.8, < 1.0)
+    thread_safe (0.3.6)
+    tzinfo (1.2.3)
+      thread_safe (~> 0.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  jekyll (~> 3.2.1)
+  jekyll-feed
+  jekyll-gist
+  jekyll-mentions
+  jekyll-sitemap
+
+BUNDLED WITH
+   1.14.6

README.md

@@ -1,14 +1,14 @@
-# Moon Jekyll Theme [![Donate](https://img.shields.io/badge/paypal-donate-blue.svg)](https://www.paypal.me/taylantatli/0usd)  
-
-## `Sorry guys but there will be no update until I buy a new laptop.`
-
-######(If you like this theme or using it, please give a :star: for motivation.)
+# Moon Jekyll Theme 
+
+### This fork adds to Moon theme an infinite scroll background image in home.
+##### This feature can be activated by _config.yml
 
 **[Moon](https://taylantatli.github.io/Moon)** is a minimal, one column jekyll theme.
 
 ## Features
 * Minimal, you can focus on your content
 * Responsive
+* Infinite Scroll Background Layer
 * Disqus integration
 * Syntax highlighting
 * Optional post image
@@ -25,6 +25,11 @@
 
 See a [live version of Moon](https://taylantatli.github.io/Moon) hosted on GitHub.
 
+## Preview with scroll background image
+
+The background scroll is implemented merging the background of [HTML5UP Aerial theme](https://html5up.net/aerial) with Moon Theme. 
+
+[![Example](https://img.youtube.com/vi/O_t78HIKoio/0.jpg)](https://www.youtube.com/watch?v=O_t78HIKoio)
 ## Getting Started
 
 To learn how to install and use this theme check out the [Setup Guide](https://taylantatli.github.io/Moon/moon-theme/) for more information.

_config.yml

@@ -5,10 +5,11 @@ description:        "Moon is a minimal, one column jekyll theme for your blog."
 reading_time:       true
 words_per_minute:   200
 logo:               'assets/img/logo.png'
-background:         'assets/img/placeholder-big.jpg'
+background:         #'assets/img/placeholder-big.jpg' #Leave empty to use background-color
+#background-color:   edit variables.scss to set background color
 tiled_bg:           false   # Set this true if you want to tile your background image, otherwise it will be covered
 locale:             en_US
-url:                https://taylantatli.github.io/Moon
+url:                http://127.0.0.1:4000
 
 # Jekyll
 permalink:          /:title/
@@ -25,6 +26,14 @@ sass:
   sass_dir:         _sass
   style:            compressed
 
+#Homepage Background Setting
+enableScrollBackground: true
+scrollImage:        'assets/img/bg_nosfondo.png'
+enableOverlay:      true #add overlay layer
+addScrollOnPageList: true #enable scroll image in pages that show a list of post/projects
+addScrollOnPostPage: false #enable scroll image in single post page
+addScrollOnProjectPage: true #enable scroll image in single project page
+
 # Comments
 disqus_shortname:   taylantatli
 

_layouts/home.html

@@ -10,7 +10,16 @@
     {% include head.html %}
 </head>
 <body>
+    {% if site.enableScrollBackground == true %}
+        <div id="bg" style="background: url({{ site.scrollImage }}) bottom left;"></div>
+        {% if site.enableOverlay == true %}
+        <div id="overlay" style="
+        background-image: url('assets/img/overlay-pattern.png'), url('assets/img/overlay.svg');"></div>
+        {% endif %}
+    {% endif %}
+    <!-- FINE BG -->
     {% include nav.html %}
+
     <!-- Header -->
     <header class="header flex" role="banner">
         <div class="container animated fadeIn">

_layouts/post-list.html

@@ -10,6 +10,9 @@
     {% include head.html %}
 </head>
 <body>
+    {% if site.addScrollOnPageList == true %}
+        <div id="bg" style="background: url({{ site.url }}/{{ site.scrollImage }}) bottom left;"></div>
+    {% endif %}
     {% include nav.html %}
     <!-- Header -->
     <header class="header" role="banner">

_layouts/post.html

@@ -10,6 +10,9 @@
     {% include head.html %}
 </head>
 <body>
+    {% if site.addScrollOnPostPage == true %}
+        <div id="bg" style="background: url({{ site.url }}/{{ site.scrollImage }}) bottom left;"></div>
+    {% endif %}
     {% include nav.html %}
     <!-- Header -->
     <header class="header" role="banner">

_layouts/project.html

@@ -10,6 +10,9 @@
     {% include head.html %}
 </head>
 <body>
+    {% if site.addScrollOnProjectPage == true %}
+        <div id="bg" style="background: url({{ site.url }}/{{ site.scrollImage }}) bottom left;"></div>
+    {% endif %}
     {% include nav.html %}
     <!-- Header -->
     <header class="header" role="banner">