m0agh · visiopharma · Nov 16, 2015 · Nov 17, 2015 · Nov 18, 2015 · Dec 22, 2015
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,9 @@
+_site
+.DS_Store
+*.sublime-project
+*.sublime-workspace
+codekit-config.json
+node_modules
+_asset_bundler_cache
+.sass-cache
+.jekyll-metadata
diff --git a/.jshintrc b/.jshintrc
@@ -0,0 +1,20 @@
+{
+  "bitwise": true,
+  "browser": true,
+  "curly": true,
+  "eqeqeq": true,
+  "eqnull": true,
+  "es5": false,
+  "esnext": true,
+  "immed": true,
+  "jquery": true,
+  "latedef": true,
+  "newcap": true,
+  "noarg": true,
+  "node": true,
+  "strict": false,
+  "trailing": false,
+  "undef": true,
+  "multistr": true,
+  "expr": true
+}
diff --git a/Gemfile b/Gemfile
@@ -0,0 +1,6 @@
+# Skinny Bones Gemfile
+source "https://rubygems.org"
+
+gem 'jekyll', '~> 3.0'
+# gem 'jekyll-sitemap'
+# gem 'octopress', '~> 3.0'
diff --git a/License.md b/License.md
@@ -0,0 +1,31 @@
+The modifications of this repository (YAX-Coming-soon-Jekyll-Template) are 
+licensed under MIT License (MIT).
+
+Copyright (c) 2015 by yonojoy (https://github.com/yonojoy)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+This work is based on other projects:
+
+* [MortezaAghili/YAX-Coming-soon-HTML5-CSS3-Template](https://github.com/MortezaAghili/YAX-Coming-soon-HTML5-CSS3-Template)
+* [ClassyCountdown (MIT-License) by Marius Stanciu](http://www.class.pm/)
+* Font Awesome by Dave Gandy - http://fontawesome.io
+* Ideas from [mmistakes/skinny-bones-jekyll](
+https://github.com/mmistakes/skinny-bones-jekyll)
diff --git a/README.md b/README.md
@@ -1,12 +1,32 @@
-# YAX-Coming-soon-HTML5-CSS3-Template
-free Bootstrap HTML5 CSS3 Responsive Coming soon website template
+# YAX-Coming-soon-Jekyll-Template
+Free Bootstrap HTML5 CSS3 Responsive Coming soon  Jekyll template
 
-Designed by : Ilya B. <br />
-url : https://www.behance.net/gallery/18421675/Free-Bootstrap-Psd-Coming-Soon-Template <br />
-Converted PSD to HTML/CSS by : Morteza Aghili  <br />
-bio : http://mortezaaghili.github.io/
+Designed by : Ilya B.  
+url: https://www.behance.net/gallery/18421675/Free-Bootstrap-Psd-Coming-Soon-Template  
 
-Let me know if you saw any error <br />
-Thanks.
+Converted PSD to HTML/CSS by:  
+Morteza Aghili  
+bio: http://mortezaaghili.github.io/  
 
+Adpated to Jekyll by [yonojoy](https://github.com/yonojoy)
+
+## Usage
+Edit `index.md` to contain your message.
+
+Edit `_config.yml` and add the following params:
+
+* `countdown` to contain the target date in GMT/UTC
+* `owner` to contain infos about the site owner.
+
+That's it.
+
+## Installation
+
+Requires [Jekyll](http://jekyllrb.com/) 3+. 
+
+If you are creating a new Jekyll site using Skinny Bones following these steps:
+
+1. Download and unzip.
+2. Run `bundle install` to install all dependencies 
+3. Update `_config.yml` and `index.md` as described above.
 
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,42 @@
+# Site wide configuration
+
+title: "Your Awesome Site"
+description: "A Coming Soon Template"
+#if you modify locale please have a look at _data/messages.yml too
+locale: en
+#for meta name="author" :
+author: 
+
+#Target date in UTC / GMT
+countdown:
+  theme: red
+  year: 2020
+  month: 1
+  day: 1
+  hour: 0
+  minute: 0
+
+# Site owner
+owner:
+  name:
+  email:
+  twitter:
+  google-plus:
+  instagramm:
+  #Aboutlink = German "Impressum", provide url and caption (eg "Impressum")
+  aboutlink:
+    url:
+    caption:
+
+
+# Jekyll configuration
+sass:
+  sass_dir: _sass
+  style: compressed
+permalink: /:categories/:title/
+kramdown:
+  toc_levels: 1..2
+highlighter: rouge
+
+
+exclude: ["lib", "config.rb", ".sass-cache", "Capfile", "config", "log", "Rakefile", "Rakefile.rb", "tmp", "*.sublime-project", "*.sublime-workspace", "Gemfile", "Gemfile.lock", "README.md", "LICENSE", "node_modules", "Gruntfile.js", "package.json"]
diff --git a/_data/messages.yml b/_data/messages.yml
@@ -0,0 +1,62 @@
+# Messages for localization
+# see description here: https://tuananh.org/2014/08/13/localization-with-jekyll/
+
+locales:
+  # English translation
+  # -------------------  
+  en: &DEFAULT_EN
+    Days: "Days"
+    Hours: "Hours"
+    Minutes: "Minutes"
+    Seconds: "Seconds"
+    Learn_More: "Learn More"
+  en_US: 
+    <<: *DEFAULT_EN     # use English translation for en_US
+  en_UK: 
+    <<: *DEFAULT_EN     # use English translation for en_UK
+
+  # German translation
+  # -------------------  
+  de: &DEFAULT_DE
+    <<: *DEFAULT_EN     # load English values as default
+    Days: "Tage"
+    Hours: "Stunden"
+    Minutes: "Minuten"
+    Seconds: "Sekunden"
+    Learn_More: "Mehr erfahren:"
+  de_DE:
+    <<: *DEFAULT_DE     # use German translation for de_DE
+
+  # French translation
+  # -------------------     
+  fr: &DEFAULT_FR
+   <<: *DEFAULT_EN      # load English values as default
+   Days: "Jours"
+   Hours: "Heures"
+   Minutes: "Minutes"
+   Seconds: "Secondes"
+   Learn_More: "En savoir plus"
+  fr_FR:
+    <<: *DEFAULT_FR
+
+  # Spanish translation (TODO)
+  # -------------------     
+  es: &DEFAULT_ES
+    <<: *DEFAULT_EN      # load English values as default --> values, that are not listed below will get the english translation
+
+
+  # Other translations (TODO)
+  # -------------------     
+  # To add an other translation:
+  # * add a section similary to the ones above
+  # * provide the translated values
+  # Beware of the spaces!
+  # You can support country-specific locales by adding an other section (for instance de_DE for Germany) 
+  # and loading the corresponding DEFAULT_XX entries
+  #
+  # Example:
+  #
+  # # XX translation
+  # # -------------------     
+  # xx: &DEFAULT_XX
+  #   <<: *DEFAULT_EN      # load English values as default --> values, that are not listed below will get the english translation
diff --git a/index.html → _layouts/home.html b/index.html → _layouts/home.html
@@ -5,10 +5,11 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>YAX Coming Soon HTML5/CSS3 Free Template</title>
-    <meta name="description" content="YAX Coming Soon HTML5/CSS3 Free Template by Morteza Aghili" />
-    <meta name="keywords" content="HTML5, css3, Free Template, web design, flat design, inspiration, responsive, svg, pseudo-elements" />
-    <meta name="author" content="Morteza Aghili" />
+
+    <title>{{ page.title | default: site.title }}</title>
+    {% if page.excerpt %}<meta name="description" content="{{ page.excerpt | strip_html }}">{% endif %}
+    {% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
+    {% if site.author %}<meta name="author" content="{{ site.author }}" />{% endif %}
 
     <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
@@ -29,8 +30,8 @@
                 <div class="row">
                     <div class="col-xs-12">
                         <h1><i class="fa fa-clock-o" style="color:white"></i></h1>
-                        <h2>your awesome site</h2>
-                        <p>a coming soon template
+                        <h2>{{ page.title | default: site.title }}</h2>
+                        <p>{{ page.excerpt | default: site.description }}
                         </p>
                     </div>
                 </div>
@@ -41,8 +42,7 @@ <h2>your awesome site</h2>
         <div class="container">
             <div class="row">
                 <div class="col-sm-12 text-center">
-                    <h3>Website is coming soon</h3>
-                    <p>Tell the users that your website is not active yet. Put the reason to subscribe for the notification in this paragraph. Tell them about their problems which you would like to solve. Don’t forget the final call to action.</p>
+                    {{ content }}
                 </div>
             </div>
 
@@ -56,24 +56,31 @@ <h3>Website is coming soon</h3>
 
             <div class="row">
                 <div class="col-sm-12">
-                    <h3>Subscribe for update</h3>
+                    <h3>{{ site.data.messages.locales[site.locale].Learn_More }}</h3>
+                    <!-- not supported in Jekyll:
                     <div class="input-group">
                         <input type="text" class="form-control" placeholder="Email">
                         <span class="input-group-btn">
                             <button class="btn btn-danger" type="button"><i class="fa fa-check"></i></button>
                         </span>
-                    </div>
-                    <br>
+                    </div> -->
+                    <br> 
                     <ul class="list-unstyled list-inline">
-                        <li><a href="#"><i class="fa fa-facebook"></i></a>
-                        </li>
-                        <li><a href="#"><i class="fa fa-twitter"></i></a>
-                        </li>
-                        <li><a href="#"><i class="fa fa-google-plus"></i></a>
-                        </li>
-                        <li><a href="#"><i class="fa fa-instagram"></i></a>
-                        </li>
-
+                        {% if site.owner.email %}<li>
+                            <a href="mailto:{{ site.owner.email }}"><i class="fa fa-envelope"></i></a>
+                        </li>{% endif %}
+                        {% if site.owner.facebook %}<li>
+                            <a href="http://facebook.com/{{ site.owner.facebook }}"><i class="fa fa-facebook"></i></a>
+                        </li>{% endif %}
+                        {% if site.owner.twitter %}<li>
+                            <a href="http://twitter.com/{{ site.owner.twitter }}"><i class="fa fa-twitter"></i></a>
+                        </li>{% endif %}
+                        {% if site.owner.google_plus %}<li>
+                            <a href="https://google.com/{{ site.owner.google_plus }}"><i class="fa fa-google-plus"></i></a>
+                        </li>{% endif %}    
+                        {% if site.owner.instagram %}<li>
+                            <a href="http://instagram.com/{{ site.owner.instagram }}"><i class="fa fa-instagram"></i></a>
+                        </li>{% endif %}                
                     </ul>
                 </div>
             </div>
@@ -85,10 +92,10 @@ <h3>Subscribe for update</h3>
         <div class="container">
             <div class="row">
                 <div class="col-xs-12 text-center">
-                    <p>2015 - YourAwesomeSite</p>
+                    <p>2015 - {{ site.owner.name }}</p>
 
-                    <P>made with <i class="fa fa-heart"></i> by
-                        <a target="_blank" href="http://mortezaaghili.github.io/">Morteza Aghili</a> | Designed by
+                    <P> {% if site.owner.aboutlink.url %}<a href="{{ site.owner.aboutlink.url }}">{{ site.owner.aboutlink.caption | default: "About" }}</a> | {% endif %}
+                        Page and Design by <a target="_blank" href="http://mortezaaghili.github.io/">M. Aghili</a> + 
                         <a target="_blank" href="https://www.behance.net/gallery/18421675/Free-Bootstrap-Psd-Coming-Soon-Template">Ilya B.</a>
                     </P>
                 </div>
@@ -98,11 +105,11 @@ <h3>Subscribe for update</h3>
 
 
 
-
     <script>
         $('.countdown').ClassyCountdown({
-            theme: "red",
-            end: $.now() + 10000
+            theme: "{{ site.countdown.theme }}",
+            now: $.now() / 1000,
+            end: Date.UTC({{ site.countdown.year }}, {{ site.countdown.month }} - 1, {{ site.countdown.day }}, {{ site.countdown.hour }}, {{ site.countdown.minute }}, 0) / 1000
         });
     </script>
 </body>

diff --git a/index.md b/index.md
@@ -0,0 +1,8 @@
+---
+layout: home
+permalink: /
+title: "Your Awesome Site"
+excerpt: "A Coming Soon Template"
+---
+# Website is coming soon
+Tell the users that your website is not active yet. Put the reason to subscribe for the notification in this paragraph. Tell them about their problems which you would like to solve. Don’t forget the final call to action.