website/index.html
<html>
<head>
<title>thindeck</title>
<meta charset='UTF-8'/>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<link href='pony.css' rel='stylesheet' type='text/css'/>
<link href='pony-site.css' rel='stylesheet' type='text/css'/>
<link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<link rel="shortcut icon" href="/favicon.ico"/>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src='email.js'></script>
</head>
<body>
<div class='container center padding-bottom-large new-slogan-background'>
<div class='container shift1 padding-around-base'>
<div class='span1'>
</div>
<div class='span11 right'>
<nav class='controls-text-color menu animate-show-slow'>
<li class='hover-warning'>
<a class='no-underline' onclick="scrollTo('#docs')">documentation</a>
</li>
<li class='hover-warning'>
<a class='no-underline' onclick="scrollTo('#pricing')">pricing</a>
</li>
<li class='hover-warning'>
<button class='button-modern-default base tooltip-bottom tooltip-default' tip="Oops, we're not ready yet">
<i class='fa fa-github warning medium'></i>
  
sign-in
</button>
</li>
</nav>
</div>
</div>
<div class='container shift2 center padding-vertical-medium animate-slide-children-top-to-bottom'>
<div class='span6 left padding-horizontal-medium'>
<h1 class='brand no-wrap'>
<img class='box-image' src='logo.png'>
thindeck
</h1>
<p class='medium lighten-default slab padding-horizontal-base'>
<span class='controls-text-color big'>
hosts, deploys and scales any-stack web app
</span>
</p>
</div>
<div class='span6 padding-vertical-large'>
<i id="wait-icon" class="fa fa-clock-o wait-icon double-lighten-success"><br/><span class="medium slab">sending email</span></i>
<div class='container padding-horizontal-base' id='signup-container'>
<div class='container lighten-default slab left medium'>
Want to be the first to know about our beta launch?
 
<i class='fa fa-chevron-circle-right warning hover-success'></i>
</div>
<div class='container padding-around-base left'>
<form id="send-form" action="#">
<div class='signup-element no-wrap'>
<div>
<input id="email" class='slab signup-email-field base' placeholder='leave your email' type="email" required="true">
</div>
<div>
<button type="submit" class='button-warning base' id='send-button'>
 
<i class='fa fa-envelope-o'></i>
 
</button>
</div>
</div>
</form>
</div>
</div>
<div class='container' id='signed-up-container-success'>
<p class='lighten-default padding-around-small'>
<span class='controls-text-color big slab'>Sure, thank you!</span>
<br>
We'll get in touch when ready
</p>
</div>
<div class='container' id='signed-up-container-failure'>
<p class='lighten-default padding-around-small'>
<span class='controls-text-color big slab'>Oops, something went wrong!</span>
<br>
We could not send email to your address
</p>
</div>
</div>
</div>
</div>
<div class='container center padding-bottom-large lighten-background-success padding-around-large'>
<span class='medium darken-success slab'>
you only pay when our CPU works for your app
 
<i class='fa fa-chevron-circle-down double-lighten-success big'></i>
</span>
</div>
<div class='container background-controls-text-color padding-around-large grad-light'>
<div class='container shift1 lighten-info padding-vertical-large'>
<div class='span4'>
<div class='container'>
<div class='span3'>
<span class='number-slab'>1</span>
</div>
<div class='span9 medium padding-vertical-medium'>
Point us to your sources or binaries
</div>
</div>
</div>
<div class='span4'>
<div class='container'>
<div class='span3'>
<span class='number-slab'>2</span>
</div>
<div class='span9 medium padding-vertical-medium'>
We run/host them in Docker containers
</div>
</div>
</div>
<div class='span4'>
<div class='container'>
<div class='span3'>
<span class='number-slab'>3</span>
</div>
<div class='span9 medium padding-vertical-medium'>
You only pay for our CPU time
</div>
</div>
</div>
</div>
</div>
<div id="pricing" class='container background-controls-text-color padding-around-large border-top'>
<div class='container shift2 lighten-default padding-vertical-large center'>
<p class='lighten-info slab big'>
<span class='number-slab'>¢0.0007</span>
<br>
per second of a busy CPU
</p>
<p class='medium lighten-success'>
Usually, they charge you per hour, whether your site is working
hard or is idle. We're the only platform in the
world that charges per CPU usage.
</p>
</div>
</div>
<div id="docs" class='container padding-around-large background-controls-text-color'>
<div class='container padding-vertical-base shift2'>
<div class='span7 padding-around-large'>
<h1 class='success upper slab'>
Uniquely Cost Effective
</h1>
<p class='lighten-success'>
You pay per second of CPU usage, not per hour or per month. If your app is silent, you pay nothing. Once you get the traffic and your containers consume more CPU time, you pay proportionally more.
</p>
</div>
<div class='span5'>
<img src='1.png'>
</div>
</div>
<div class='container padding-vertical-base shift2'>
<div class='span5'>
<img src='2.png'>
</div>
<div class='span7 padding-around-large'>
<h1 class='success upper slab'>
Scales From Zero To Infinity
</h1>
<p class='lighten-success'>
The number of containers is scaled automatically. We monitor your CPU usage and start more containers when needed. Once your application slows down, we shut down unnecessary containers. All this happens behind the scene.
</p>
</div>
</div>
<div class='container padding-vertical-base shift2'>
<div class='span7 padding-around-large'>
<h1 class='success upper slab'>
Zero-Downtime Deployments Out-of-the-box
</h1>
<p class='lighten-success'>
We fully support green/blue deployment strategy, out of the box. When a new version of your app is ready for deployment, we attempt to start new containers for it, check their readiness, and then we shut down the old version. End-users experience zero down-time.
</p>
</div>
<div class='span5'>
<img src='3.png'>
</div>
</div>
<div class='container padding-vertical-base shift2'>
<div class='span5'>
<img src='4.png'>
</div>
<div class='span7 padding-around-large'>
<h1 class='success upper slab'>
Anything That Runs on Linux
</h1>
<p class='lighten-success'>
Unlike many other PaaS providers, we support all technologies that can run on Linux, including Java, Ruby, Go, Python, PHP, etc. Thanks to Docker, you have full control of your app configuration.
</p>
</div>
</div>
</div>
<div class='container new-slogan-background padding-around-large center'>
<div class='container padding-around-small footer-font medium'>
<p>
<a class='no-underline' src='http://teamed.io'>
<img class='teamed-button' src='teamed.svg'>
</a>
</p>
Fork us in
<a class='footer-link' href='https://github.com/yegor256/thindeck'>Github</a>
·
<a class='footer-link' href='https://github.com/yegor256/thindeck/issues'>Issues</a>
<br>
Powered by
<a class='footer-link' href='http://docker.com'>Docker</a>
<br/>
Developed with love and passion
<p>
Palo Alto, CA
<br>
2014-2017
</p>
<p class='double-lighten-default padding-around-small'>
<a class='footer-link no-underline' href='http://twitter.com/thindeck'>
<i class='fa fa-twitter large'></i>
</a>
</p>
</div>
</div>
</body>
</html>