head-header.html
footer.html "get started" url fixes calendar social links video fix Introducing: the ALL_NEW index.html
This commit is contained in:
scotty
parent
bc9f6341d6
commit
6129c6931f
|
|
@ -0,0 +1,20 @@
|
||||||
|
<footer>
|
||||||
|
<main class="light-text">
|
||||||
|
<nav>
|
||||||
|
<a href="/docs/hellonode/">Get Started</a>
|
||||||
|
<a href="/docs/">Documentation</a>
|
||||||
|
<a href="http://blog.kubernetes.io/">Blog</a>
|
||||||
|
<a href="/community.html">Community</a>
|
||||||
|
</nav>
|
||||||
|
<div class="social">
|
||||||
|
<a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a>
|
||||||
|
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
|
||||||
|
<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
|
||||||
|
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>stackoverflow</span></a>
|
||||||
|
<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
|
||||||
|
<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>Events Calendar</span></a>
|
||||||
|
<label for="wishField">I wish this page <input type="text" id="wishField" name="wishField" placeholder="enter your wish"></label>
|
||||||
|
</div>
|
||||||
|
<div class="center">© {{ 'now' | date: "%Y" }} Kubernetes</div>
|
||||||
|
</main>
|
||||||
|
</footer>
|
||||||
|
|
@ -0,0 +1,61 @@
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/png" href="/images/favicon.png">
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||||
|
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
|
||||||
|
<link rel="stylesheet" href="/css/styles.css"/>
|
||||||
|
<script src="/js/jquery-2.2.0.min.js"></script>
|
||||||
|
<script src="/js/script.js"></script>
|
||||||
|
<title>Kubernetes - {{ page.title }}</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="cellophane" onclick="kub.toggleMenu()"></div>
|
||||||
|
<header>
|
||||||
|
<a href="/" class="logo"></a>
|
||||||
|
<div class="nav-buttons" data-auto-burger="primary">
|
||||||
|
<a href="docs" class="button" id="viewDocs">View Documentation</a>
|
||||||
|
<a href="/docs/hellonode/" class="button" id="tryKubernetes">Try Kubernetes</a>
|
||||||
|
<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav id="mainNav">
|
||||||
|
<main data-auto-burger="primary">
|
||||||
|
<div class="nav-box">
|
||||||
|
<h3><a href="/docs/hellonode/">Get Started</a></h3>
|
||||||
|
<p>Built for a multi-cloud world, public, private or hybrid. Seamlessly roll out new features.</p>
|
||||||
|
</div>
|
||||||
|
<div class="nav-box">
|
||||||
|
<h3><a href="/docs/">Documentation</a></h3>
|
||||||
|
<p>Pellentesque in ipsum id orci porta dapibus. Nulla porttitor accumsan tincidunt. </p>
|
||||||
|
</div>
|
||||||
|
<div class="nav-box">
|
||||||
|
<h3><a href="/community.html">Community</a></h3>
|
||||||
|
<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. </p>
|
||||||
|
</div>
|
||||||
|
<div class="nav-box">
|
||||||
|
<h3><a href="http://blog.kubernetes.io">Blog</a></h3>
|
||||||
|
<p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Quisque velit nisi, pretium ut lacinia in. </p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<main data-auto-burger="primary">
|
||||||
|
<div class="left">
|
||||||
|
<h5 class="github-invite">Interested in hacking on the core Kubernetes code base?</h5>
|
||||||
|
<a href="" class="button">View On Github</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right">
|
||||||
|
<h5 class="github-invite">Explore the community</h5>
|
||||||
|
<div class="social">
|
||||||
|
<a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a>
|
||||||
|
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
|
||||||
|
<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
|
||||||
|
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>stackoverflow</span></a>
|
||||||
|
<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
|
||||||
|
<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>Events Calendar</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clear" style="clear: both"></div>
|
||||||
|
</main>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Untitled Document</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -2,67 +2,8 @@
|
||||||
{% if page.title %}{% assign title=page.title %}{% endif %}
|
{% if page.title %}{% assign title=page.title %}{% endif %}
|
||||||
<!Doctype html>
|
<!Doctype html>
|
||||||
<html id="docs">
|
<html id="docs">
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<link rel="shortcut icon" type="image/png" href="/images/favicon.png">
|
|
||||||
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
|
||||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
|
|
||||||
<link rel="stylesheet" href="/css/styles.css"/>
|
|
||||||
<script src="/js/jquery-2.2.0.min.js"></script>
|
|
||||||
<script src="/js/script.js"></script>
|
|
||||||
<title>Kubernetes - {{ title }}</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
{% include head-header.html %}
|
||||||
|
|
||||||
<div id="cellophane" onclick="kub.toggleMenu()"></div>
|
|
||||||
|
|
||||||
<header>
|
|
||||||
<a href="/" class="logo"></a>
|
|
||||||
<div class="nav-buttons" data-auto-burger="primary">
|
|
||||||
<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav id="mainNav">
|
|
||||||
<main data-auto-burger="primary">
|
|
||||||
<div class="nav-box">
|
|
||||||
<h3><a href="getting-started.html">Get Started</a></h3>
|
|
||||||
<p>Built for a multi-cloud world, public, private or hybrid. Seamlessly roll out new features.</p>
|
|
||||||
</div>
|
|
||||||
<div class="nav-box">
|
|
||||||
<h3><a href="/docs/">Documentation</a></h3>
|
|
||||||
<p>Pellentesque in ipsum id orci porta dapibus. Nulla porttitor accumsan tincidunt. </p>
|
|
||||||
</div>
|
|
||||||
<div class="nav-box">
|
|
||||||
<h3><a href="/community.html">Community</a></h3>
|
|
||||||
<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. </p>
|
|
||||||
</div>
|
|
||||||
<div class="nav-box">
|
|
||||||
<h3><a href="http://blog.kubernetes.io">Blog</a></h3>
|
|
||||||
<p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Quisque velit nisi, pretium ut lacinia in. </p>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<main data-auto-burger="primary">
|
|
||||||
<div class="left">
|
|
||||||
<h5 class="github-invite">Interested in hacking on the core Kubernetes code base?</h5>
|
|
||||||
<a href="" class="button">View On Github</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="right">
|
|
||||||
<h5 class="github-invite">Explore the community</h5>
|
|
||||||
<div class="social">
|
|
||||||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a>
|
|
||||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
|
|
||||||
<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
|
|
||||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>stackoverflow</span></a>
|
|
||||||
<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="clear" style="clear: both"></div>
|
|
||||||
</main>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<!-- HERO -->
|
<!-- HERO -->
|
||||||
<section id="hero" class="light-text">
|
<section id="hero" class="light-text">
|
||||||
|
|
@ -108,25 +49,8 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer>
|
{% include footer.html %}
|
||||||
<main class="light-text">
|
|
||||||
<nav>
|
|
||||||
<a href="/getting-started.html">Getting Started</a>
|
|
||||||
<a href="/docs.html">Documentation</a>
|
|
||||||
<a href="http://blog.kubernetes.io/">Blog</a>
|
|
||||||
<a href="/foobang.html">Community</a>
|
|
||||||
</nav>
|
|
||||||
<div class="social">
|
|
||||||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a>
|
|
||||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
|
|
||||||
<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
|
|
||||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>stackoverflow</span></a>
|
|
||||||
<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
|
|
||||||
<label for="wishField">I wish this page <input type="text" id="wishField" name="wishField" placeholder="enter your wish"></label>
|
|
||||||
</div>
|
|
||||||
<div class="center">© 2016 Kubernetes</div>
|
|
||||||
</main>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.cse .gsc-control-cse, .gsc-control-cse {
|
.cse .gsc-control-cse, .gsc-control-cse {
|
||||||
|
|
|
||||||
|
|
@ -1,253 +0,0 @@
|
||||||
<!Doctype html>
|
|
||||||
<html id="home">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<link rel="shortcut icon" type="image/png" href="/images/favicon.png">
|
|
||||||
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
|
||||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
|
|
||||||
<link rel="stylesheet" href="/css/styles.css"/>
|
|
||||||
<script src="/js/jquery-2.2.0.min.js"></script>
|
|
||||||
<script src="/js/script.js"></script>
|
|
||||||
<!-- header footer test -->
|
|
||||||
<title>Kubernetes - {{ page.title }}</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="cellophane" onclick="kub.toggleMenu()"></div>
|
|
||||||
<header>
|
|
||||||
<a href="/" class="logo"></a>
|
|
||||||
<div class="nav-buttons" data-auto-burger="primary">
|
|
||||||
<a href="docs" class="button" id="viewDocs">View Documentation</a>
|
|
||||||
<a href="/docs/hellonode/" class="button" id="tryKubernetes">Try Kubernetes</a>
|
|
||||||
<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav id="mainNav">
|
|
||||||
<main data-auto-burger="primary">
|
|
||||||
<div class="nav-box">
|
|
||||||
<h3><a href="getting-started.html">Get Started</a></h3>
|
|
||||||
<p>Built for a multi-cloud world, public, private or hybrid. Seamlessly roll out new features.</p>
|
|
||||||
</div>
|
|
||||||
<div class="nav-box">
|
|
||||||
<h3><a href="/docs/">Documentation</a></h3>
|
|
||||||
<p>Pellentesque in ipsum id orci porta dapibus. Nulla porttitor accumsan tincidunt. </p>
|
|
||||||
</div>
|
|
||||||
<div class="nav-box">
|
|
||||||
<h3><a href="/community.html">Community</a></h3>
|
|
||||||
<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. </p>
|
|
||||||
</div>
|
|
||||||
<div class="nav-box">
|
|
||||||
<h3><a href="http://blog.kubernetes.io">Blog</a></h3>
|
|
||||||
<p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Quisque velit nisi, pretium ut lacinia in. </p>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<main data-auto-burger="primary">
|
|
||||||
<div class="left">
|
|
||||||
<h5 class="github-invite">Interested in hacking on the core Kubernetes code base?</h5>
|
|
||||||
<a href="" class="button">View On Github</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="right">
|
|
||||||
<h5 class="github-invite">Explore the community</h5>
|
|
||||||
<div class="social">
|
|
||||||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a>
|
|
||||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
|
|
||||||
<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
|
|
||||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>stackoverflow</span></a>
|
|
||||||
<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="clear" style="clear: both"></div>
|
|
||||||
</main>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- HERO -->
|
|
||||||
<section id="hero" class="light-text">
|
|
||||||
<main>
|
|
||||||
<div id="headlineWrapper">
|
|
||||||
<h1>Accelerate Your Development</h1>
|
|
||||||
<h5>Manage a cluster of containers as a single system to simplify operations</h5>
|
|
||||||
</div>
|
|
||||||
<a href="/docs/hellonode/" id="quickstartButton" class="button">5 Minute Quick Start</a>
|
|
||||||
</main>
|
|
||||||
<div id="vendorStrip" class="light-text">
|
|
||||||
<div>Join the growing community already using Kubernetes</div>
|
|
||||||
<div>
|
|
||||||
<img src="images/logos/viacom_logo.png">
|
|
||||||
<img src="images/logos/soundcloud_logo.png">
|
|
||||||
<img src="images/logos/redhat_logo.png">
|
|
||||||
<img src="images/logos/wepay_logo.png">
|
|
||||||
<img src="images/logos/verizon_logo.png">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- OCEAN NODES -->
|
|
||||||
<section id="oceanNodes">
|
|
||||||
<main>
|
|
||||||
<div class="image-wrapper"><img src="images/flower.png"></div>
|
|
||||||
<div class="content">
|
|
||||||
<h3>Kubernetes is an open source system for automating deployment, operations, and scaling of applications.</h3>
|
|
||||||
<p>It groups containers that make up an application into logical units for easy management and discovery.
|
|
||||||
Kubernetes builds upon a decade and a half of experience of running production workloads at Google,
|
|
||||||
combined with best-of-breed ideas and practices from the community.</p>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<main>
|
|
||||||
<div class="image-wrapper"><img src="images/suitcase.png"></div>
|
|
||||||
<div class="content">
|
|
||||||
<h4>Run Anywhere</h4>
|
|
||||||
<p>Kubernetes is open source giving you the flexibility to take advantage of on-premise, hybrid, or public
|
|
||||||
cloud infrastructure allowing you to easily move workloads to where it matters to you.</p>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<main>
|
|
||||||
<div class="image-wrapper"><img src="images/self-heal.png"></div>
|
|
||||||
<div class="content">
|
|
||||||
<h4>Self-healing</h4>
|
|
||||||
<p>Pager wakeup calls are a thing of the past, when a hardware failure occurs Kubernetes is able to scale-up
|
|
||||||
services and distribute the load among your existing infrastructure. It automates tasks with
|
|
||||||
auto-placement, auto-restart, and auto-replication making your operations run smoothly.</p>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<main>
|
|
||||||
<div class="image-wrapper"><img src="images/blocks.png"></div>
|
|
||||||
<div class="content">
|
|
||||||
<h4>Modular</h4>
|
|
||||||
<p>Energistically build reliable deliverables with interactive core competencies. Enthusiastically fashion
|
|
||||||
accurate "outside the box" thinking for accurate e-markets. Dramatically evolve mission-critical
|
|
||||||
scenarios rather than fully tested experiences. Dynamically embrace effective potentialities vis-a-vis
|
|
||||||
installed base process improvements. </p>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<main>
|
|
||||||
<div class="image-wrapper"><img src="images/scalable.png"></div>
|
|
||||||
<div class="content">
|
|
||||||
<h4>Planet Scale</h4>
|
|
||||||
<p>Designed on the same principles that allows Google to run billions of containers a week, Kubernetes can
|
|
||||||
scale without increasing your ops team. From testing locally to running a global enterprise, your
|
|
||||||
application scales consistently and easily.</p>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="video">
|
|
||||||
<div class="light-text">
|
|
||||||
<h2>A techincal overview<br>of Kubernetes</h2>
|
|
||||||
<p>Kubernetes is an open source system for managing containerized applications across multiple hosts,
|
|
||||||
providing mechanisms for deployment, maintenance, and scaling of applications.</p>
|
|
||||||
<button id="desktopShowVideoButton" onclick="kub.showVideo()">Watch Video</button>
|
|
||||||
</div>
|
|
||||||
<button id="mobileShowVideoButton"></button>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="features">
|
|
||||||
<main>
|
|
||||||
<h3 class="center">Kubernetes Features</h3>
|
|
||||||
|
|
||||||
<div class="feature-box">
|
|
||||||
<div>
|
|
||||||
<h4>Feature</h4>
|
|
||||||
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
|
||||||
conceptualize open-source best practices via mission-critical potentialities. Competently
|
|
||||||
grow proactive ideas via 24/7 communities. </p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4>Feature</h4>
|
|
||||||
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
|
||||||
conceptualize open-source best practices via mission-critical potentialities. Competently
|
|
||||||
grow proactive ideas via 24/7 communities. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="feature-box">
|
|
||||||
<div>
|
|
||||||
<h4>Feature</h4>
|
|
||||||
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
|
||||||
conceptualize open-source best practices via mission-critical potentialities. Competently
|
|
||||||
grow proactive ideas via 24/7 communities. </p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4>Feature</h4>
|
|
||||||
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
|
||||||
conceptualize open-source best practices via mission-critical potentialities. Competently
|
|
||||||
grow proactive ideas via 24/7 communities. </p>
|
|
||||||
<p>Quickly envisioneer customized initiatives without proactive intellectual capital. Intrinsicly
|
|
||||||
predominate focused innovation whereas clicks-and-mortar initiatives.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="feature-box">
|
|
||||||
<div>
|
|
||||||
<h4>Feature</h4>
|
|
||||||
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
|
||||||
conceptualize open-source best practices via mission-critical potentialities. Competently
|
|
||||||
grow proactive ideas via 24/7 communities. </p>
|
|
||||||
<p>Quickly envisioneer customized initiatives without proactive intellectual capital. Intrinsicly
|
|
||||||
predominate focused innovation whereas clicks-and-mortar initiatives.</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4>Feature</h4>
|
|
||||||
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
|
||||||
conceptualize open-source best practices via mission-critical potentialities. Competently
|
|
||||||
grow proactive ideas via 24/7 communities. </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="talkToUs">
|
|
||||||
<main>
|
|
||||||
<h3>Talk to Us!</h3>
|
|
||||||
<h4>We would love to hear from you, how you are using Kubernetes,<br> and what we can do to make it better.</h4>
|
|
||||||
<div id="bigSocial">
|
|
||||||
<div>
|
|
||||||
<a href="https://twitter.com/kubernetesio">@kubernetesio</a>
|
|
||||||
<p>Get the latest news and updates.</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="https://github.com/kubernetes/kubernetes">Github Project</a>
|
|
||||||
<p>Check out the project and consider contributing.</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="http://slack.k8s.io/">#kubernetes-users</a>
|
|
||||||
<p>Our Slack channel is the best way to contact our engineers and share your ideas with them.</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes">Stackoverflow</a>
|
|
||||||
<p>Our user forum is a great place to go for community support.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<main class="light-text">
|
|
||||||
<nav>
|
|
||||||
<a href="/getting-started.html">Getting Started</a>
|
|
||||||
<a href="/docs/">Documentation</a>
|
|
||||||
<a href="http://blog.kubernetes.io/">Blog</a>
|
|
||||||
<a href="/community.html">Community</a>
|
|
||||||
</nav>
|
|
||||||
<div class="social">
|
|
||||||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a>
|
|
||||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
|
|
||||||
<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
|
|
||||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>stackoverflow</span></a>
|
|
||||||
<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
|
|
||||||
<label for="wishField">I wish this page <input type="text" id="wishField" name="wishField" placeholder="enter your wish"></label>
|
|
||||||
</div>
|
|
||||||
<div class="center">© {{ 'now' | date: "%Y" }} Kubernetes</div>
|
|
||||||
</main>
|
|
||||||
</footer>
|
|
||||||
<style>
|
|
||||||
.cse .gsc-control-cse, .gsc-control-cse {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
|
|
@ -368,6 +368,12 @@ a.mailing-list
|
||||||
&:hover
|
&:hover
|
||||||
background-position: -200px 100%
|
background-position: -200px 100%
|
||||||
|
|
||||||
|
a.calendar
|
||||||
|
background-position: -250px 0
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
background-position: -250px 100%
|
||||||
|
|
||||||
#viewDocs
|
#viewDocs
|
||||||
display: none
|
display: none
|
||||||
|
|
||||||
|
|
@ -1195,6 +1201,15 @@ $feature-box-div-margin-bottom: 40px
|
||||||
border-width: 20px 0 20px 30px
|
border-width: 20px 0 20px 30px
|
||||||
border-color: transparent transparent transparent #ffffff
|
border-color: transparent transparent transparent #ffffff
|
||||||
|
|
||||||
|
#videoPlayer
|
||||||
|
@include fullScreen
|
||||||
|
background-color: rgba(0, 0, 0, 0.75)
|
||||||
|
display: none
|
||||||
|
|
||||||
|
iframe
|
||||||
|
@include pureCenter
|
||||||
|
@include maintain-aspect-ratio
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Features
|
// Features
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,6 @@ $video-section-height: 550px
|
||||||
background-image: url(../../images/kub_video_thm.jpg)
|
background-image: url(../../images/kub_video_thm.jpg)
|
||||||
background-position: center center
|
background-position: center center
|
||||||
background-size: cover
|
background-size: cover
|
||||||
height: 550px
|
|
||||||
|
|
||||||
|
|
||||||
#talkToUs
|
#talkToUs
|
||||||
|
|
@ -50,41 +49,3 @@ $video-section-height: 550px
|
||||||
div:nth-child(3), div:nth-child(4)
|
div:nth-child(3), div:nth-child(4)
|
||||||
margin-top: 0
|
margin-top: 0
|
||||||
|
|
||||||
|
|
||||||
//
|
|
||||||
//// FOOTER
|
|
||||||
//footer
|
|
||||||
// width: 100%
|
|
||||||
// background-image: url(../images/texture.png)
|
|
||||||
// background-color: $dark-grey
|
|
||||||
//
|
|
||||||
// main
|
|
||||||
// padding: 40px 0
|
|
||||||
//
|
|
||||||
// nav
|
|
||||||
// white-space: nowrap
|
|
||||||
//
|
|
||||||
// a
|
|
||||||
// width: 25%
|
|
||||||
// text-align: center
|
|
||||||
// display: inline-block
|
|
||||||
// font-size: 32px
|
|
||||||
// font-weight: 300
|
|
||||||
// color: white
|
|
||||||
// text-decoration: none
|
|
||||||
//
|
|
||||||
// .social
|
|
||||||
// position: relative
|
|
||||||
// margin: 80px 0 60px
|
|
||||||
//
|
|
||||||
// label
|
|
||||||
// float: right
|
|
||||||
// display: inline-block
|
|
||||||
// height: 50px
|
|
||||||
// line-height: 50px
|
|
||||||
// font-weight: 100
|
|
||||||
// white-space: nowrap
|
|
||||||
//
|
|
||||||
// input
|
|
||||||
// margin-left: 8px
|
|
||||||
// width: 300px
|
|
||||||
|
|
|
||||||
|
|
@ -38,6 +38,14 @@ a
|
||||||
|
|
||||||
|
|
||||||
//mixins
|
//mixins
|
||||||
|
@mixin fullScreen
|
||||||
|
position: fixed
|
||||||
|
top: 0
|
||||||
|
left: 0
|
||||||
|
width: 100vw
|
||||||
|
height: 100vh
|
||||||
|
|
||||||
|
|
||||||
@mixin pureCenter($left: 50%, $top: 50%)
|
@mixin pureCenter($left: 50%, $top: 50%)
|
||||||
position: absolute
|
position: absolute
|
||||||
top: $top
|
top: $top
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.6 KiB |
187
index.html
187
index.html
|
|
@ -1,7 +1,186 @@
|
||||||
---
|
---
|
||||||
title: Accelerate Your Development
|
|
||||||
abstract:
|
|
||||||
layout: home
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<!--<a href="/docs/" class="button">View the Docs</a>-->
|
<!Doctype html>
|
||||||
|
<html id="home">
|
||||||
|
|
||||||
|
{% include head-header.html %}
|
||||||
|
|
||||||
|
<!-- HERO -->
|
||||||
|
<section id="hero" class="light-text">
|
||||||
|
<main>
|
||||||
|
<div id="headlineWrapper">
|
||||||
|
<h1>Accelerate Your Development</h1>
|
||||||
|
<h5>Manage a cluster of containers as a single system to simplify operations</h5>
|
||||||
|
</div>
|
||||||
|
<a href="/docs/hellonode/" id="quickstartButton" class="button">5 Minute Quick Start</a>
|
||||||
|
</main>
|
||||||
|
<div id="vendorStrip" class="light-text">
|
||||||
|
<div>Join the growing community already using Kubernetes</div>
|
||||||
|
<div>
|
||||||
|
<img src="images/logos/viacom_logo.png">
|
||||||
|
<img src="images/logos/soundcloud_logo.png">
|
||||||
|
<img src="images/logos/redhat_logo.png">
|
||||||
|
<img src="images/logos/wepay_logo.png">
|
||||||
|
<img src="images/logos/verizon_logo.png">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- OCEAN NODES -->
|
||||||
|
<section id="oceanNodes">
|
||||||
|
<main>
|
||||||
|
<div class="image-wrapper"><img src="images/flower.png"></div>
|
||||||
|
<div class="content">
|
||||||
|
<h3>Kubernetes is an open source system for automating deployment, operations, and scaling of applications.</h3>
|
||||||
|
<p>It groups containers that make up an application into logical units for easy management and discovery.
|
||||||
|
Kubernetes builds upon a decade and a half of experience of running production workloads at Google,
|
||||||
|
combined with best-of-breed ideas and practices from the community.</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<main>
|
||||||
|
<div class="image-wrapper"><img src="images/suitcase.png"></div>
|
||||||
|
<div class="content">
|
||||||
|
<h4>Run Anywhere</h4>
|
||||||
|
<p>Kubernetes is open source giving you the flexibility to take advantage of on-premise, hybrid, or public
|
||||||
|
cloud infrastructure allowing you to easily move workloads to where it matters to you.</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<main>
|
||||||
|
<div class="image-wrapper"><img src="images/self-heal.png"></div>
|
||||||
|
<div class="content">
|
||||||
|
<h4>Self-healing</h4>
|
||||||
|
<p>Pager wakeup calls are a thing of the past, when a hardware failure occurs Kubernetes is able to scale-up
|
||||||
|
services and distribute the load among your existing infrastructure. It automates tasks with
|
||||||
|
auto-placement, auto-restart, and auto-replication making your operations run smoothly.</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<main>
|
||||||
|
<div class="image-wrapper"><img src="images/blocks.png"></div>
|
||||||
|
<div class="content">
|
||||||
|
<h4>Modular</h4>
|
||||||
|
<p>Energistically build reliable deliverables with interactive core competencies. Enthusiastically fashion
|
||||||
|
accurate "outside the box" thinking for accurate e-markets. Dramatically evolve mission-critical
|
||||||
|
scenarios rather than fully tested experiences. Dynamically embrace effective potentialities vis-a-vis
|
||||||
|
installed base process improvements. </p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<main>
|
||||||
|
<div class="image-wrapper"><img src="images/scalable.png"></div>
|
||||||
|
<div class="content">
|
||||||
|
<h4>Planet Scale</h4>
|
||||||
|
<p>Designed on the same principles that allows Google to run billions of containers a week, Kubernetes can
|
||||||
|
scale without increasing your ops team. From testing locally to running a global enterprise, your
|
||||||
|
application scales consistently and easily.</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="video">
|
||||||
|
<div class="light-text">
|
||||||
|
<h2>A techincal overview<br>of Kubernetes</h2>
|
||||||
|
<p>Kubernetes is an open source system for managing containerized applications across multiple hosts,
|
||||||
|
providing mechanisms for deployment, maintenance, and scaling of applications.</p>
|
||||||
|
<button id="desktopShowVideoButton" onclick="kub.showVideo()">Watch Video</button>
|
||||||
|
</div>
|
||||||
|
<button id="mobileShowVideoButton" onclick="kub.showVideo()"></button>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="features">
|
||||||
|
<main>
|
||||||
|
<h3 class="center">Kubernetes Features</h3>
|
||||||
|
|
||||||
|
<div class="feature-box">
|
||||||
|
<div>
|
||||||
|
<h4>Feature</h4>
|
||||||
|
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
||||||
|
conceptualize open-source best practices via mission-critical potentialities. Competently
|
||||||
|
grow proactive ideas via 24/7 communities. </p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Feature</h4>
|
||||||
|
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
||||||
|
conceptualize open-source best practices via mission-critical potentialities. Competently
|
||||||
|
grow proactive ideas via 24/7 communities. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-box">
|
||||||
|
<div>
|
||||||
|
<h4>Feature</h4>
|
||||||
|
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
||||||
|
conceptualize open-source best practices via mission-critical potentialities. Competently
|
||||||
|
grow proactive ideas via 24/7 communities. </p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Feature</h4>
|
||||||
|
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
||||||
|
conceptualize open-source best practices via mission-critical potentialities. Competently
|
||||||
|
grow proactive ideas via 24/7 communities. </p>
|
||||||
|
<p>Quickly envisioneer customized initiatives without proactive intellectual capital. Intrinsicly
|
||||||
|
predominate focused innovation whereas clicks-and-mortar initiatives.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-box">
|
||||||
|
<div>
|
||||||
|
<h4>Feature</h4>
|
||||||
|
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
||||||
|
conceptualize open-source best practices via mission-critical potentialities. Competently
|
||||||
|
grow proactive ideas via 24/7 communities. </p>
|
||||||
|
<p>Quickly envisioneer customized initiatives without proactive intellectual capital. Intrinsicly
|
||||||
|
predominate focused innovation whereas clicks-and-mortar initiatives.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Feature</h4>
|
||||||
|
<p>Energistically transform quality total linkage whereas go forward interfaces. Assertively
|
||||||
|
conceptualize open-source best practices via mission-critical potentialities. Competently
|
||||||
|
grow proactive ideas via 24/7 communities. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="talkToUs">
|
||||||
|
<main>
|
||||||
|
<h3>Talk to Us!</h3>
|
||||||
|
<h4>We would love to hear from you, how you are using Kubernetes,<br> and what we can do to make it better.</h4>
|
||||||
|
<div id="bigSocial">
|
||||||
|
<div>
|
||||||
|
<a href="https://twitter.com/kubernetesio">@kubernetesio</a>
|
||||||
|
<p>Get the latest news and updates.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://github.com/kubernetes/kubernetes">Github Project</a>
|
||||||
|
<p>Check out the project and consider contributing.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="http://slack.k8s.io/">#kubernetes-users</a>
|
||||||
|
<p>Our Slack channel is the best way to contact our engineers and share your ideas with them.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="http://stackoverflow.com/questions/tagged/kubernetes">Stackoverflow</a>
|
||||||
|
<p>Our user forum is a great place to go for community support.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
|
||||||
|
|
||||||
|
<div id="videoPlayer">
|
||||||
|
<iframe data-url="https://www.youtube.com/embed/WwBdNXt6wO4?autoplay=1" frameborder="0" allowfullscreen></iframe>
|
||||||
|
<button class="close-button">foo</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.cse .gsc-control-cse, .gsc-control-cse {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
47
js/script.js
47
js/script.js
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue