updated cloud list with azure, updated cloud styles and shortcode, resolves #1043

assets/styles/layouts/_cloud-selector.scss

@@ -107,6 +107,7 @@
 
   .products {
     display: flex;
+    flex-direction: column-reverse;
     flex-wrap: wrap;
     flex-grow: 1;
     justify-content: flex-start;
@@ -178,6 +179,30 @@
   }
 }
 
+td,label,li {
+  &:after {
+    display: inline-block;
+    vertical-align: text-bottom;
+    font-style: italic;
+    font-weight: $medium;
+    font-size: .75em;
+    margin-left: .35rem;
+    padding: .1rem .3rem .12rem;
+    line-height: .75rem;
+    border-radius: 1rem;
+  }
+  &.beta:after {
+    content: 'beta';
+    color: $r-dreamsicle;
+    background: rgba($r-dreamsicle, .1);
+    border: 1px solid $r-dreamsicle;
+  }
+}
+
+label:after {
+  margin-left: .15rem;
+}
+
 ///////////////////////////// InfluxDB URL Triggers ////////////////////////////
 
 .article--content {

assets/styles/styles-default.scss

@@ -22,5 +22,5 @@
         "layouts/algolia-search-overrides",
         "layouts/landing",
         "layouts/error-page",
-        "layouts/modal",
+        "layouts/cloud-selector",
         "layouts/feature-callouts";

content/v2.0/get-started.md

@@ -66,11 +66,7 @@ Currently, we do **not support** using an existing InfluxDB Cloud 2.0 account to
 3. (If you subscribed through InfluxData) Choose your cloud provider.
 4. Select a provider and region for your {{< cloud-name >}} instance. The following are available:
 
-  - **Amazon Web Services (AWS)**
-      - **US West (Oregon)**
-      - **EU Frankfurt**
-  - **Google Cloud Platform (GCP)**
-      - **Iowa**
+    {{< cloud_regions type="list" >}}
 
     _To suggest regions to add, click **Let us know** under Regions._
 5. (If you subscribed through InfluxData) Review the terms of the agreement, and then select **I have viewed and agree to InfluxDB Cloud 2.0 Services Subscription Agreement and InfluxData Global Data Processing Agreement**.

content/v2.0/reference/urls.md

@@ -28,4 +28,4 @@ Use the URLs below to interact with your InfluxDB Cloud instances with the
 [InfluxDB API](/v2.0/reference/api/), [InfluxDB client libraries](/v2.0/reference/api/client-libraries/),
 [`influx` CLI](/v2.0/reference/cli/influx/), or [Telegraf](/v2.0/write-data/use-telegraf/).
 
-{{< cloud_urls >}}
+{{< cloud_regions >}}

data/influxdb_urls.yml

@@ -21,3 +21,9 @@ cloud:
       regions:
         - name: US Central (Iowa)
           url: https://us-central1-1.gcp.cloud2.influxdata.com
+    - name: Microsoft Azure
+      short_name: Azure
+      regions:
+        - name: West Europe
+          url: https://westeurope-1.azure.cloud2.influxdata.com
+          status: beta

layouts/partials/footer/influxdb-url-modal.html

@@ -18,7 +18,7 @@
                     <ul>
                     {{ range .regions }}
                       <li>
-                        <label for="{{ anchorize .name }}">
+                        <label for="{{ anchorize .name }}" {{ if .status }}class="{{ .status }}"{{ end }}>
                           <input type="radio" name="influxdb-loc" id="{{ anchorize .name }}" value="{{ .url }}" checked>
                           <span class="radio"></span>
                           {{ .name }}

layouts/shortcodes/cloud_regions.html

@@ -0,0 +1,43 @@
+{{ $type :=  .Get "type" | default "table" }}
+{{ $scratch := newScratch }}
+
+{{ if eq $type "table"}}
+  {{ range .Site.Data.influxdb_urls.cloud.providers }}
+    {{ $scratch.Set "title" .name }}
+    {{ if not (in .name .short_name) }}
+      {{ $scratch.Set "title" (print .name " (" .short_name ")")}}
+    {{ end }}
+    {{ $title := $scratch.Get "title" }}
+    {{ $titleID := anchorize $title }}
+    <h3 id="{{ $titleID }}">{{ $title }}</h3>
+    <table>
+      <thead>
+        <th align="left">Region</th>
+        <th align="left">URL</th>
+      </thead>
+      {{ range .regions }}
+        <tr>
+          <td {{ if .status }}class="{{ .status }}"{{ end }}>{{ .name }}</td>
+          <td><a href="{{ .url }}">{{ .url }}</a></td>
+        </tr>
+      {{ end }}
+    </table>
+  {{ end }}
+{{ else if eq $type "list" }}
+  <ul>
+  {{ range .Site.Data.influxdb_urls.cloud.providers }}
+    {{ $scratch.Set "title" .name }}
+    {{ if not (in .name .short_name) }}
+      {{ $scratch.Set "title" (print .name " (" .short_name ")")}}
+    {{ end }}
+    {{ $title := $scratch.Get "title" }}
+      <li><strong>{{ $title }}</strong>
+        <ul>
+          {{ range .regions }}
+            <li {{ if .status }}class="{{ .status }}"{{ end }}>{{ .name }}</li>
+          {{ end }}
+        </ul>
+      </li>
+  {{ end }}
+  </ul>
+{{ end }}

layouts/shortcodes/cloud_urls.html

@@ -1,22 +0,0 @@
-{{ range .Site.Data.influxdb_urls.cloud.providers }}
-  {{ $scratch := newScratch }}
-  {{ $scratch.Set "title" .name }}
-  {{ if .short_name }}
-    {{ $scratch.Set "title" (print .name " (" .short_name ")")}}
-  {{ end }}
-  {{ $title := $scratch.Get "title" }}
-  {{ $titleID := anchorize $title }}
-  <h2 id="{{ $titleID }}">{{ $title }}</h2></strong>
-  <table>
-    <thead>
-      <th align="left">Region</th>
-      <th align="left">URL</th>
-    </thead>
-    {{ range .regions }}
-      <tr>
-        <td>{{ .name }}</td>
-        <td><a href="{{ .url }}">{{ .url }}</a></td>
-      </tr>
-    {{ end }}
-  </table>
-{{ end }}