Merge pull request #28 from gnunn1/beta

use sass by default, implement gulp to autoprefix, minify css and ugl…

_config.yml

@@ -1,21 +1,16 @@
 baseurl: "/tilix-web"
 
-title: Tilix : A tiling terminal emulator
+title: Tilix
 author: Gerald Nunn
 description: > # this means to ignore newlines until "baseurl:"
-  Tilix is an advanced GTK3 tiling terminal for Linux based 
+  Tilix is an advanced GTK3 tiling terminal for Linux based
   on the Gnome Human Interface Guidelines (HIG).
-
+lang: "en" # default language
 gems: [jekyll-paginate]
 # Number of articles per page
 paginate: 9
 paginate_path: "/news/page:num/"
 
-
-sass:
-  sass_dir: assets/sass
-  style: :compressed
-
 exclude: [README.md]
 collections:
   features:

_features/custom-links.md

@@ -2,4 +2,4 @@
 icon: fa-anchor
 title: Custom links
 ---
-Terminals support custom titles and custom hyperlinks.
+Terminals support custom titles and custom hyperlinks.

_features/dnd.md

@@ -2,4 +2,4 @@
 icon: fa-terminal
 title: Drag and Drop
 ---
-Terminals can be re-arranged using drag and drop both within and between windows.
+Terminals can be re-arranged using drag and drop both within and between windows.

_features/image-support.md

@@ -2,4 +2,4 @@
 icon: fa-file-image-o
 title: Image Support
 ---
-Transparent background image support.
+Transparent background image support.

_features/multiple-panes.md

@@ -2,4 +2,4 @@
 icon: fa-columns
 title: Multiple Panes
 ---
-Layout terminals in any fashion by splitting them horizontally or vertically.
+Layout terminals in any fashion by splitting them horizontally or vertically.

_features/notifications.md

@@ -2,4 +2,4 @@
 icon: fa-bell
 title: Notifications
 ---
-Supports notifications when processes are completed out of view.
+Supports notifications when processes are completed out of view.

_features/quick-start.md

@@ -2,4 +2,4 @@
 icon: fa-floppy-o
 title: Persistent Layouts
 ---
-Grouping of terminals can be saved and loaded from disk.
+Grouping of terminals can be saved and loaded from disk.

_includes/footer.html

@@ -0,0 +1,15 @@
+<!-- Footer
+–––––––––––––––––––––––––––––––––––––––––––––––––– -->
+<footer>
+    <div class="footer-content">
+        <div class="text-muted footer-left">
+            Designed and coded with love by <a href="https://github.com/bil-elmoussaoui">Bilal Elmoussaoui.</a>
+        </div>
+        <div class="text-muted footer-right">
+            Published by <a href="https://pages.github.com/">GitHub Pages</a> | <a href="#top">Back to top</a>
+        </div>
+        <div class="clearfix"></div>
+    </div>
+</footer>
+<!-- End Document
+                –––––––––––––––––––––––––––––––––––––––––––––––––– -->

_includes/head.html

@@ -3,9 +3,7 @@
         –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <meta charset="utf-8">
     {% if page.title %}
-    <title>{{ page.title }}</title>
-    {% else %}
-    <title>{{ site.title }}</title>
+    <title>{{ site.title }}&colon; {{ page.title }}</title>
     {% endif %}
     <meta name="description" content="{{ site.description }}">
     <meta name="author" content="{{ site.author }}">
@@ -14,16 +12,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- FONT
         –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-	<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+  	<link href="{{site.baseurl}}/assets/css/font-awesome.min.css" rel="stylesheet">
     <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
     <!-- CSS
         –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/normalize.css">
-    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/skeleton.css">
-    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/jquery.bxslider.css">
-
-    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/custom.css">
-    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css">
+    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/tilix.css">
 
     <!-- Favicon
         –––––––––––––––––––––––––––––––––––––––––––––––––– -->

_includes/scripts.html

@@ -1,7 +1,4 @@
 <!-- Scripts
     –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-<script src="{{site.baseurl}}/assets/js/jquery-1.12.0.min.js"></script>
-<script src="{{site.baseurl}}/assets/js/jquery-ui.min.js"></script>
-<script src="{{site.baseurl}}/assets/js/custom.js"></script>
-<script src="{{site.baseurl}}/assets/js/jquery.bxslider.js"></script>
+<script src="{{site.baseurl}}/assets/js/tilix.js"></script>
 <script src="https://use.fontawesome.com/a51fafec44.js"></script>

