website/themes/5Sigma/layouts/index.html

142 lines
5.1 KiB
HTML

<html>
{{ partial "head.html" . }}
<body>
<div class="ui segment basic fadebg">
<div class="ui container">
<div class="ui segment center aligned segment basic very padded">
<div class="instruments"></div>
<h1 class="ui inverted header title-header">
CONDUCTOR
<div class="sub header">A Development Stack Launcher</div>
</h1>
<p style="font-size: 1.2em; color: white">
Conductor helps launch and manage the environment when developing applications that have multiple components.
It can be configured to launch an applications stack in part, or in full, and manage environment settings.
This helps keep application specific environment variables out of dotfiles and reduce the number of terminal
windows that need to be running during development.
</p>
</div>
</div>
<div class="ui segment basic center aligned">
<div class="ui huge basic inverted buttons" id="download-buttons">
<div class="ui button" data-tab="windows-download">
<i class="ui life windows icon"></i>
Windows
</div>
<div class="ui button" data-tab="linux-download">
<i class="ui linux icon"></i>
Linux
</div>
<div class="ui button" data-tab="macos-download">
<i class="ui apple icon"></i>
MacOS
</div>
<a class="ui button" href="http://github.com/5Sigma/conductor">
<i class="ui icon github"></i>
Source Code
</a>
</div>
</div>
<div class="ui tab basic segment center aligned" data-tab="windows-download">
<div class="ui inverted huge header" style="font-weight: bold;">
Binary Download
</div>
<a class="ui basic huge inverted button"
href="https://github.com/5Sigma/conductor/releases/latest/download/conductor-windows.zip">
<i class="ui life windows icon"></i> Download
</a>
</div>
<div class="ui tab basic segment center aligned" data-tab="linux-download">
<div class="ui inverted huge header" style="font-weight: bold;">
Binary Download
</div>
<a class="ui basic huge inverted button"
href="https://github.com/5Sigma/conductor/releases/latest/download/conductor-linux.tar.gz">
<i class="ui linux icon"></i>
Donwload
</a>
</div>
<div class="ui tab basic segment center aligned" data-tab="macos-download" style="margin: auto; width: 800px;">
<div class="ui inverted huge header" style="font-weight: bold;">
Hombrew Installation
</div>
<div style="width: 500px; margin: auto; text-align: left;">
<div class="ui inverted segment">
<pre style="font-size: 16px; font-weight: bold;">
brew tap 5sigma/tap
brew install conductor</pre>
</div>
</div>
<div class="ui horizontal divider" style="color: white;">
Or
</div>
<div class="ui inverted huge header" style="font-weight: bold;">
Binary Download
</div>
<div class="ui hidden divider"></div>
<a class="ui basic huge inverted button"
href="https://github.com/5Sigma/conductor/releases/latest/download/conductor-darwin.zip">
<i class="ui apple icon"></i>
Download
</a>
</div>
<div class="ui hidden section divider"></div>
</div>
<div class="ui grid two columns">
<div class="row">
<div class="column">
<div class="ui basic segment center aligned very padded">
<div class="ui large header icon">
<i class="ui help boui"></i>
Getting started
<div class="sub header">
Check out the getting started guide for a quick introduction
</div>
</div>
<div class="ui hidden divider"></div>
<a class="ui secondary basic button" href="/articles/getting-started">
Getting Started
</a>
</div>
</div>
<div class="column">
<div class="ui basic segment center aligned very padded">
<div class="ui large icon header">
Documentation
<div class="sub header">
Full documentation and reference articles
</div>
</div>
<div class="ui hidden divider"></div>
<a class="ui secondary basic button" href="/articles">
View Documentation
</a>
</div>
</div>
</div>
</div>
{{ partial "footer" . }}
<script>
$('#download-buttons div.button').tab();
$(function () {
var OSName = "Unknown OS";
if (navigator.appVersion.indexOf("Win") != -1) OSName = "Windows";
if (navigator.appVersion.indexOf("Mac") != -1) OSName = "MacOS";
if (navigator.appVersion.indexOf("Linux") != -1) OSName = "Linux";
switch (OSName) {
case "Windows":
$('[data-tab=windows-download]').addClass('active');
break;
case "MacOS":
$('[data-tab=macos-download]').addClass('active');
break;
case "Linux":
$('[data-tab=linux-download]').addClass('active');
break;
}
});
</script>
</body>
</html>