.

docs/index.pug

@@ -1,14 +1,17 @@
 doctype html
 html
     head
-        link(href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css", rel="stylesheet")
-        link(href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css", rel="stylesheet")
         link(href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400", rel="stylesheet")
+        link(href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css", rel="stylesheet")
+        link(href="https://cdn.jsdelivr.net/g/[email protected](css/bootstrap.min.css)", rel="stylesheet")
+        script(src="https://cdn.jsdelivr.net/g/[email protected],[email protected],[email protected]")
         style.
             body {
                 font-family: 'Source Sans Pro', sans-serif;
                 background: #111;
                 color: #ccc;
+                min-height: 100vh;
+                background-image: radial-gradient(#111, #000);
             }
             
             h1 {
@@ -20,52 +23,106 @@ html
                 color: white;
             }
             
-            .btn i + span {
+            .btn i + span,
+            .nav-link i + span {
                 margin-left: 10px;
             }
             
             .btn-outline-primary {
                 color: #b6e7ff !important;
             }
+            
+            .nav-link {
+                font-size: 22px;
+            }
+            
+            video {
+                max-width: 100%;
+                box-shadow: 0 0 50px black;
+            }
+            
     body
-        .container.mt-5.mb-3
+        .container.mt-5.mb-5
             .text-center
                 h1 Terminus
                 h5 A terminal for a more modern age
+                
+            .d-flex.flex-row.mt-5.mb-5
+                ul.nav.nav-pills.flex-column.mr-5(style='min-width: 200px')
+                    li.nav-item
+                        a.nav-link.active(data-toggle='tab', href='#windows', role='tab')
+                            i.fa.fa-windows
+                            span Windows
+                    li.nav-item
+                        a.nav-link(data-toggle='tab', href='#macos', role='tab')
+                            i.fa.fa-apple
+                            span macOS
+                    li.nav-item
+                        a.nav-link(data-toggle='tab', href='#linux', role='tab')
+                            i.fa.fa-linux
+                            span Linux
+
+                .tab-content
+                    #windows.tab-pane.active(role='tabpanel')
+                        .row
+                            .col-6
+                                video(src='videos/windows.mp4', autoplay, loop)
+                            .col-6
+                                h3 A proper Windows experience
+                                p 
+                                    b Clink 
+                                    | provides tab completion, readline-style editing and persistent command history on Windows.
+                                p Also supported:
+                                    ul 
+                                        li Classic CMD
+                                        li PowerShell 
+                                        li Bash on Windows 
+                    #macos.tab-pane(role='tabpanel')
+                        .row
+                            .col-6
+                                //video(src='videos/windows.mp4', autoplay, loop)
+                            .col-6
+                                h3 
+                                p 
+                                    b Clink 
+                                    | provides tab completion, readline-style editing and persistent command history on Windows.
+                                p Also supported:
+                                    ul 
+                                        li Classic CMD
+                                        li PowerShell 
+                                        li Bash on Windows 
+                    #linux.tab-pane(role='tabpanel')
+                        .row
+                            .col-6
+                                //video(src='videos/windows.mp4', autoplay, loop)
+                            .col-6
+                                h3 A proper Windows experience
+                                p 
+                                    b Clink 
+                                    | provides tab completion, readline-style editing and persistent command history on Windows.
+                                p Also supported:
+                                    ul 
+                                        li Classic CMD
+                                        li PowerShell 
+                                        li Bash on Windows 
+
                     
-                .btn-group.mt-3.mb-3
-                    a.btn.btn-outline-primary
-                        i.fa.fa-windows
-                        span Windows
-            
-                    a.btn.btn-outline-primary
-                        i.fa.fa-apple
-                        span macOS
+            .text-center
+                .mt-3.mb-3
+                    h2
 
-                    a.btn.btn-outline-primary
-                        i.fa.fa-archive
-                        span DEB
+                    div
+                        .btn-group.mt-3.mb-1
+                            a.btn.btn-lg.btn-outline-success(href='https://github.com/Eugeny/terminus/releases/latest', target='_blank')
+                                i.fa.fa-download
+                                span Downloads
+                            a.btn.btn-lg.btn-outline-secondary(href='https://github.com/Eugeny/terminus', target='_blank')
+                                i.fa.fa-github
+                                span GitHub
+                    small.text-muted EXE, DMG, DEB, RPM, TGZ
 
-                    a.btn.btn-outline-primary
-                        i.fa.fa-archive
-                        span RPM
-                        
-                    a.btn.btn-outline-primary
-                        i.fa.fa-archive
-                        span TGZ
                         
             .row.mt-5
-                .col-6
-                    h3 Proper Windows experience
-                    p 
-                        b Clink 
-                        | provides tab completion, readline-style editing and persistent command history on Windows.
-                    p Also supported:
-                        ul 
-                            li Classic CMD
-                            li PowerShell 
-                            li Bash on Windows 
-
                 .col-6
                     h3 User experience
                     ul
@@ -76,13 +133,20 @@ html
                         li Click paths and URLs to open in browser/file manager
                         li Keeps the current directory in new tabs
 
-            .row.mt-5
                 .col-6
-                    h3 Customizable
-                    p Multiple app themes and a myriad of community color schemes for the terminal. Color scheme editor included.
-                            
-                .col-6
-                    h3 Infinitely extensible
-                    p Install plugins from the NPM repository, or create your own with Typescript and Angular framework.
-                    
+                    .mb-5
+                        h3 Customizable
+                        p Multiple app themes and a myriad of community color schemes for the terminal. Color scheme editor included.
                         
+                    div        
+                        h3 Infinitely extensible
+                        p Install plugins from the NPM repository, or create your own with Typescript and Angular framework.
+                        
+        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','https://www.google-analytics.com/analytics.js','ga');
+
+          ga('create', 'UA-3278102-18', 'auto');
+          ga('send', 'pageview');

scripts/vars.js

@@ -1,9 +1,13 @@
 const path = require('path')
 const fs = require('fs')
+const childProcess = require('child_process')
 
 const appInfo = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../app/package.json')))
 const pkgInfo = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../package.json')))
 
+exports.version = childProcess.execSync('git describe --tags', {encoding:'utf-8'})
+exports.version = exports.version.substring(1, exports.version.length - 1)
+
 exports.builtinPlugins = [
   'terminus-core',
   'terminus-settings',