_layouts/default.html

@@ -9,6 +9,8 @@
   	<div class="container">
     {{ content }}
     </div>
+    {% include footer.html %}
+
   </main>
 
     {% include scripts.html %}

_layouts/manual.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: page.lang | default: 'en' }}">
+
+  {% include head.html %}
+
+<body>
+  {% include navbar.html %}
+  <main class="main" aria-label="Content">
+  	<div class="container">
+      <h3>{{page.title}}</h3>
+    {{ content }}
+    </div>
+    {% include footer.html %}
+
+  </main>
+
+    {% include scripts.html %}
+
+</body>
+</html>

_layouts/post.html

@@ -12,6 +12,7 @@ <h1><i class="fa  {{ page.icon }}" aria-hidden="true"></i>&nbsp;{{page.title}}</
     <br/> <br/>
     {{ content }}
     </div>
+    {% include footer.html %}
   </main>
 
     {% include scripts.html %}

_manual/badges.md

@@ -1,14 +1,15 @@
 ---
 title: Badges
 id: badges
-layout: default
+layout: manual
+description:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia finibus ullamcorper. Fusce dictum sagittis eros nec interdum. Ut et posuere leo. Morbi at augue quis augue convallis euismod ac et dui. 
 ---
 *Note that badges requires that the GTK VTE widget be built with a tilix specific [patch](https://github.com/gnunn1/tilix/blob/master/experimental/vte/alternate-screen.patch), otherwise badges are disabled. Arch users can access this functionality by installing the [vte3-terminix-git](https://aur.archlinux.org/packages/vte3-terminix-git) package.*
 
 ![]({{site.baseurl}}/assets/images/manual/badges.png)
 
-Badges are a feature that displays specified text in the background of the terminal. They can be used for a variety of purposes including acting as visual reminders or as a way to display the terminal title when the title is disabled. 
+Badges are a feature that displays specified text in the background of the terminal. They can be used for a variety of purposes including acting as visual reminders or as a way to display the terminal title when the title is disabled.
 
 Badges are configured at the Profile level and are specific to a Profile. The General page of Profile preferences allows you to specify the badge text and the position of the badge. Note that badges support all of the same variables as terminal titles, so you can specify something like ```${title}``` to display the title in the badge. See the FAQ for a list of variables that are available.
 
-The color of the badge can be configured in the Colors page of Profile preferences and is nested within the Advanced popup. Additionally, the badge color can be specified in the theme files.
+The color of the badge can be configured in the Colors page of Profile preferences and is nested within the Advanced popup. Additionally, the badge color can be specified in the theme files.

_manual/cliactions.md

@@ -1,7 +1,8 @@
 ---
 title: Command Line Actions
 id: cliactions
-layout: default
+layout: manual
+description:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia finibus ullamcorper. Fusce dictum sagittis eros nec interdum. Ut et posuere leo. Morbi at augue quis augue convallis euismod ac et dui. 
 ---
 #### Introduction
 

_manual/customlinks.md

@@ -1,12 +1,13 @@
 ---
 title: Custom Hyperlinks
 id: customlinks
-layout: default
+layout: manual
+description:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia finibus ullamcorper. Fusce dictum sagittis eros nec interdum. Ut et posuere leo. Morbi at augue quis augue convallis euismod ac et dui. 
 ---
 Tilix allows custom hyperlinks to be defined using regular expressions. These links can then be clicked on to launch an application passing information from the match to the application.
 
 When configuring the application to be launched, the token ```$0``` can be used to represent the match obtained from the regular expression. If the regular expression includes groups then ```$1``` is the first group, ```$2``` the second group, etc.
 
 Here is a screenshot showing an example of using this feature to launch gedit with the filename and line number based on a regular expression that includes two groups.
 
-![]({{site.baseurl}}/assets/images/manual/links.png)
+![]({{site.baseurl}}/assets/images/manual/links.png)

_manual/profileswitch.md

@@ -1,9 +1,10 @@
 ---
 title: Automatic Profile Switching
 id: profileswitch
-layout: default
+layout: manual
+description:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia finibus ullamcorper. Fusce dictum sagittis eros nec interdum. Ut et posuere leo. Morbi at augue quis augue convallis euismod ac et dui. 
 ---
-### Introduction
+#### Introduction
 
 Tilix supports automatically switching profiles based on certain conditions which is useful in a variety of situations such as when switching users, connecting to different hosts, changing to sensitive directories, etc. At the moment Tilix supports triggering a profile change based on the following:
 
@@ -13,13 +14,13 @@ Tilix supports automatically switching profiles based on certain conditions whic
 
 Note that when an automatic profile change is active, the menu to switch to different profiles will be disabled.
 
-### Local Configuration
+#### Local Configuration
 
 Configuring profile switching in Tilix is done in the Advanced tab of the profile settings. Here you can configure the list of usernames, hostnames and directories that will trigger the profile change. The format used for the string is ```username@hostname:directory``` where either username, hostname or directory can be omitted but not all. Also at least one delimiter, either *@* or *:*, is also required to indicate which string is being represented.
 
 **Note** that switching profiles based on username requires the use of a trigger to extract the username from the terminal output text. Triggers in turn require a patched VTE, see the [Triggers](https://gnunn1.github.io/tilix-web/manual/triggers/) page for more information.
 
-### Remote Configuration
+#### Remote Configuration
 
 To enable profile changes when using SSH to connect to remote systems, the remote system must be configured to include an additional script or an appropriate trigger configured. 
 

_manual/quake.md

@@ -1,9 +1,10 @@
 ---
 title: Quake
 id: quake
-layout: default
+layout: manual
+description:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia finibus ullamcorper. Fusce dictum sagittis eros nec interdum. Ut et posuere leo. Morbi at augue quis augue convallis euismod ac et dui. 
 ---
-### Introduction
+#### Introduction
 
 Tilix supports running in a _Quake_-style mode where it appears at the top of the screen and can be toggled on or off as needed. However, unlike other terminal emulators that support this mode Tilix does not register a global hot key. Instead you must register a hot key yourself with the Desktop Environment you are using, this is required because Wayland does not support global hot keys.
 
@@ -19,6 +20,6 @@ Configuring this hot key for GNOME is quite simple, simply open the Keyboard set
 
 ![]({{site.baseurl}}/assets/images/manual/hotkey.png)
 
-### Wayland
+#### Wayland
 
 There is a limitation with Wayland: the setting to use a monitor other than the primary monitor is disabled. This is because Wayland does not support moving a window programmatically between monitors.

_manual/themes.md

@@ -1,10 +1,9 @@
 ---
 title: Themes
 id: themes
-layout: default
+layout: manual
+description:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia finibus ullamcorper. Fusce dictum sagittis eros nec interdum. Ut et posuere leo. Morbi at augue quis augue convallis euismod ac et dui. 
 ---
-### Themes
-
 Tilix supports themes for configuring the color scheme of the terminal, each theme is stored in a file. A theme file is a simple json file that specifies the color for each element as well as identifying whether certain colors should be used or defaulted. Here is an example of a theme file:
 
 {% highlight json %}
@@ -45,4 +44,4 @@ Tilix supports themes for configuring the color scheme of the terminal, each the
 
 Themes are loaded from one of two places by Tilix. The first is ```/usr/share/tilix/schemes```, these are the themes that are shipped with Tilix. The second place that Tilix looks for theme files is in the user home directory, specifically ```~/.config/tilix/schemes```. Users can place any custom themes they want to use here.
 
-While Tilix only includes a small number of themes, additional themes can be easily downloaded and installed. The GitHub repository [Tilix-Themes](https://github.com/storm119/Tilix-Themes) has a wide variety of pre-built themes to choose from.
+While Tilix only includes a small number of themes, additional themes can be easily downloaded and installed. The GitHub repository [Tilix-Themes](https://github.com/storm119/Tilix-Themes) has a wide variety of pre-built themes to choose from.

_manual/title.md

@@ -1,10 +1,9 @@
 ---
 title: Titles
 id: titles
-layout: default
+layout: manual
+description:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia finibus ullamcorper. Fusce dictum sagittis eros nec interdum. Ut et posuere leo. Morbi at augue quis augue convallis euismod ac et dui. 
 ---
-### Titles
-
 Tilix support using variables in the various titles and names it allows to be configured. This enables the title to better reflect the current state of the application, session or currently focused terminal. Variables can be used in the following locations:
 
 * Window title
@@ -31,4 +30,4 @@ Variable | Description
 -------|------------
 ${appName} | The name of the application, i.e. Tilix
 ${sessionName} | The name of the session
-${sessionNumber} | The number of the session, i.e. session 2 out of 4 active
+${sessionNumber} | The number of the session, i.e. session 2 out of 4 active

_manual/triggers.md

@@ -1,17 +1,18 @@
 ---
 title: Triggers
 id: triggers
-layout: default
+layout: manual
+description:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia finibus ullamcorper. Fusce dictum sagittis eros nec interdum. Ut et posuere leo. Morbi at augue quis augue convallis euismod ac et dui. 
 ---
 *Note that trigger support requires that the GTK VTE widget be built with a tilix specific [patch](https://github.com/gnunn1/tilix/blob/master/experimental/vte/alternate-screen.patch), otherwise triggers are disabled. Arch users can access this functionality by installing the [vte3-tilix-git](https://aur.archlinux.org/packages/vte3-tilix-git) package.*
 
-### Introduction
+#### Introduction
 
 Tilix supports the concept of triggers, these are regular expressions defined by the user that when matched against text output by the terminal trigger an action. A trigger consists of a regular expression, the action to execute and a parameter string. Depending on the action, the parameter may not be used at all, may be a single string or a semi-colon delimited list of variables.
 
 The result of the regular expression can be referenced as tokens in the parameter, Tilix will substitute the tokens in the parameter prior to executing the action. The token $0 refers to the complete regular expression match. If groups were defined in the regular expression, the tokens $1, $2, $3, etc refer to the individual group captures.
 
-### Supported Actions
+#### Supported Actions
 
 The following actions are supported by Tilix:
 
@@ -25,21 +26,21 @@ Play Bell | Plays the bell noise, this action takes no parameters
 Send Text | Sends the text in the parameter field to the terminal
 Insert Password | Shows the password manager to enable a password to be inserted into the terminal
 
-### Options
+#### Options
 
 Tilix has an option to limit the number of lines that are checked for triggers, this is intended to improve performance on slower hardware. Every time a change happens in the terminal, this is reported to Tilix as a block of text. This block might consist of just a single character when the user is typing, or it might consist of several thousand lines when outputting a large text file via cat.
 
 In the later scenario, we may generally not be too interested in checking for triggers in all lines of text. When this option is active, Tilix will only check the lines changed from the end of the text. So for example, if a block of text consisting of 20,000 lines of text was received but the option limit was active at 256, only the last 256 lines would be checked.
 
-### Examples
+#### Examples
 
 Here are some examples to help you use this feature:
 
 Regular Expression | Action | Parameter | Description
 -------------------|--------|-----------|------------
 ^\[(?P<user>.*)@(?P<host>[-a-zA-Z0-9]*) | Update State | username=$1;hostname=$2 | Parses the username and hostname from a Linux prompt command that uses the following format: *[username@hostname directory]$*
 
-### How It Works
+#### How It Works
 
 To get the most of out of this feature, it's important to understand how this works under the hood. As an overview, Tilix uses a GTK component called the VTE to perform the actual terminal emulation. When changes occur in the VTE, it triggers an event to notify Tilix but does not include any information about the change itself. In order to execute triggers, Tilix saves the current row and column reported by the VTE so that when the next change event happens only the delta is processed for triggers.
 

_manual/vteconfig.md

@@ -1,7 +1,8 @@
 ---
 title: VTE Configuration
 id: vteconfig
-layout: default
+layout: manual
+description:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia finibus ullamcorper. Fusce dictum sagittis eros nec interdum. Ut et posuere leo. Morbi at augue quis augue convallis euismod ac et dui. 
 ---
 #### Background
 

_packages/zzmanual.md

@@ -4,7 +4,7 @@ id: manual
 ---
 For 64-bit distros where a package is not available, Tilix can be installed manually from the [Tilix Github releases](https://github.com/gnunn1/tilix/releases) section by downloading tilix.zip and following these instructions:
 
-```
+```bash
 sudo unzip tilix.zip -d /
 sudo glib-compile-schemas /usr/share/glib-2.0/schemas/
 ```