Skip to content

Commit

Permalink
twitter fix
Browse files Browse the repository at this point in the history
home page
  • Loading branch information
scotty committed Mar 2, 2016
1 parent 8336737 commit f08df26
Show file tree
Hide file tree
Showing 24 changed files with 720 additions and 20 deletions.
2 changes: 1 addition & 1 deletion _layouts/docwithnav.html
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ <h5 class="github-invite">Interested in hacking on the core Kubernetes code base
<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://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>
Expand Down
2 changes: 1 addition & 1 deletion _layouts/headerfooter.html
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ <h5 class="github-invite">Interested in hacking on the core Kubernetes code base
<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://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>
Expand Down
252 changes: 252 additions & 0 deletions _layouts/home.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,252 @@
<!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="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="">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="">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</a></h3>
<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. </p>
</div>
<div class="nav-box">
<h3><a href="">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="get-started" 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.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">&copy; {{ 'now' | date: "%Y" }} Kubernetes</div>
</main>
</footer>
<style>
.cse .gsc-control-cse, .gsc-control-cse {
padding: 0;
}
</style>
</body>
</html>

Loading

0 comments on commit f08df26

Please sign in to comment.