Merge pull request linode#115 from Linode/development

Release 1.0.14

content/kubernetes/_index.md

@@ -0,0 +1,14 @@
+---
+title: Container Tools
+subtitle: For Developers, by Developers
+Description: Create a High Availability Kubernetes Cluster with One Command
+author:
+  name: Alban Bailly
+  email: [email protected]
+description: Container Tools
+keywords: []
+license: '[CC BY-ND 4.0](https://creativecommons.org/licenses/by-nd/4.0)'
+date: 2018-12-02T08:55:08-04:00
+type: "container-tools"
+---
+Create a High Availability Kubernetes Cluster with One Command

themes/dlc/layouts/_default/kubernetes.html

@@ -0,0 +1,34 @@
+{{ define "main" }}
+
+<div class="flex flex-wrap mb-8 -mx-4">
+
+  <div class="w-full px-4">
+    <div class="my-4 md:mt-12 md:mt-8 max-w-3xl">
+      <!-- <div class="mb-4 mt-8 sm:hidden text-center">{{ partial "0_svgs/divider.svg" (dict "width" 170) }}</div> -->
+      <h2 class="font-normal text-BaseGreenDark text-center">Create a Kubernetes Cluster with One Command</h2>
+      <h3 class="font-light text-center text-3xl mt-2">Integrated with Linode NodeBalancers and Block Storage</h3>
+      <div class="flex justify-center mt-4">
+        {{ partial "2_molecules/code-box.html" ( dict "Line1" "linode-cli k8s-alpha create mycluster") }}
+      </div>
+      <div class="flex justify-center mb-12 mt-8 md:mt-0">
+        <a class="btn" href="https://github.com/linode/linode-cli" target="_blank">Get Started with the Linode CLI</a>
+      </div>
+      <div class="flex justify-center my-8">
+        <div class="py-4" style="background-color: #000;">
+          <video width="100%" height='100%' playsinline loop autoPlay muted controls>
+            <source src='{{ "/video/linodek8s.mp4" | relURL }}'
+                    type="video/mp4">
+            <source src='{{ "/video/linodek8s.webm" | relURL }}'
+                    type="video/webm">
+            Sorry, your browser doesn't support embedded videos.
+          </video>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+<!-- <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> -->
+<!-- <script src={{ "/assets/js/tools.js" | relURL }} type="text/javascript"></script> -->
+{{ end }}

themes/dlc/layouts/_default/libraries-tools.html

@@ -26,22 +26,28 @@ <h4 class="uppercase mb-4 w-full community-header">Want More Help?</h4>
 
   <div class="w-full px-4">
     <div class="my-4 md:mt-12 md:mt-8 max-w-3xl">
-      <!-- <div class="mb-4 mt-8 sm:hidden text-center">{{ partial "0_svgs/divider.svg" (dict "width" 170) }}</div> -->
-      <h2 class="font-normal text-BaseGreenDark mb-6 md:mb-0">Tools</h2>
-      <div class="flex -mx-4 md:items-center flex-col-reverse md:flex-row mb-2">
+      <h2 class="font-normal text-BaseGreenDark mb-6 md:mb-0 text-center">Tools</h2>
+      <div class="flex mx-auto md:-mx-4 items-center md:justify-center flex-col-reverse md:flex-row mb-2 max-w-xs md:max-w-full">
         <div class="px-4 flex flex-wrap">
           <div style="width: 300px;">
-            {{ partial "2_molecules/code-box.html" }}
+            {{ partial "2_molecules/code-box.html" ( dict "Line1" "pip install linode-cli" "Line2" "linode-cli linodes create") }}
           </div>
-          <div class="mt-4 md:hidden flex w-full"><a href="https://www.linode.com/cli" target="_blank" class="btn text-sm">Linode CLI on GitHub</a></div>
+          <div class="mt-4 md:hidden flex w-full justify-center"><a href="https://www.linode.com/cli" target="_blank" class="btn text-sm">Linode CLI on GitHub</a></div>
         </div>
         <div class="px-4">
-          <h3 class="md:text-2xl mt-0 font-normal text-BaseGreenDark">Linode CLI</h3>
-          <div class="md:text-lg my-3 text-light">An easy way to get up and running with the Linode API.</div>
-          <div class="pt-3 hidden hidden md:block"><a href="https://www.linode.com/cli" target="_blank" class="btn text-sm">Linode CLI on GitHub</a></div>
+          <h3 class="md:text-2xl mt-0 font-normal text-BaseGreenDark text-center md:text-left">Linode CLI</h3>
+          <div class="md:text-lg my-3 text-light text-center md:text-left">An easy way to get up and running with the Linode API.</div>
+          <div class="pt-3 hidden md:block"><a href="https://www.linode.com/cli" target="_blank" class="btn text-sm">Linode CLI on GitHub</a></div>
         </div>
       </div>
-      <div class="flex flex-wrap mt-8 md:mb-4 -mx-4">
+      <div class="mx-auto max-w-xs md:max-w-full">
+      <div class="mb-4 mt-8 text-center">{{ partial "0_svgs/divider.svg" (dict "width" 170) }}</div>
+        <h3 class="font-normal text-BaseGreenDark text-center text-2xl mt-2">Alpha Kubernetes API</h3>
+        <div class="flex justify-center mt-4 mb-12">
+          <a class="btn text-sm" href="/kubernetes">Get started with the Linode CLI</a>
+        </div>
+      </div>
+      <div class="flex flex-wrap mt-12 md:mb-4 -mx-4">
         <article class="item lib-item w-full md:w-1/2 px-4 mb-4 md:mb-8">
           <div class="p-8 h-full bg-ThemeCell tile">
             <header>

themes/dlc/layouts/index.html

@@ -7,7 +7,7 @@
     <section class="header max-w-3xl mx-auto px-4 md:px-8 py-12 relative z-10">
       <h2 class="text-center font-normal text-BaseGreenDark">Manage your Account with the Linode CLI</h2>
       <div class="text-2xl my-3 text-center font-light">All of the functionality of the Manager from the command line.</div>
-      {{ partial "2_molecules/code-box.html" }}
+      {{ partial "2_molecules/code-box.html" ( dict "Line1" "pip install linode-cli" "Line2" "linode-cli linodes create") }}
       <div class="mt-6 text-center"><a href="https://www.linode.com/cli" target="_blank" class="btn mt-3">Get Started with the Linode CLI</a></div>
     </section>
   </div>

themes/dlc/layouts/partials/2_molecules/code-box.html

@@ -5,7 +5,10 @@
     <span class="code-box-circle circle-green"></span>
   </div>
   <div class="code-box-content py-4 px-6">
-    <pre>pip install linode-cli</pre>
-    <pre>linode-cli linodes create</pre>
+    <pre>{{ .Line1 }}</pre>
+    <pre>{{ .Line2 }}</pre>
+    <pre>{{ .Line3 }}</pre>
+    <pre>{{ .Line4 }}</pre>
+    <pre>{{ .Line5 }}</pre>
   </div>
 </div>