Pārlūkot izejas kodu

solve the sidebar problem in the docs

Mahmoud Zalt 8 gadi atpakaļ
vecāks
revīzija
a37ba5c477

+ 3 - 3
docs/_settings/config.toml

@@ -19,7 +19,7 @@ googleAnalytics = "UA-37514928-9"
 	repo_url = "https://github.com/laradock/laradock"
 
 	version = ""
-	logo = "images/logo.png"
+	logo = ""
 	favicon = ""
 
 	permalink = "#"
@@ -47,8 +47,8 @@ googleAnalytics = "UA-37514928-9"
 # ------- MENU START -----------------------------------------
 
 [[menu.main]]
-	name   = "Overview"
-	url    = "/"
+	name   = "Introduction"
+	url    = "introduction/"
 	weight = 1
 
 [[menu.main]]

+ 2 - 193
docs/_settings/content/index.md

@@ -1,196 +1,5 @@
 ---
-title: Overview
+title: Welcome
 type: index
-weight: 1
+weight: 0
 ---
-
-LaraDock strives to make the PHP development experience easier and faster.
-
-It contains pre-packaged Docker Images that provides you a wonderful *development* environment without requiring you to install PHP, NGINX, MySQL, Redis, and any other software on your machines.
-
-LaraDock is configured to run Laravel Apps by default, and it can be modified to run all kinds of PHP Apps (Symfony, CodeIgniter, WordPress, Drupal...).
-
-
-
-
-## Quick Overview:
-
-Let's see how easy it is to install `NGINX`, `PHP`, `Composer`, `MySQL`, `Redis` and `beanstalkd`:
-
-1 - Clone LaraDock inside your PHP project:
-
-```shell
-git clone https://github.com/Laradock/laradock.git
-```
-
-2 - Enter the laradock folder and run this command:
-
-```shell
-docker-compose up -d nginx mysql redis beanstalkd
-```
-
-3 - Open your `.env` file and set the following:
-
-```shell
-DB_HOST=mysql
-REDIS_HOST=redis
-QUEUE_HOST=beanstalkd
-```
-
-4 - Open your browser and visit localhost: `http://localhost`.
-
-```shell
-That's it! enjoy :)
-```
-
-
-
-
-
-
-
-<a name="what-is-docker"></a>
-## What is Docker?
-
-[Docker](https://www.docker.com) is an open-source project that automates the deployment of applications inside software containers, by providing an additional layer of abstraction and automation of [operating-system-level virtualization](https://en.wikipedia.org/wiki/Operating-system-level_virtualization) on Linux, Mac OS and Windows.
-
-
-
-
-
-
-<a name="why-docker-not-vagrant"></a>
-## Why Docker not Vagrant!?
-
-[Vagrant](https://www.vagrantup.com) creates Virtual Machines in minutes while Docker creates Virtual Containers in seconds.
-
-Instead of providing a full Virtual Machines, like you get with Vagrant, Docker provides you **lightweight** Virtual Containers, that share the same kernel and allow to safely execute independent processes.
-
-In addition to the speed, Docker gives tons of features that cannot be achieved with Vagrant.
-
-Most importantly Docker can run on Development and on Production (same environment everywhere). While Vagrant is designed for Development only, (so you have to re-provision your server on Production every time).
-
-
-
-
-
-
-<a name="laradock-vs-homestead"></a>
-## LaraDock VS Homestead (For Laravel Developers)
-
-> LaraDock It's like Laravel Homestead but for Docker instead of Vagrant.
-
-LaraDock and [Homestead](https://laravel.com/docs/master/homestead) both give you complete virtual development environments. (Without the need to install and configure every single software on your own Operating System).
-
-- Homestead is a tool that controls Vagrant for you (using Homestead special commands). And Vagrant manages your Virtual Machine.
-
-- LaraDock is a tool that controls Docker for you (using Docker & Docker Compose official commands). And Docker manages your Virtual Containers.
-
-Running a virtual container is much faster than running a full virtual Machine. Thus **LaraDock is much faster than Homestead**.
-
-
-
-
-
-
-
-
-<a name="Demo"></a>
-## Demo Video
-
-What's better than a **Demo Video**:
-
-- LaraDock [v4.*](https://www.youtube.com/watch?v=TQii1jDa96Y)
-- LaraDock [v2.*](https://www.youtube.com/watch?v=-DamFMczwDA)
-- LaraDock [v0.3](https://www.youtube.com/watch?v=jGkyO6Is_aI)
-- LaraDock [v0.1](https://www.youtube.com/watch?v=3YQsHe6oF80)
-
-
-
-
-
-
-
-<a name="features"></a>
-## Features
-
-- Easy switch between PHP versions: 7.0, 5.6, 5.5...
-- Choose your favorite database engine: MySQL, Postgres, MariaDB...
-- Run your own combination of software: Memcached, HHVM, Beanstalkd...
-- Every software runs on a separate container: PHP-FPM, NGINX, PHP-CLI...
-- Easy to customize any container, with simple edit to the `Dockerfile`.
-- All Images extends from an official base Image. (Trusted base Images).
-- Pre-configured NGINX for Laravel.
-- Easy to apply configurations inside containers.
-- Clean and well structured Dockerfiles (`Dockerfile`).
-- Latest version of the Docker Compose file (`docker-compose`).
-- Everything is visible and editable.
-- Fast Images Builds.
-- More to come every week..
-
-
-
-
-
-
-
-<a name="Supported-Containers"></a>
-## Supported Software (Containers)
-
-- **Database Engines:**
-	- MySQL
-	- PostgreSQL
-	- MariaDB
-	- MongoDB
-	- Neo4j
-	- RethinkDB
-- **Cache Engines:**
-	- Redis
-	- Memcached
-	- Aerospike
-- **PHP Servers:**
-	- NGINX
-	- Apache2
-	- Caddy
-- **PHP Compilers:**
-	- PHP-FPM
-	- HHVM
-- **Message Queuing Systems:**
-	- Beanstalkd
-	- Beanstalkd Console
-	- RabbitMQ
-	- RabbitMQ Console
-- **Tools:**
-	- PhpMyAdmin
-	- PgAdmin
-	- ElasticSearch
-	- Selenium
-	- Workspace
-		- PHP7-CLI
-		- Composer
-		- Git
-		- Linuxbrew
-		- Node
-		- Gulp
-		- SQLite
-		- xDebug
-		- Envoy
-		- Deployer
-		- Vim
-		- Yarn
-		- ... Many other supported tools are not documented. (Will be updated soon)
-
->If you can't find your Software, build it yourself and add it to this list. Contributions are welcomed :)
-
-
-
-
-
-
-
-<a name="Chat"></a>
-## Chat with us
-
-You are welcome to join our chat room on Gitter.
-
-[![Gitter](https://badges.gitter.im/LaraDock/laradock.svg)](https://gitter.im/LaraDock/laradock?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

+ 196 - 0
docs/_settings/content/introduction/index.md

@@ -0,0 +1,196 @@
+---
+title: Introduction
+type: index
+weight: 1
+---
+
+LaraDock strives to make the PHP development experience easier and faster.
+
+It contains pre-packaged Docker Images that provides you a wonderful *development* environment without requiring you to install PHP, NGINX, MySQL, Redis, and any other software on your machines.
+
+LaraDock is configured to run Laravel Apps by default, and it can be modified to run all kinds of PHP Apps (Symfony, CodeIgniter, WordPress, Drupal...).
+
+
+
+
+## Quick Overview
+
+Let's see how easy it is to install `NGINX`, `PHP`, `Composer`, `MySQL`, `Redis` and `beanstalkd`:
+
+1 - Clone LaraDock inside your PHP project:
+
+```shell
+git clone https://github.com/Laradock/laradock.git
+```
+
+2 - Enter the laradock folder and run this command:
+
+```shell
+docker-compose up -d nginx mysql redis beanstalkd
+```
+
+3 - Open your `.env` file and set the following:
+
+```shell
+DB_HOST=mysql
+REDIS_HOST=redis
+QUEUE_HOST=beanstalkd
+```
+
+4 - Open your browser and visit localhost: `http://localhost`.
+
+```shell
+That's it! enjoy :)
+```
+
+
+
+
+
+
+
+<a name="what-is-docker"></a>
+## What is Docker?
+
+[Docker](https://www.docker.com) is an open-source project that automates the deployment of applications inside software containers, by providing an additional layer of abstraction and automation of [operating-system-level virtualization](https://en.wikipedia.org/wiki/Operating-system-level_virtualization) on Linux, Mac OS and Windows.
+
+
+
+
+
+
+<a name="why-docker-not-vagrant"></a>
+## Why Docker not Vagrant!?
+
+[Vagrant](https://www.vagrantup.com) creates Virtual Machines in minutes while Docker creates Virtual Containers in seconds.
+
+Instead of providing a full Virtual Machines, like you get with Vagrant, Docker provides you **lightweight** Virtual Containers, that share the same kernel and allow to safely execute independent processes.
+
+In addition to the speed, Docker gives tons of features that cannot be achieved with Vagrant.
+
+Most importantly Docker can run on Development and on Production (same environment everywhere). While Vagrant is designed for Development only, (so you have to re-provision your server on Production every time).
+
+
+
+
+
+
+<a name="laradock-vs-homestead"></a>
+## LaraDock VS Homestead (For Laravel Developers)
+
+> LaraDock It's like Laravel Homestead but for Docker instead of Vagrant.
+
+LaraDock and [Homestead](https://laravel.com/docs/master/homestead) both give you complete virtual development environments. (Without the need to install and configure every single software on your own Operating System).
+
+- Homestead is a tool that controls Vagrant for you (using Homestead special commands). And Vagrant manages your Virtual Machine.
+
+- LaraDock is a tool that controls Docker for you (using Docker & Docker Compose official commands). And Docker manages your Virtual Containers.
+
+Running a virtual container is much faster than running a full virtual Machine. Thus **LaraDock is much faster than Homestead**.
+
+
+
+
+
+
+
+
+<a name="Demo"></a>
+## Demo Video
+
+What's better than a **Demo Video**:
+
+- LaraDock [v4.*](https://www.youtube.com/watch?v=TQii1jDa96Y)
+- LaraDock [v2.*](https://www.youtube.com/watch?v=-DamFMczwDA)
+- LaraDock [v0.3](https://www.youtube.com/watch?v=jGkyO6Is_aI)
+- LaraDock [v0.1](https://www.youtube.com/watch?v=3YQsHe6oF80)
+
+
+
+
+
+
+
+<a name="features"></a>
+## Features
+
+- Easy switch between PHP versions: 7.0, 5.6, 5.5...
+- Choose your favorite database engine: MySQL, Postgres, MariaDB...
+- Run your own combination of software: Memcached, HHVM, Beanstalkd...
+- Every software runs on a separate container: PHP-FPM, NGINX, PHP-CLI...
+- Easy to customize any container, with simple edit to the `Dockerfile`.
+- All Images extends from an official base Image. (Trusted base Images).
+- Pre-configured NGINX for Laravel.
+- Easy to apply configurations inside containers.
+- Clean and well structured Dockerfiles (`Dockerfile`).
+- Latest version of the Docker Compose file (`docker-compose`).
+- Everything is visible and editable.
+- Fast Images Builds.
+- More to come every week..
+
+
+
+
+
+
+
+<a name="Supported-Containers"></a>
+## Supported Software (Containers)
+
+- **Database Engines:**
+	- MySQL
+	- PostgreSQL
+	- MariaDB
+	- MongoDB
+	- Neo4j
+	- RethinkDB
+- **Cache Engines:**
+	- Redis
+	- Memcached
+	- Aerospike
+- **PHP Servers:**
+	- NGINX
+	- Apache2
+	- Caddy
+- **PHP Compilers:**
+	- PHP-FPM
+	- HHVM
+- **Message Queuing Systems:**
+	- Beanstalkd
+	- Beanstalkd Console
+	- RabbitMQ
+	- RabbitMQ Console
+- **Tools:**
+	- PhpMyAdmin
+	- PgAdmin
+	- ElasticSearch
+	- Selenium
+	- Workspace
+		- PHP7-CLI
+		- Composer
+		- Git
+		- Linuxbrew
+		- Node
+		- Gulp
+		- SQLite
+		- xDebug
+		- Envoy
+		- Deployer
+		- Vim
+		- Yarn
+		- ... Many other supported tools are not documented. (Will be updated soon)
+
+>If you can't find your Software, build it yourself and add it to this list. Contributions are welcomed :)
+
+
+
+
+
+
+
+<a name="Chat"></a>
+## Chat with us
+
+You are welcome to join our chat room on Gitter.
+
+[![Gitter](https://badges.gitter.im/LaraDock/laradock.svg)](https://gitter.im/LaraDock/laradock?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

+ 38 - 10
docs/contributing/index.html

@@ -22,7 +22,7 @@
 
     <meta property="og:url" content="http://laradock.io/contributing/">
     <meta property="og:title" content="Laradock Docs">
-    <meta property="og:image" content="http://laradock.io/images/logo.png">
+    
     <meta name="apple-mobile-web-app-title" content="Laradock Docs">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -55,13 +55,13 @@
     
     
     
-    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu:400,700|Ubuntu&#43;Mono">
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Doctarine:400,700|Source&#43;Code&#43;Pro">
     <style>
       body, input {
-        font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
+        font-family: 'Doctarine', Helvetica, Arial, sans-serif;
       }
       pre, code {
-        font-family: 'Ubuntu Mono', 'Courier New', 'Courier', monospace;
+        font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
       }
     </style>
 
@@ -133,10 +133,6 @@
   <a href="https://github.com/laradock/laradock" class="project">
     <div class="banner">
       
-        <div class="logo">
-          <img src="http://laradock.io/images/logo.png">
-        </div>
-      
       <div class="name">
         <strong>Laradock Docs </strong>
         
@@ -180,9 +176,9 @@
 
 
 
-<a  title="Overview" href="http://laradock.io/">
+<a  title="Introduction" href="http://laradock.io/introduction/">
 	
-	Overview
+	Introduction
 </a>
 
 
@@ -621,6 +617,38 @@ from the main (upstream) repository:</p>
     </script>
 
     
+      <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', '//www.google-analytics.com/analytics.js', 'ga');
+         
+        ga('create', 'UA-37514928-9', 'auto');
+        ga('set', 'anonymizeIp', true);
+        ga('send', 'pageview');
+         
+        var buttons = document.querySelectorAll('a');
+        Array.prototype.map.call(buttons, function(item) {
+          if (item.host != document.location.host) {
+            item.addEventListener('click', function() {
+              var action = item.getAttribute('data-action') || 'follow';
+              ga('send', 'event', 'outbound', action, item.href);
+            });
+          }
+        });
+         
+        var query = document.querySelector('.query');
+        query.addEventListener('blur', function() {
+          if (this.value) {
+            var path = document.location.pathname;
+            ga('send', 'pageview', path + '?q=' + this.value);
+          }
+        });
+      </script>
+    
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script>
     <script>hljs.initHighlightingOnLoad();</script>

+ 38 - 10
docs/documentation/index.html

@@ -22,7 +22,7 @@
 
     <meta property="og:url" content="http://laradock.io/documentation/">
     <meta property="og:title" content="Laradock Docs">
-    <meta property="og:image" content="http://laradock.io/images/logo.png">
+    
     <meta name="apple-mobile-web-app-title" content="Laradock Docs">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -55,13 +55,13 @@
     
     
     
-    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu:400,700|Ubuntu&#43;Mono">
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Doctarine:400,700|Source&#43;Code&#43;Pro">
     <style>
       body, input {
-        font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
+        font-family: 'Doctarine', Helvetica, Arial, sans-serif;
       }
       pre, code {
-        font-family: 'Ubuntu Mono', 'Courier New', 'Courier', monospace;
+        font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
       }
     </style>
 
@@ -133,10 +133,6 @@
   <a href="https://github.com/laradock/laradock" class="project">
     <div class="banner">
       
-        <div class="logo">
-          <img src="http://laradock.io/images/logo.png">
-        </div>
-      
       <div class="name">
         <strong>Laradock Docs </strong>
         
@@ -180,9 +176,9 @@
 
 
 
-<a  title="Overview" href="http://laradock.io/">
+<a  title="Introduction" href="http://laradock.io/introduction/">
 	
-	Overview
+	Introduction
 </a>
 
 
@@ -1618,6 +1614,38 @@ e) set it to <code>true</code></p>
     </script>
 
     
+      <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', '//www.google-analytics.com/analytics.js', 'ga');
+         
+        ga('create', 'UA-37514928-9', 'auto');
+        ga('set', 'anonymizeIp', true);
+        ga('send', 'pageview');
+         
+        var buttons = document.querySelectorAll('a');
+        Array.prototype.map.call(buttons, function(item) {
+          if (item.host != document.location.host) {
+            item.addEventListener('click', function() {
+              var action = item.getAttribute('data-action') || 'follow';
+              ga('send', 'event', 'outbound', action, item.href);
+            });
+          }
+        });
+         
+        var query = document.querySelector('.query');
+        query.addEventListener('blur', function() {
+          if (this.value) {
+            var path = document.location.pathname;
+            ga('send', 'pageview', path + '?q=' + this.value);
+          }
+        });
+      </script>
+    
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script>
     <script>hljs.initHighlightingOnLoad();</script>

+ 40 - 12
docs/getting-started/index.html

@@ -22,7 +22,7 @@
 
     <meta property="og:url" content="http://laradock.io/getting-started/">
     <meta property="og:title" content="Laradock Docs">
-    <meta property="og:image" content="http://laradock.io/images/logo.png">
+    
     <meta name="apple-mobile-web-app-title" content="Laradock Docs">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -55,13 +55,13 @@
     
     
     
-    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu:400,700|Ubuntu&#43;Mono">
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Doctarine:400,700|Source&#43;Code&#43;Pro">
     <style>
       body, input {
-        font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
+        font-family: 'Doctarine', Helvetica, Arial, sans-serif;
       }
       pre, code {
-        font-family: 'Ubuntu Mono', 'Courier New', 'Courier', monospace;
+        font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
       }
     </style>
 
@@ -133,10 +133,6 @@
   <a href="https://github.com/laradock/laradock" class="project">
     <div class="banner">
       
-        <div class="logo">
-          <img src="http://laradock.io/images/logo.png">
-        </div>
-      
       <div class="name">
         <strong>Laradock Docs </strong>
         
@@ -180,9 +176,9 @@
 
 
 
-<a  title="Overview" href="http://laradock.io/">
+<a  title="Introduction" href="http://laradock.io/introduction/">
 	
-	Overview
+	Introduction
 </a>
 
 
@@ -508,7 +504,7 @@
 <nav class="pagination" aria-label="Footer">
   <div class="previous">
   
-      <a href="http://laradock.io/" title="Overview">
+      <a href="http://laradock.io/introduction/" title="Introduction">
         <span class="direction">
           Previous
         </span>
@@ -518,7 +514,7 @@
           </div>
           <div class="stretch">
             <div class="title">
-              Overview
+              Introduction
             </div>
           </div>
         </div>
@@ -614,6 +610,38 @@
     </script>
 
     
+      <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', '//www.google-analytics.com/analytics.js', 'ga');
+         
+        ga('create', 'UA-37514928-9', 'auto');
+        ga('set', 'anonymizeIp', true);
+        ga('send', 'pageview');
+         
+        var buttons = document.querySelectorAll('a');
+        Array.prototype.map.call(buttons, function(item) {
+          if (item.host != document.location.host) {
+            item.addEventListener('click', function() {
+              var action = item.getAttribute('data-action') || 'follow';
+              ga('send', 'event', 'outbound', action, item.href);
+            });
+          }
+        });
+         
+        var query = document.querySelector('.query');
+        query.addEventListener('blur', function() {
+          if (this.value) {
+            var path = document.location.pathname;
+            ga('send', 'pageview', path + '?q=' + this.value);
+          }
+        });
+      </script>
+    
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script>
     <script>hljs.initHighlightingOnLoad();</script>

+ 38 - 10
docs/help/index.html

@@ -22,7 +22,7 @@
 
     <meta property="og:url" content="http://laradock.io/help/">
     <meta property="og:title" content="Laradock Docs">
-    <meta property="og:image" content="http://laradock.io/images/logo.png">
+    
     <meta name="apple-mobile-web-app-title" content="Laradock Docs">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -55,13 +55,13 @@
     
     
     
-    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu:400,700|Ubuntu&#43;Mono">
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Doctarine:400,700|Source&#43;Code&#43;Pro">
     <style>
       body, input {
-        font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
+        font-family: 'Doctarine', Helvetica, Arial, sans-serif;
       }
       pre, code {
-        font-family: 'Ubuntu Mono', 'Courier New', 'Courier', monospace;
+        font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
       }
     </style>
 
@@ -133,10 +133,6 @@
   <a href="https://github.com/laradock/laradock" class="project">
     <div class="banner">
       
-        <div class="logo">
-          <img src="http://laradock.io/images/logo.png">
-        </div>
-      
       <div class="name">
         <strong>Laradock Docs </strong>
         
@@ -180,9 +176,9 @@
 
 
 
-<a  title="Overview" href="http://laradock.io/">
+<a  title="Introduction" href="http://laradock.io/introduction/">
 	
-	Overview
+	Introduction
 </a>
 
 
@@ -459,6 +455,38 @@
     </script>
 
     
+      <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', '//www.google-analytics.com/analytics.js', 'ga');
+         
+        ga('create', 'UA-37514928-9', 'auto');
+        ga('set', 'anonymizeIp', true);
+        ga('send', 'pageview');
+         
+        var buttons = document.querySelectorAll('a');
+        Array.prototype.map.call(buttons, function(item) {
+          if (item.host != document.location.host) {
+            item.addEventListener('click', function() {
+              var action = item.getAttribute('data-action') || 'follow';
+              ga('send', 'event', 'outbound', action, item.href);
+            });
+          }
+        });
+         
+        var query = document.querySelector('.query');
+        query.addEventListener('blur', function() {
+          if (this.value) {
+            var path = document.location.pathname;
+            ga('send', 'pageview', path + '?q=' + this.value);
+          }
+        });
+      </script>
+    
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script>
     <script>hljs.initHighlightingOnLoad();</script>

+ 44 - 15
docs/index.html

@@ -22,7 +22,7 @@
 
     <meta property="og:url" content="http://laradock.io/">
     <meta property="og:title" content="Laradock Docs">
-    <meta property="og:image" content="http://laradock.io/images/logo.png">
+    
     <meta name="apple-mobile-web-app-title" content="Laradock Docs">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -55,13 +55,13 @@
     
     
     
-    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu:400,700|Ubuntu&#43;Mono">
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Doctarine:400,700|Source&#43;Code&#43;Pro">
     <style>
       body, input {
-        font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
+        font-family: 'Doctarine', Helvetica, Arial, sans-serif;
       }
       pre, code {
-        font-family: 'Ubuntu Mono', 'Courier New', 'Courier', monospace;
+        font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
       }
     </style>
 
@@ -136,10 +136,6 @@
   <a href="https://github.com/laradock/laradock" class="project">
     <div class="banner">
       
-        <div class="logo">
-          <img src="http://laradock.io/images/logo.png">
-        </div>
-      
       <div class="name">
         <strong>Laradock Docs </strong>
         
@@ -183,15 +179,12 @@
 
 
 
-<a class="current" title="Overview" href="http://laradock.io/">
+<a  title="Introduction" href="http://laradock.io/introduction/">
 	
-	Overview
+	Introduction
 </a>
 
 
-<ul id="scrollspy">
-</ul>
-
 
   
 </li>
@@ -336,7 +329,7 @@
 	<article class="article">
 		<div class="wrapper">
 			
-				<h1>Overview </h1>
+				<h1>Introduction </h1>
 
 				
 
@@ -346,7 +339,7 @@
 
 <p>LaraDock is configured to run Laravel Apps by default, and it can be modified to run all kinds of PHP Apps (Symfony, CodeIgniter, WordPress, Drupal&hellip;).</p>
 
-<h2 id="quick-overview">Quick Overview:</h2>
+<h2 id="quick-overview">Quick Overview</h2>
 
 <p>Let&rsquo;s see how easy it is to install <code>NGINX</code>, <code>PHP</code>, <code>Composer</code>, <code>MySQL</code>, <code>Redis</code> and <code>beanstalkd</code>:</p>
 
@@ -2051,6 +2044,10 @@ from the main (upstream) repository:</p>
 				<p><a href="https://github.com/laradock/laradock/blob/master/LICENSE">MIT License</a> (MIT)</p>
 
 			
+				<h1>Welcome </h1>
+
+				
+			
 
 			<aside class="copyright" role="note">
 				
@@ -2155,6 +2152,38 @@ from the main (upstream) repository:</p>
     </script>
 
     
+      <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', '//www.google-analytics.com/analytics.js', 'ga');
+         
+        ga('create', 'UA-37514928-9', 'auto');
+        ga('set', 'anonymizeIp', true);
+        ga('send', 'pageview');
+         
+        var buttons = document.querySelectorAll('a');
+        Array.prototype.map.call(buttons, function(item) {
+          if (item.host != document.location.host) {
+            item.addEventListener('click', function() {
+              var action = item.getAttribute('data-action') || 'follow';
+              ga('send', 'event', 'outbound', action, item.href);
+            });
+          }
+        });
+         
+        var query = document.querySelector('.query');
+        query.addEventListener('blur', function() {
+          if (this.value) {
+            var path = document.location.pathname;
+            ga('send', 'pageview', path + '?q=' + this.value);
+          }
+        });
+      </script>
+    
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script>
     <script>hljs.initHighlightingOnLoad();</script>

+ 13 - 4
docs/index.xml

@@ -9,11 +9,11 @@
     <atom:link href="http://laradock.io/index.xml" rel="self" type="application/rss+xml" />
     
     <item>
-      <title>Overview</title>
-      <link>http://laradock.io/</link>
+      <title>Introduction</title>
+      <link>http://laradock.io/introduction/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
-      <guid>http://laradock.io/</guid>
+      <guid>http://laradock.io/introduction/</guid>
       <description>
 
 &lt;p&gt;LaraDock strives to make the PHP development experience easier and faster.&lt;/p&gt;
@@ -22,7 +22,7 @@
 
 &lt;p&gt;LaraDock is configured to run Laravel Apps by default, and it can be modified to run all kinds of PHP Apps (Symfony, CodeIgniter, WordPress, Drupal&amp;hellip;).&lt;/p&gt;
 
-&lt;h2 id=&#34;quick-overview&#34;&gt;Quick Overview:&lt;/h2&gt;
+&lt;h2 id=&#34;quick-overview&#34;&gt;Quick Overview&lt;/h2&gt;
 
 &lt;p&gt;Let&amp;rsquo;s see how easy it is to install &lt;code&gt;NGINX&lt;/code&gt;, &lt;code&gt;PHP&lt;/code&gt;, &lt;code&gt;Composer&lt;/code&gt;, &lt;code&gt;MySQL&lt;/code&gt;, &lt;code&gt;Redis&lt;/code&gt; and &lt;code&gt;beanstalkd&lt;/code&gt;:&lt;/p&gt;
 
@@ -1758,5 +1758,14 @@ from the main (upstream) repository:&lt;/p&gt;
 </description>
     </item>
     
+    <item>
+      <title>Welcome</title>
+      <link>http://laradock.io/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>http://laradock.io/</guid>
+      <description></description>
+    </item>
+    
   </channel>
 </rss>

+ 660 - 0
docs/introduction/index.html

@@ -0,0 +1,660 @@
+<!DOCTYPE html>
+  
+  
+  
+  
+   <html class="no-js"> 
+
+  <head lang="en-us">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1">
+    <meta http-equiv="X-UA-Compatible" content="IE=10" />
+    <title>Introduction - Laradock Docs</title>
+    <meta name="generator" content="Hugo 0.18.1" />
+
+    
+    <meta name="description" content="Laradock documentations.">
+    
+    <link rel="canonical" href="http://laradock.io/introduction/">
+    
+    <meta name="author" content="Mahmoud Zalt">
+    
+
+    <meta property="og:url" content="http://laradock.io/introduction/">
+    <meta property="og:title" content="Laradock Docs">
+    
+    <meta name="apple-mobile-web-app-title" content="Laradock Docs">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+
+    <link rel="shortcut icon" type="image/x-icon" href="http://laradock.io/images/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="http://laradock.io/images/favicon.ico">
+
+    <style>
+      @font-face {
+        font-family: 'Icon';
+        src: url('http://laradock.io/fonts/icon.eot');
+        src: url('http://laradock.io/fonts/icon.eot')
+               format('embedded-opentype'),
+             url('http://laradock.io/fonts/icon.woff')
+               format('woff'),
+             url('http://laradock.io/fonts/icon.ttf')
+               format('truetype'),
+             url('http://laradock.io/fonts/icon.svg')
+               format('svg');
+        font-weight: normal;
+        font-style: normal;
+      }
+    </style>
+
+    <link rel="stylesheet" href="http://laradock.io/stylesheets/application.css">
+    <link rel="stylesheet" href="http://laradock.io/stylesheets/temporary.css">
+    <link rel="stylesheet" href="http://laradock.io/stylesheets/palettes.css">
+    <link rel="stylesheet" href="http://laradock.io/stylesheets/highlight/highlight.css">
+
+    
+    
+    
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Doctarine:400,700|Source&#43;Code&#43;Pro">
+    <style>
+      body, input {
+        font-family: 'Doctarine', Helvetica, Arial, sans-serif;
+      }
+      pre, code {
+        font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
+      }
+    </style>
+
+    
+    <script src="http://laradock.io/javascripts/modernizr.js"></script>
+
+    
+
+  </head>
+  <body class="palette-primary-purple palette-accent-deep-purple">
+
+
+
+	
+	
+
+
+<div class="backdrop">
+	<div class="backdrop-paper"></div>
+</div>
+
+<input class="toggle" type="checkbox" id="toggle-drawer">
+<input class="toggle" type="checkbox" id="toggle-search">
+<label class="toggle-button overlay" for="toggle-drawer"></label>
+
+<header class="header">
+	<nav aria-label="Header">
+  <div class="bar default">
+    <div class="button button-menu" role="button" aria-label="Menu">
+      <label class="toggle-button icon icon-menu" for="toggle-drawer">
+        <span></span>
+      </label>
+    </div>
+    <div class="stretch">
+      <div class="title">
+        Introduction
+      </div>
+    </div>
+
+    
+
+    
+    <div class="button button-github" role="button" aria-label="GitHub">
+      <a href="https://github.com/laradock" title="@laradock on GitHub" target="_blank" class="toggle-button icon icon-github"></a>
+    </div>
+    
+    
+        
+  </div>
+  <div class="bar search">
+    <div class="button button-close" role="button" aria-label="Close">
+      <label class="toggle-button icon icon-back" for="toggle-search"></label>
+    </div>
+    <div class="stretch">
+      <div class="field">
+        <input class="query" type="text" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck>
+      </div>
+    </div>
+    <div class="button button-reset" role="button" aria-label="Search">
+      <button class="toggle-button icon icon-close" id="reset-search"></button>
+    </div>
+  </div>
+</nav>
+</header>
+
+<main class="main">
+	<div class="drawer">
+		<nav aria-label="Navigation">
+  <a href="https://github.com/laradock/laradock" class="project">
+    <div class="banner">
+      
+      <div class="name">
+        <strong>Laradock Docs </strong>
+        
+          <br>
+          laradock/laradock
+        
+      </div>
+    </div>
+  </a>
+
+  <div class="scrollable">
+    <div class="wrapper">
+      
+        <ul class="repo">
+          <li class="repo-download">
+            <a href="https://github.com/laradock/laradock/archive/master.zip" target="_blank" title="Download" data-action="download">
+              <i class="icon icon-download"></i> Download
+            </a>
+          </li>
+          <li class="repo-stars">
+            <a href="https://github.com/laradock/laradock/stargazers" target="_blank" title="Stargazers" data-action="star">
+              <i class="icon icon-star"></i> Stars
+              <span class="count">&ndash;</span>
+            </a>
+          </li>
+        </ul>
+        <hr>
+      
+
+      <div class="toc">
+        
+        <ul>
+          
+
+
+
+
+<li>
+  
+    
+
+
+
+<a class="current" title="Introduction" href="http://laradock.io/introduction/">
+	
+	Introduction
+</a>
+
+
+<ul id="scrollspy">
+</ul>
+
+
+  
+</li>
+
+
+
+<li>
+  
+    
+
+
+
+<a  title="Getting Started" href="http://laradock.io/getting-started/">
+	
+	Getting Started
+</a>
+
+
+
+  
+</li>
+
+
+
+<li>
+  
+    
+
+
+
+<a  title="Documentation" href="http://laradock.io/documentation/">
+	
+	Documentation
+</a>
+
+
+
+  
+</li>
+
+
+
+<li>
+  
+    
+
+
+
+<a  title="Related Projects" href="http://laradock.io/related-projects/">
+	
+	Related Projects
+</a>
+
+
+
+  
+</li>
+
+
+
+<li>
+  
+    
+
+
+
+<a  title="Help &amp; Questions" href="http://laradock.io/help/">
+	
+	Help &amp; Questions
+</a>
+
+
+
+  
+</li>
+
+
+
+<li>
+  
+    
+
+
+
+<a  title="Contributing" href="http://laradock.io/contributing/">
+	
+	Contributing
+</a>
+
+
+
+  
+</li>
+
+
+
+<li>
+  
+    
+
+
+
+<a  title="License" href="http://laradock.io/license/">
+	
+	License
+</a>
+
+
+
+  
+</li>
+
+
+        </ul>
+        
+
+        
+        <hr>
+        <span class="section">The author</span>
+        
+        <ul>
+          
+
+          
+          <li>
+            <a href="https://github.com/laradock" target="_blank" title="@laradock on GitHub">
+              @laradock on GitHub
+            </a>
+          </li>
+          
+
+          
+        </ul>
+        
+      </div>
+    </div>
+  </div>
+</nav>
+
+	</div>
+
+	<article class="article">
+		<div class="wrapper">
+			<h1>Introduction </h1>
+
+			
+
+<p>LaraDock strives to make the PHP development experience easier and faster.</p>
+
+<p>It contains pre-packaged Docker Images that provides you a wonderful <em>development</em> environment without requiring you to install PHP, NGINX, MySQL, Redis, and any other software on your machines.</p>
+
+<p>LaraDock is configured to run Laravel Apps by default, and it can be modified to run all kinds of PHP Apps (Symfony, CodeIgniter, WordPress, Drupal&hellip;).</p>
+
+<h2 id="quick-overview">Quick Overview</h2>
+
+<p>Let&rsquo;s see how easy it is to install <code>NGINX</code>, <code>PHP</code>, <code>Composer</code>, <code>MySQL</code>, <code>Redis</code> and <code>beanstalkd</code>:</p>
+
+<p>1 - Clone LaraDock inside your PHP project:</p>
+
+<pre><code class="language-shell">git clone https://github.com/Laradock/laradock.git
+</code></pre>
+
+<p>2 - Enter the laradock folder and run this command:</p>
+
+<pre><code class="language-shell">docker-compose up -d nginx mysql redis beanstalkd
+</code></pre>
+
+<p>3 - Open your <code>.env</code> file and set the following:</p>
+
+<pre><code class="language-shell">DB_HOST=mysql
+REDIS_HOST=redis
+QUEUE_HOST=beanstalkd
+</code></pre>
+
+<p>4 - Open your browser and visit localhost: <code>http://localhost</code>.</p>
+
+<pre><code class="language-shell">That's it! enjoy :)
+</code></pre>
+
+<p><a name="what-is-docker"></a></p>
+
+<h2 id="what-is-docker">What is Docker?</h2>
+
+<p><a href="https://www.docker.com">Docker</a> is an open-source project that automates the deployment of applications inside software containers, by providing an additional layer of abstraction and automation of <a href="https://en.wikipedia.org/wiki/Operating-system-level_virtualization">operating-system-level virtualization</a> on Linux, Mac OS and Windows.</p>
+
+<p><a name="why-docker-not-vagrant"></a></p>
+
+<h2 id="why-docker-not-vagrant">Why Docker not Vagrant!?</h2>
+
+<p><a href="https://www.vagrantup.com">Vagrant</a> creates Virtual Machines in minutes while Docker creates Virtual Containers in seconds.</p>
+
+<p>Instead of providing a full Virtual Machines, like you get with Vagrant, Docker provides you <strong>lightweight</strong> Virtual Containers, that share the same kernel and allow to safely execute independent processes.</p>
+
+<p>In addition to the speed, Docker gives tons of features that cannot be achieved with Vagrant.</p>
+
+<p>Most importantly Docker can run on Development and on Production (same environment everywhere). While Vagrant is designed for Development only, (so you have to re-provision your server on Production every time).</p>
+
+<p><a name="laradock-vs-homestead"></a></p>
+
+<h2 id="laradock-vs-homestead-for-laravel-developers">LaraDock VS Homestead (For Laravel Developers)</h2>
+
+<blockquote>
+<p>LaraDock It&rsquo;s like Laravel Homestead but for Docker instead of Vagrant.</p>
+</blockquote>
+
+<p>LaraDock and <a href="https://laravel.com/docs/master/homestead">Homestead</a> both give you complete virtual development environments. (Without the need to install and configure every single software on your own Operating System).</p>
+
+<ul>
+<li><p>Homestead is a tool that controls Vagrant for you (using Homestead special commands). And Vagrant manages your Virtual Machine.</p></li>
+
+<li><p>LaraDock is a tool that controls Docker for you (using Docker &amp; Docker Compose official commands). And Docker manages your Virtual Containers.</p></li>
+</ul>
+
+<p>Running a virtual container is much faster than running a full virtual Machine. Thus <strong>LaraDock is much faster than Homestead</strong>.</p>
+
+<p><a name="Demo"></a></p>
+
+<h2 id="demo-video">Demo Video</h2>
+
+<p>What&rsquo;s better than a <strong>Demo Video</strong>:</p>
+
+<ul>
+<li>LaraDock <a href="https://www.youtube.com/watch?v=TQii1jDa96Y">v4.*</a></li>
+<li>LaraDock <a href="https://www.youtube.com/watch?v=-DamFMczwDA">v2.*</a></li>
+<li>LaraDock <a href="https://www.youtube.com/watch?v=jGkyO6Is_aI">v0.3</a></li>
+<li>LaraDock <a href="https://www.youtube.com/watch?v=3YQsHe6oF80">v0.1</a></li>
+</ul>
+
+<p><a name="features"></a></p>
+
+<h2 id="features">Features</h2>
+
+<ul>
+<li>Easy switch between PHP versions: 7.0, 5.6, 5.5&hellip;</li>
+<li>Choose your favorite database engine: MySQL, Postgres, MariaDB&hellip;</li>
+<li>Run your own combination of software: Memcached, HHVM, Beanstalkd&hellip;</li>
+<li>Every software runs on a separate container: PHP-FPM, NGINX, PHP-CLI&hellip;</li>
+<li>Easy to customize any container, with simple edit to the <code>Dockerfile</code>.</li>
+<li>All Images extends from an official base Image. (Trusted base Images).</li>
+<li>Pre-configured NGINX for Laravel.</li>
+<li>Easy to apply configurations inside containers.</li>
+<li>Clean and well structured Dockerfiles (<code>Dockerfile</code>).</li>
+<li>Latest version of the Docker Compose file (<code>docker-compose</code>).</li>
+<li>Everything is visible and editable.</li>
+<li>Fast Images Builds.</li>
+<li>More to come every week..</li>
+</ul>
+
+<p><a name="Supported-Containers"></a></p>
+
+<h2 id="supported-software-containers">Supported Software (Containers)</h2>
+
+<ul>
+<li><strong>Database Engines:</strong>
+
+<ul>
+<li>MySQL</li>
+<li>PostgreSQL</li>
+<li>MariaDB</li>
+<li>MongoDB</li>
+<li>Neo4j</li>
+<li>RethinkDB</li>
+</ul></li>
+<li><strong>Cache Engines:</strong>
+
+<ul>
+<li>Redis</li>
+<li>Memcached</li>
+<li>Aerospike</li>
+</ul></li>
+<li><strong>PHP Servers:</strong>
+
+<ul>
+<li>NGINX</li>
+<li>Apache2</li>
+<li>Caddy</li>
+</ul></li>
+<li><strong>PHP Compilers:</strong>
+
+<ul>
+<li>PHP-FPM</li>
+<li>HHVM</li>
+</ul></li>
+<li><strong>Message Queuing Systems:</strong>
+
+<ul>
+<li>Beanstalkd</li>
+<li>Beanstalkd Console</li>
+<li>RabbitMQ</li>
+<li>RabbitMQ Console</li>
+</ul></li>
+<li><strong>Tools:</strong>
+
+<ul>
+<li>PhpMyAdmin</li>
+<li>PgAdmin</li>
+<li>ElasticSearch</li>
+<li>Selenium</li>
+<li>Workspace
+
+<ul>
+<li>PHP7-CLI</li>
+<li>Composer</li>
+<li>Git</li>
+<li>Linuxbrew</li>
+<li>Node</li>
+<li>Gulp</li>
+<li>SQLite</li>
+<li>xDebug</li>
+<li>Envoy</li>
+<li>Deployer</li>
+<li>Vim</li>
+<li>Yarn</li>
+<li>&hellip; Many other supported tools are not documented. (Will be updated soon)</li>
+</ul></li>
+</ul></li>
+</ul>
+
+<blockquote>
+<p>If you can&rsquo;t find your Software, build it yourself and add it to this list. Contributions are welcomed :)</p>
+</blockquote>
+
+<p><a name="Chat"></a></p>
+
+<h2 id="chat-with-us">Chat with us</h2>
+
+<p>You are welcome to join our chat room on Gitter.</p>
+
+<p><a href="https://gitter.im/LaraDock/laradock?utm_source=badge&amp;utm_medium=badge&amp;utm_campaign=pr-badge"><img src="https://badges.gitter.im/LaraDock/laradock.svg" alt="Gitter" /></a></p>
+
+
+			<aside class="copyright" role="note">
+				
+				Documentation built with
+				<a href="https://www.gohugo.io" target="_blank">Hugo</a>
+				using the
+				<a href="http://github.com/digitalcraftsman/hugo-material-docs" target="_blank">Material</a> theme.
+			</aside>
+
+			<footer class="footer">
+				
+
+<nav class="pagination" aria-label="Footer">
+  <div class="previous">
+  
+  </div>
+
+  <div class="next">
+  
+      <a href="http://laradock.io/getting-started/" title="Getting Started">
+        <span class="direction">
+          Next
+        </span>
+        <div class="page">
+          <div class="stretch">
+            <div class="title">
+              Getting Started
+            </div>
+          </div>
+          <div class="button button-next" role="button" aria-label="Next">
+            <i class="icon icon-forward"></i>
+          </div>
+        </div>
+      </a>
+  
+  </div>
+</nav>
+
+
+
+
+
+			</footer>
+		</div>
+	</article>
+
+	<div class="results" role="status" aria-live="polite">
+		<div class="scrollable">
+			<div class="wrapper">
+				<div class="meta"></div>
+				<div class="list"></div>
+			</div>
+		</div>
+	</div>
+</main>
+
+    <script>
+    
+      var base_url = 'http:\/\/laradock.io\/';
+      var repo_id  = 'laradock\/laradock';
+    
+    </script>
+
+    <script src="http://laradock.io/javascripts/application.js"></script>
+    
+
+    <script>
+      /* Add headers to scrollspy */
+      var headers   = document.getElementsByTagName("h2");
+      var scrollspy = document.getElementById('scrollspy');
+
+      if(scrollspy) {
+        if(headers.length > 0) {
+          for(var i = 0; i < headers.length; i++) {
+            var li = document.createElement("li");
+            li.setAttribute("class", "anchor");
+
+            var a  = document.createElement("a");
+            a.setAttribute("href", "#" + headers[i].id);
+            a.setAttribute("title", headers[i].innerHTML);
+            a.innerHTML = headers[i].innerHTML;
+
+            li.appendChild(a)
+            scrollspy.appendChild(li);
+          }
+        } else {
+          scrollspy.parentElement.removeChild(scrollspy)
+        }
+
+
+        /* Add permanent link next to the headers */
+        var headers = document.querySelectorAll("h1, h2, h3, h4, h5, h6");
+
+        for(var i = 0; i < headers.length; i++) {
+            var a = document.createElement("a");
+            a.setAttribute("class", "headerlink");
+            a.setAttribute("href", "#" + headers[i].id);
+            a.setAttribute("title", "Permanent link")
+            a.innerHTML = "#";
+            headers[i].appendChild(a);
+        }
+      }
+    </script>
+
+    
+      <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', '//www.google-analytics.com/analytics.js', 'ga');
+         
+        ga('create', 'UA-37514928-9', 'auto');
+        ga('set', 'anonymizeIp', true);
+        ga('send', 'pageview');
+         
+        var buttons = document.querySelectorAll('a');
+        Array.prototype.map.call(buttons, function(item) {
+          if (item.host != document.location.host) {
+            item.addEventListener('click', function() {
+              var action = item.getAttribute('data-action') || 'follow';
+              ga('send', 'event', 'outbound', action, item.href);
+            });
+          }
+        });
+         
+        var query = document.querySelector('.query');
+        query.addEventListener('blur', function() {
+          if (this.value) {
+            var path = document.location.pathname;
+            ga('send', 'pageview', path + '?q=' + this.value);
+          }
+        });
+      </script>
+    
+
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script>
+    <script>hljs.initHighlightingOnLoad();</script>
+  </body>
+</html>
+

+ 205 - 0
docs/introduction/index.xml

@@ -0,0 +1,205 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Introductions on Laradock Docs</title>
+    <link>http://laradock.io/introduction/index.xml</link>
+    <description>Recent content in Introductions on Laradock Docs</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en-us</language>
+    <atom:link href="http://laradock.io/introduction/index.xml" rel="self" type="application/rss+xml" />
+    
+    <item>
+      <title>Introduction</title>
+      <link>http://laradock.io/introduction/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>http://laradock.io/introduction/</guid>
+      <description>
+
+&lt;p&gt;LaraDock strives to make the PHP development experience easier and faster.&lt;/p&gt;
+
+&lt;p&gt;It contains pre-packaged Docker Images that provides you a wonderful &lt;em&gt;development&lt;/em&gt; environment without requiring you to install PHP, NGINX, MySQL, Redis, and any other software on your machines.&lt;/p&gt;
+
+&lt;p&gt;LaraDock is configured to run Laravel Apps by default, and it can be modified to run all kinds of PHP Apps (Symfony, CodeIgniter, WordPress, Drupal&amp;hellip;).&lt;/p&gt;
+
+&lt;h2 id=&#34;quick-overview&#34;&gt;Quick Overview&lt;/h2&gt;
+
+&lt;p&gt;Let&amp;rsquo;s see how easy it is to install &lt;code&gt;NGINX&lt;/code&gt;, &lt;code&gt;PHP&lt;/code&gt;, &lt;code&gt;Composer&lt;/code&gt;, &lt;code&gt;MySQL&lt;/code&gt;, &lt;code&gt;Redis&lt;/code&gt; and &lt;code&gt;beanstalkd&lt;/code&gt;:&lt;/p&gt;
+
+&lt;p&gt;1 - Clone LaraDock inside your PHP project:&lt;/p&gt;
+
+&lt;pre&gt;&lt;code class=&#34;language-shell&#34;&gt;git clone https://github.com/Laradock/laradock.git
+&lt;/code&gt;&lt;/pre&gt;
+
+&lt;p&gt;2 - Enter the laradock folder and run this command:&lt;/p&gt;
+
+&lt;pre&gt;&lt;code class=&#34;language-shell&#34;&gt;docker-compose up -d nginx mysql redis beanstalkd
+&lt;/code&gt;&lt;/pre&gt;
+
+&lt;p&gt;3 - Open your &lt;code&gt;.env&lt;/code&gt; file and set the following:&lt;/p&gt;
+
+&lt;pre&gt;&lt;code class=&#34;language-shell&#34;&gt;DB_HOST=mysql
+REDIS_HOST=redis
+QUEUE_HOST=beanstalkd
+&lt;/code&gt;&lt;/pre&gt;
+
+&lt;p&gt;4 - Open your browser and visit localhost: &lt;code&gt;http://localhost&lt;/code&gt;.&lt;/p&gt;
+
+&lt;pre&gt;&lt;code class=&#34;language-shell&#34;&gt;That&#39;s it! enjoy :)
+&lt;/code&gt;&lt;/pre&gt;
+
+&lt;p&gt;&lt;a name=&#34;what-is-docker&#34;&gt;&lt;/a&gt;&lt;/p&gt;
+
+&lt;h2 id=&#34;what-is-docker&#34;&gt;What is Docker?&lt;/h2&gt;
+
+&lt;p&gt;&lt;a href=&#34;https://www.docker.com&#34;&gt;Docker&lt;/a&gt; is an open-source project that automates the deployment of applications inside software containers, by providing an additional layer of abstraction and automation of &lt;a href=&#34;https://en.wikipedia.org/wiki/Operating-system-level_virtualization&#34;&gt;operating-system-level virtualization&lt;/a&gt; on Linux, Mac OS and Windows.&lt;/p&gt;
+
+&lt;p&gt;&lt;a name=&#34;why-docker-not-vagrant&#34;&gt;&lt;/a&gt;&lt;/p&gt;
+
+&lt;h2 id=&#34;why-docker-not-vagrant&#34;&gt;Why Docker not Vagrant!?&lt;/h2&gt;
+
+&lt;p&gt;&lt;a href=&#34;https://www.vagrantup.com&#34;&gt;Vagrant&lt;/a&gt; creates Virtual Machines in minutes while Docker creates Virtual Containers in seconds.&lt;/p&gt;
+
+&lt;p&gt;Instead of providing a full Virtual Machines, like you get with Vagrant, Docker provides you &lt;strong&gt;lightweight&lt;/strong&gt; Virtual Containers, that share the same kernel and allow to safely execute independent processes.&lt;/p&gt;
+
+&lt;p&gt;In addition to the speed, Docker gives tons of features that cannot be achieved with Vagrant.&lt;/p&gt;
+
+&lt;p&gt;Most importantly Docker can run on Development and on Production (same environment everywhere). While Vagrant is designed for Development only, (so you have to re-provision your server on Production every time).&lt;/p&gt;
+
+&lt;p&gt;&lt;a name=&#34;laradock-vs-homestead&#34;&gt;&lt;/a&gt;&lt;/p&gt;
+
+&lt;h2 id=&#34;laradock-vs-homestead-for-laravel-developers&#34;&gt;LaraDock VS Homestead (For Laravel Developers)&lt;/h2&gt;
+
+&lt;blockquote&gt;
+&lt;p&gt;LaraDock It&amp;rsquo;s like Laravel Homestead but for Docker instead of Vagrant.&lt;/p&gt;
+&lt;/blockquote&gt;
+
+&lt;p&gt;LaraDock and &lt;a href=&#34;https://laravel.com/docs/master/homestead&#34;&gt;Homestead&lt;/a&gt; both give you complete virtual development environments. (Without the need to install and configure every single software on your own Operating System).&lt;/p&gt;
+
+&lt;ul&gt;
+&lt;li&gt;&lt;p&gt;Homestead is a tool that controls Vagrant for you (using Homestead special commands). And Vagrant manages your Virtual Machine.&lt;/p&gt;&lt;/li&gt;
+
+&lt;li&gt;&lt;p&gt;LaraDock is a tool that controls Docker for you (using Docker &amp;amp; Docker Compose official commands). And Docker manages your Virtual Containers.&lt;/p&gt;&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;p&gt;Running a virtual container is much faster than running a full virtual Machine. Thus &lt;strong&gt;LaraDock is much faster than Homestead&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;p&gt;&lt;a name=&#34;Demo&#34;&gt;&lt;/a&gt;&lt;/p&gt;
+
+&lt;h2 id=&#34;demo-video&#34;&gt;Demo Video&lt;/h2&gt;
+
+&lt;p&gt;What&amp;rsquo;s better than a &lt;strong&gt;Demo Video&lt;/strong&gt;:&lt;/p&gt;
+
+&lt;ul&gt;
+&lt;li&gt;LaraDock &lt;a href=&#34;https://www.youtube.com/watch?v=TQii1jDa96Y&#34;&gt;v4.*&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;LaraDock &lt;a href=&#34;https://www.youtube.com/watch?v=-DamFMczwDA&#34;&gt;v2.*&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;LaraDock &lt;a href=&#34;https://www.youtube.com/watch?v=jGkyO6Is_aI&#34;&gt;v0.3&lt;/a&gt;&lt;/li&gt;
+&lt;li&gt;LaraDock &lt;a href=&#34;https://www.youtube.com/watch?v=3YQsHe6oF80&#34;&gt;v0.1&lt;/a&gt;&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;p&gt;&lt;a name=&#34;features&#34;&gt;&lt;/a&gt;&lt;/p&gt;
+
+&lt;h2 id=&#34;features&#34;&gt;Features&lt;/h2&gt;
+
+&lt;ul&gt;
+&lt;li&gt;Easy switch between PHP versions: 7.0, 5.6, 5.5&amp;hellip;&lt;/li&gt;
+&lt;li&gt;Choose your favorite database engine: MySQL, Postgres, MariaDB&amp;hellip;&lt;/li&gt;
+&lt;li&gt;Run your own combination of software: Memcached, HHVM, Beanstalkd&amp;hellip;&lt;/li&gt;
+&lt;li&gt;Every software runs on a separate container: PHP-FPM, NGINX, PHP-CLI&amp;hellip;&lt;/li&gt;
+&lt;li&gt;Easy to customize any container, with simple edit to the &lt;code&gt;Dockerfile&lt;/code&gt;.&lt;/li&gt;
+&lt;li&gt;All Images extends from an official base Image. (Trusted base Images).&lt;/li&gt;
+&lt;li&gt;Pre-configured NGINX for Laravel.&lt;/li&gt;
+&lt;li&gt;Easy to apply configurations inside containers.&lt;/li&gt;
+&lt;li&gt;Clean and well structured Dockerfiles (&lt;code&gt;Dockerfile&lt;/code&gt;).&lt;/li&gt;
+&lt;li&gt;Latest version of the Docker Compose file (&lt;code&gt;docker-compose&lt;/code&gt;).&lt;/li&gt;
+&lt;li&gt;Everything is visible and editable.&lt;/li&gt;
+&lt;li&gt;Fast Images Builds.&lt;/li&gt;
+&lt;li&gt;More to come every week..&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;p&gt;&lt;a name=&#34;Supported-Containers&#34;&gt;&lt;/a&gt;&lt;/p&gt;
+
+&lt;h2 id=&#34;supported-software-containers&#34;&gt;Supported Software (Containers)&lt;/h2&gt;
+
+&lt;ul&gt;
+&lt;li&gt;&lt;strong&gt;Database Engines:&lt;/strong&gt;
+
+&lt;ul&gt;
+&lt;li&gt;MySQL&lt;/li&gt;
+&lt;li&gt;PostgreSQL&lt;/li&gt;
+&lt;li&gt;MariaDB&lt;/li&gt;
+&lt;li&gt;MongoDB&lt;/li&gt;
+&lt;li&gt;Neo4j&lt;/li&gt;
+&lt;li&gt;RethinkDB&lt;/li&gt;
+&lt;/ul&gt;&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Cache Engines:&lt;/strong&gt;
+
+&lt;ul&gt;
+&lt;li&gt;Redis&lt;/li&gt;
+&lt;li&gt;Memcached&lt;/li&gt;
+&lt;li&gt;Aerospike&lt;/li&gt;
+&lt;/ul&gt;&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;PHP Servers:&lt;/strong&gt;
+
+&lt;ul&gt;
+&lt;li&gt;NGINX&lt;/li&gt;
+&lt;li&gt;Apache2&lt;/li&gt;
+&lt;li&gt;Caddy&lt;/li&gt;
+&lt;/ul&gt;&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;PHP Compilers:&lt;/strong&gt;
+
+&lt;ul&gt;
+&lt;li&gt;PHP-FPM&lt;/li&gt;
+&lt;li&gt;HHVM&lt;/li&gt;
+&lt;/ul&gt;&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Message Queuing Systems:&lt;/strong&gt;
+
+&lt;ul&gt;
+&lt;li&gt;Beanstalkd&lt;/li&gt;
+&lt;li&gt;Beanstalkd Console&lt;/li&gt;
+&lt;li&gt;RabbitMQ&lt;/li&gt;
+&lt;li&gt;RabbitMQ Console&lt;/li&gt;
+&lt;/ul&gt;&lt;/li&gt;
+&lt;li&gt;&lt;strong&gt;Tools:&lt;/strong&gt;
+
+&lt;ul&gt;
+&lt;li&gt;PhpMyAdmin&lt;/li&gt;
+&lt;li&gt;PgAdmin&lt;/li&gt;
+&lt;li&gt;ElasticSearch&lt;/li&gt;
+&lt;li&gt;Selenium&lt;/li&gt;
+&lt;li&gt;Workspace
+
+&lt;ul&gt;
+&lt;li&gt;PHP7-CLI&lt;/li&gt;
+&lt;li&gt;Composer&lt;/li&gt;
+&lt;li&gt;Git&lt;/li&gt;
+&lt;li&gt;Linuxbrew&lt;/li&gt;
+&lt;li&gt;Node&lt;/li&gt;
+&lt;li&gt;Gulp&lt;/li&gt;
+&lt;li&gt;SQLite&lt;/li&gt;
+&lt;li&gt;xDebug&lt;/li&gt;
+&lt;li&gt;Envoy&lt;/li&gt;
+&lt;li&gt;Deployer&lt;/li&gt;
+&lt;li&gt;Vim&lt;/li&gt;
+&lt;li&gt;Yarn&lt;/li&gt;
+&lt;li&gt;&amp;hellip; Many other supported tools are not documented. (Will be updated soon)&lt;/li&gt;
+&lt;/ul&gt;&lt;/li&gt;
+&lt;/ul&gt;&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;blockquote&gt;
+&lt;p&gt;If you can&amp;rsquo;t find your Software, build it yourself and add it to this list. Contributions are welcomed :)&lt;/p&gt;
+&lt;/blockquote&gt;
+
+&lt;p&gt;&lt;a name=&#34;Chat&#34;&gt;&lt;/a&gt;&lt;/p&gt;
+
+&lt;h2 id=&#34;chat-with-us&#34;&gt;Chat with us&lt;/h2&gt;
+
+&lt;p&gt;You are welcome to join our chat room on Gitter.&lt;/p&gt;
+
+&lt;p&gt;&lt;a href=&#34;https://gitter.im/LaraDock/laradock?utm_source=badge&amp;amp;utm_medium=badge&amp;amp;utm_campaign=pr-badge&#34;&gt;&lt;img src=&#34;https://badges.gitter.im/LaraDock/laradock.svg&#34; alt=&#34;Gitter&#34; /&gt;&lt;/a&gt;&lt;/p&gt;
+</description>
+    </item>
+    
+  </channel>
+</rss>

+ 38 - 10
docs/license/index.html

@@ -22,7 +22,7 @@
 
     <meta property="og:url" content="http://laradock.io/license/">
     <meta property="og:title" content="Laradock Docs">
-    <meta property="og:image" content="http://laradock.io/images/logo.png">
+    
     <meta name="apple-mobile-web-app-title" content="Laradock Docs">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -55,13 +55,13 @@
     
     
     
-    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu:400,700|Ubuntu&#43;Mono">
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Doctarine:400,700|Source&#43;Code&#43;Pro">
     <style>
       body, input {
-        font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
+        font-family: 'Doctarine', Helvetica, Arial, sans-serif;
       }
       pre, code {
-        font-family: 'Ubuntu Mono', 'Courier New', 'Courier', monospace;
+        font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
       }
     </style>
 
@@ -133,10 +133,6 @@
   <a href="https://github.com/laradock/laradock" class="project">
     <div class="banner">
       
-        <div class="logo">
-          <img src="http://laradock.io/images/logo.png">
-        </div>
-      
       <div class="name">
         <strong>Laradock Docs </strong>
         
@@ -180,9 +176,9 @@
 
 
 
-<a  title="Overview" href="http://laradock.io/">
+<a  title="Introduction" href="http://laradock.io/introduction/">
 	
-	Overview
+	Introduction
 </a>
 
 
@@ -457,6 +453,38 @@
     </script>
 
     
+      <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', '//www.google-analytics.com/analytics.js', 'ga');
+         
+        ga('create', 'UA-37514928-9', 'auto');
+        ga('set', 'anonymizeIp', true);
+        ga('send', 'pageview');
+         
+        var buttons = document.querySelectorAll('a');
+        Array.prototype.map.call(buttons, function(item) {
+          if (item.host != document.location.host) {
+            item.addEventListener('click', function() {
+              var action = item.getAttribute('data-action') || 'follow';
+              ga('send', 'event', 'outbound', action, item.href);
+            });
+          }
+        });
+         
+        var query = document.querySelector('.query');
+        query.addEventListener('blur', function() {
+          if (this.value) {
+            var path = document.location.pathname;
+            ga('send', 'pageview', path + '?q=' + this.value);
+          }
+        });
+      </script>
+    
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script>
     <script>hljs.initHighlightingOnLoad();</script>

+ 38 - 10
docs/related-projects/index.html

@@ -22,7 +22,7 @@
 
     <meta property="og:url" content="http://laradock.io/related-projects/">
     <meta property="og:title" content="Laradock Docs">
-    <meta property="og:image" content="http://laradock.io/images/logo.png">
+    
     <meta name="apple-mobile-web-app-title" content="Laradock Docs">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -55,13 +55,13 @@
     
     
     
-    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu:400,700|Ubuntu&#43;Mono">
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Doctarine:400,700|Source&#43;Code&#43;Pro">
     <style>
       body, input {
-        font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
+        font-family: 'Doctarine', Helvetica, Arial, sans-serif;
       }
       pre, code {
-        font-family: 'Ubuntu Mono', 'Courier New', 'Courier', monospace;
+        font-family: 'Source Code Pro', 'Courier New', 'Courier', monospace;
       }
     </style>
 
@@ -133,10 +133,6 @@
   <a href="https://github.com/laradock/laradock" class="project">
     <div class="banner">
       
-        <div class="logo">
-          <img src="http://laradock.io/images/logo.png">
-        </div>
-      
       <div class="name">
         <strong>Laradock Docs </strong>
         
@@ -180,9 +176,9 @@
 
 
 
-<a  title="Overview" href="http://laradock.io/">
+<a  title="Introduction" href="http://laradock.io/introduction/">
 	
-	Overview
+	Introduction
 </a>
 
 
@@ -470,6 +466,38 @@ These Docker Compose projects have piqued our interest:</li>
     </script>
 
     
+      <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', '//www.google-analytics.com/analytics.js', 'ga');
+         
+        ga('create', 'UA-37514928-9', 'auto');
+        ga('set', 'anonymizeIp', true);
+        ga('send', 'pageview');
+         
+        var buttons = document.querySelectorAll('a');
+        Array.prototype.map.call(buttons, function(item) {
+          if (item.host != document.location.host) {
+            item.addEventListener('click', function() {
+              var action = item.getAttribute('data-action') || 'follow';
+              ga('send', 'event', 'outbound', action, item.href);
+            });
+          }
+        });
+         
+        var query = document.querySelector('.query');
+        query.addEventListener('blur', function() {
+          if (this.value) {
+            var path = document.location.pathname;
+            ga('send', 'pageview', path + '?q=' + this.value);
+          }
+        });
+      </script>
+    
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/highlight.min.js"></script>
     <script>hljs.initHighlightingOnLoad();</script>

+ 10 - 1
docs/sitemap.xml

@@ -2,7 +2,7 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   
   <url>
-    <loc>http://laradock.io/</loc>
+    <loc>http://laradock.io/introduction/</loc>
   </url>
   
   <url>
@@ -49,6 +49,11 @@
     <priority>0</priority>
   </url>
   
+  <url>
+    <loc>http://laradock.io/introduction/</loc>
+    <priority>0</priority>
+  </url>
+  
   <url>
     <loc>http://laradock.io/</loc>
     <priority>0</priority>
@@ -64,4 +69,8 @@
     <priority>0</priority>
   </url>
   
+  <url>
+    <loc>http://laradock.io/</loc>
+  </url>
+  
 </urlset>