Merge pull request #88193 from TomArcherMsft/ansible-new-landing-page-design

Ansible - Implement new landing page design

Author: garycentric

articles/ansible/index.yml

@@ -1,64 +1,94 @@
-### YamlMime:YamlDocument
-documentType: LandingData
+### YamlMime:Landing
+
 title: Ansible on Azure documentation
+summary: Learn how to use Ansible to automate cloud provisioning, configuration management, and application deployments.
+
 metadata:
-  title: Ansible on Azure documentation - Tutorials, samples, reference, and resources
+  title: Ansible on Azure documentation
   description: Learn how to use Ansible to automate cloud provisioning, configuration management, and application deployments.
-  ms.service: azure
-  keywords: ansible, azure, devops, tutorials, samples, reference
-  author: tomarchermsft
-  manager: jeconnoc
-  ms.author: tarcher
+  services: azure
+  ms.service: ansible
   ms.topic: landing-page
-  ms.date: 04/22/2019
-abstract:
-  description: Use <a href="https://www.ansible.com">Ansible</a> to automate cloud provisioning, configuration management, and application deployments.
-sections:
-- title: 5-Minute Quickstarts
-  items: 
-  - type: paragraph
-    text: Install Ansible and use it to create and manage Linux virtual machines in Azure.
-  - type: list
-    style: icon48
-    items: 
-    - image: 
-        src: /azure/media/index/azure_dev-9.svg
-      text: Install Ansible
-      href: /azure/virtual-machines/linux/ansible-install-configure?toc=%2Fen-us%2Fazure%2Fansible%2Ftoc.json&bc=%2Fen-us%2Fazure%2Fbread%2Ftoc.json
-    - image: 
-        src: /azure/media/index/VirtualMachine.svg
-      text: Configure a Linux VM
-      href: /azure/virtual-machines/linux/ansible-create-vm?toc=%2Fen-us%2Fazure%2Fansible%2Ftoc.json&bc=%2Fen-us%2Fazure%2Fbread%2Ftoc.json
-    - image: 
-        src: /azure/media/index/VirtualMachine.svg
-      text: Manage a Linux VM
-      href: /azure/virtual-machines/linux/ansible-manage-linux-vm?toc=%2Fen-us%2Fazure%2Fansible%2Ftoc.json&bc=%2Fen-us%2Fazure%2Fbread%2Ftoc.json
-- title: Step-by-Step Tutorials
-  items:
-  - type: paragraph
-    text: Learn how to use Ansible to create and manage Azure compute, network, and storage infrastructure.
-  - type: list
-    style: unordered
-    items:
-    - html: <a href="/azure/virtual-machines/linux/ansible-create-complete-vm?toc=%2Fen-us%2Fazure%2Fansible%2Ftoc.json&bc=%2Fen-us%2Fazure%2Fbread%2Ftoc.json">Create a Linux virtual machine, including virtual network, public IP address, and virtual network interface card.</a>
-    - html: <a href="./ansible-run-playbook-in-cloudshell">Run Ansible with Bash in Azure Cloud Shell.</a>
-    - html: <a href="./ansible-manage-azure-dynamic-inventories">Create and manage a dynamic inventory of your Azure resources.</a>
-    - html: <a href="./ansible-create-configure-vmss">Create and manage virtual machine scale sets in Azure.</a>
-    - html: <a href="./ansible-deploy-app-vmss">Deploy applications to virtual machine scale sets in Azure.</a>
-    - html: <a href="./ansible-create-configure-aks">Create and manage Azure Kubernetes Service clusters.</a>
-    - html: <a href="./ansible-create-configure-application-gateway">Manage web traffic with an Azure application gateway.</a>
-    - html: <a href="./ansible-auto-scale-vmss">Automatically scale virtual machine scale sets in Azure using Ansible.</a>
-    - html: <a href="./ansible-scale-azure-web-apps">Scale Azure App Service web apps by using Ansible.</a>
-    - html: <a href="./ansible-create-configure-route-table">Create, change, or delete an Azure route table using Ansible.</a>
-- title: Reference
-  items:
-  - type: list
-    style: cards
-    className: cardsD
-    items:
-    - title: Playbook roles
-      html: <p><a href="https://galaxy.ansible.com/Azure/azure_preview_modules/">azure_preview_module</a></p>
-    - title: Releases and features
-      html: <p><a href="./ansible-matrix.md">Features matrix for modules and roles</a></p>
-    - title: Tools
-      html: <p><a href="https://marketplace.visualstudio.com/items?itemName=vscoss.vscode-ansible">Visual Studio Code extension for Ansible</a></p>
+  author: TomArcherMsft
+  ms.author: tarcher
+  ms.date: 09/11/2019
+
+landingContent:
+  # Card
+  - title: About Ansible on Azure
+    linkLists:
+      - linkListType: overview
+        links:
+          - text: About Ansible on Azure
+            url: ansible-overview.md
+      - linkListType: architecture
+        links:
+          - text: Ansible module and version matrix
+            url: ansible-matrix.md
+
+  # Card
+  - title: Install and Configure Ansible
+    linkLists:
+      - linkListType: quickstart
+        links:
+          - text: Deploy Ansible solution template to CentOS
+            url: ansible-deploy-solution-template.md
+          - text: Install Ansible on Linux virtual machines
+            url: /azure/virtual-machines/linux/ansible-install-configure
+          - text: Run playbooks in Cloud Shell
+            url: ansible-run-playbook-in-cloudshell.md
+      - linkListType: tutorial
+        links:
+          - text: Configure a dynamic inventory
+            url:  ansible-manage-azure-dynamic-inventories.md
+      - linkListType: download
+        links:
+          - text: Visual Studio Code extension for Ansible
+            url: https://marketplace.visualstudio.com/items?itemName=vscoss.vscode-ansible
+  # Card
+  - title: Manage Virtual Machines
+    linkLists:
+      - linkListType: quickstart
+        links:
+          - text: Configure Linux virtual machines
+            url: /azure/virtual-machines/linux/ansible-create-vm?toc=%2Fen-us%2Fazure%2Fansible%2Ftoc.json&bc=%2Fen-us%2Fazure%2Fbread%2Ftoc.json
+          - text: Manage Linux virtual machines
+            url: /azure/virtual-machines/linux/ansible-manage-linux-vm?toc=%2Fen-us%2Fazure%2Fansible%2Ftoc.json&bc=%2Fen-us%2Fazure%2Fbread%2Ftoc.json
+
+  # Card
+  - title: Manage Virtual Machine Scale Sets
+    linkLists:
+      - linkListType: tutorial
+        links:
+          - text: Configure virtual machine scale sets
+            url: ansible-create-configure-vmss.md
+          - text: Deploy applications to virtual machine scale sets
+            url: ansible-deploy-app-vmss.md
+          - text: Automatically scale virtual machine scale sets
+            url: ansible-auto-scale-vmss.md
+          - text: Update custom image
+            url: ansible-vmss-update-image.md
+
+  # Card
+  - title: Manage Virtual Networks
+    linkLists:
+      - linkListType: tutorial
+        links:
+          - text: Configure peering
+            url: ansible-vnet-peering-configure.md
+          - text: Configure route tables
+            url: ansible-create-configure-route-table.md
+
+  # Card
+  - title: Manage AKS
+    linkLists:
+      - linkListType: tutorial
+        links:
+          - text: Configure AKS clusters
+            url: ansible-create-configure-aks.md
+          - text: Configure Azure CNI networking
+            url: ansible-aks-configure-cni-networking.md
+          - text: Configure kubenet networking
+            url: ansible-aks-configure-kubenet-networking.md
+          - text: Configure RBAC roles in AKS cluster
+            url: ansible-aks-configure-rbac.md