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 %}
|
||||
<!Doctype html>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
{% include head-header.html %}
|
||||
|
||||
<!-- HERO -->
|
||||
<section id="hero" class="light-text">
|
||||
|
|
@ -108,25 +49,8 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<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>
|
||||
{% include footer.html %}
|
||||
|
||||
|
||||
<style>
|
||||
.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
|
||||
background-position: -200px 100%
|
||||
|
||||
a.calendar
|
||||
background-position: -250px 0
|
||||
|
||||
&:hover
|
||||
background-position: -250px 100%
|
||||
|
||||
#viewDocs
|
||||
display: none
|
||||
|
||||
|
|
@ -1195,6 +1201,15 @@ $feature-box-div-margin-bottom: 40px
|
|||
border-width: 20px 0 20px 30px
|
||||
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
|
||||
|
|
|
|||
|
|
@ -36,7 +36,6 @@ $video-section-height: 550px
|
|||
background-image: url(../../images/kub_video_thm.jpg)
|
||||
background-position: center center
|
||||
background-size: cover
|
||||
height: 550px
|
||||
|
||||
|
||||
#talkToUs
|
||||
|
|
@ -50,41 +49,3 @@ $video-section-height: 550px
|
|||
div:nth-child(3), div:nth-child(4)
|
||||
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
|
||||
@mixin fullScreen
|
||||
position: fixed
|
||||
top: 0
|
||||
left: 0
|
||||
width: 100vw
|
||||
height: 100vh
|
||||
|
||||
|
||||
@mixin pureCenter($left: 50%, $top: 50%)
|
||||
position: absolute
|
||||
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