This repository is deprecated, it was used for academy.binary.com that is now deleted (end of 2022).
- Always add language to the permalink ( like this -> permalink: /en/some-text-for-prmalink }
Why is this important? Blog is always listening url and looking for language value (/en/) in order to show correct language on the page for all elements (header, footer, sidebar..)
If you forget to add language value to the permalink, English will be used.
- Always add language to the front matter ( like this -> language: en )
Why is this important? This value is used to show pages and posts. Without it, jekyll will have nightmare and bad things will happen.
- All sidebar elements and links are loaded dynamically, according to the language within permalink. Example: If Jekyll see value /ru/ in the url (which is added to the page or post permalink), it will load last 10 Russian posts, generate Russian links for learning center, show Russian contributors, show Russian version of promotional boxes.
- All pages are stored in the folder "pages", in the subfolder for each language.
- All posts are stored in the folder "_posts" , in the subfolder for each language.
file: _includes/lang.html
files:
_includes/sidebar
_includes/navs
_includes/navs/footer
24/7 Listening for front matter language and tag values in pages and posts and building the page content according to this combination.
Tag value sets the group of pages to build navigation for. Example: Learning center sidebar nav and contributors grid page as well as contributor sidebar menu. There are only 3 tags now, "learning" for Learning Center, "contributor" for Contributors and "main" for building main navigation.
Front matter example for page webinars, which is under tag "learning", meaning it belongs to the group of pages (category if you will) Learning Center.
layout: page-learning-center
title: Webinars
permalink: /en/webinars/
language: en
tag: learning
Front matter for contributors pages. Image value is used for contributors grid, page "Contributors".
layout: page-contributor
title: Jim Mellon
permalink: /en/jim-mellon/
language: en
tag: contributor
image: /images/speaker/jimmellon.jpg
Note that even if you add post in the wrong language subfolder but with correct front matter values, it will be still correctly shown. Language subfolders are meant to just make management easier and better organized (and that is also valid for pages):
Correct usage of front matter for posts.
layout: post
title: "Learn Forex Trading Basics"
permalink: /en/learn-forex-trading-basics/
language: en
excerpt: "The Forex — where foreign currencies are bought, sold, and exchanged..."
you can just use p element, no need for fancy div usage. Note that a button under new unified style looks like this:
<a class="button" href="http://binary.com"><span>Link Title</span></a>
More elements > Binary style guide: https://style.binary.com
12 columns
Using a single set of .col-md grid classes, you can create a basic grid system that starts out stacked on mobile devices and tablet devices (the extra small to small range) before becoming horizontal on desktop (medium) devices. Place grid columns in any .row
Always make sure the total sum is 12 (3+3+3+3 / 4+4+4 / 6+6 / 4+8 etc.)
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-6">.col-md-6</div>
<div class="col-md-6">.col-md-6</div>
</div>
No need to add container, just add row and columns.
Make sure your ruby version is above 2.2.2
ruby -v
gem install bundler
To start the server at localhost
bundle exec jekyll serve
The server will start at localhost at port 4000 (at default config)
http://localhost:4000