WIP

2021-04-15 18:45:17 -07:00
1 changed files with 43 additions and 34 deletions
@@ -13,41 +13,50 @@ aliases:
  - /start/
 ---

-<div class="flex max-w-2xl">
-    <p class="text-xl leading-relaxed text-gray-600">
-        Pulumi is a modern infrastructure-as-code platform that allows you to use common programming languages, tools, and frameworks, to provision, update, and manage cloud infrastructure resources.
-    </p>
-</div>
+Pulumi is a modern infrastructure-as-code platform that allows you to use common programming languages, tools, and frameworks, to provision, update, and manage cloud infrastructure resources.

-<div class="flex max-w-2xl">
-    <p class="text-xl leading-relaxed text-gray-600">
-        Select one of the following options to quickly learn how to use Pulumi to spin up resources in the cloud within minutes.
-    </p>
-</div>
+Select one of the following options to learn how to use Pulumi:

-## Choose Your Cloud
-
-<div class="tiles flex-wrap mt-4">
-    <div class="pb-4 md:pr-4 md:w-1/2">
-        <a class="tile p-8" href="{{< relref "/docs/get-started/aws" >}}">
-            <img class="h-10 mx-auto" src="/logos/tech/aws.svg" alt="AWS">
-        </a>
-    </div>
-    <div class="pb-4 md:w-1/2">
-        <a class="tile p-8" href="{{< relref "/docs/get-started/azure" >}}">
-            <img class="h-10 mx-auto" src="/logos/tech/azure.svg" alt="Azure">
-        </a>
-    </div>
-    <div class="pb-4 md:pr-4 md:w-1/2">
-        <a class="tile p-8" href="{{< relref "/docs/get-started/gcp" >}}">
-            <img class="h-10 mx-auto" src="/logos/tech/gcp.svg" alt="Google Cloud">
-        </a>
-    </div>
-    <div class="pb-4 md:w-1/2">
-        <a class="tile p-8" href="{{< relref "/docs/get-started/kubernetes" >}}">
-            <img class="h-10 mx-auto" src="/logos/tech/k8s.svg" alt="Kubernetes">
-        </a>
+<div class="md:flex flex-row mt-6 mb-6">
+    <div class="w-full border-solid border-t-2 border-gray-200">
+        <h3 class="no-anchor pt-4"><a href="{{< relref "/docs/get-started/local-development" >}}"><i class="fas fa-laptop-code pr-2"></i>Local Development</a></h3>
+        <p>Create and deploy a static website to one of the cloud providers below from your local machine.</p>
+        <div class="tiles flex-wrap mt-4">
+            <div class="pb-4 md:pr-4 md:w-1/2">
+                <a class="tile p-8" href="{{< relref "/docs/get-started/aws" >}}">
+                    <img class="h-10 mx-auto" src="/logos/tech/aws.svg" alt="AWS">
+                </a>
+            </div>
+            <div class="pb-4 md:w-1/2">
+                <a class="tile p-8" href="{{< relref "/docs/get-started/azure" >}}">
+                    <img class="h-10 mx-auto" src="/logos/tech/azure.svg" alt="Azure">
+                </a>
+            </div>
+            <div class="pb-4 md:pr-4 md:w-1/2">
+                <a class="tile p-8" href="{{< relref "/docs/get-started/gcp" >}}">
+                    <img class="h-10 mx-auto" src="/logos/tech/gcp.svg" alt="Google Cloud">
+                </a>
+            </div>
+            <div class="pb-4 md:w-1/2">
+                <a class="tile p-8" href="{{< relref "/docs/get-started/kubernetes" >}}">
+                    <img class="h-10 mx-auto" src="/logos/tech/k8s.svg" alt="Kubernetes">
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="md:flex flex-row mt-6 mb-6">
+    <div class="w-full border-solid border-t-2 border-gray-200">
+        <h3 class="no-anchor pt-4"><a href="https://www.pulumi.com/resources/#videos"><i class="fas fa-video pr-2"></i>Video Walkthroughs</a></h3>
+        <p>Watch how to set up and use Pulumi to deploy cloud resources.</p>
+        <div class="md:w-full">
+            {{< youtube id="QfJTJs24-JM" title="Introduction to Pulumi" >}}
+        </div>
+    </div>
+</div>
+<div class="md:flex flex-row mt-6 mb-6">
+    <div class="w-full border-solid border-t-2 border-gray-200">
+        <h3 class="no-anchor pt-4"><a href="{{< relref "/resources/introduction-to-pulumi" >}}"><i class="fas fa-users pr-2"></i>Live Workshops</a></h3>
+        <p>Deploy your first Pulumi application in a live, instructor-led event.</p>
    </div>
 </div>
-
-See [Cloud Providers]({{< relref "/docs/intro/cloud-providers" >}}) for other clouds.