Flutter - Showcase - Update Philips Hue Card

src/_data/showcases.yml

@@ -198,22 +198,6 @@
   logo_has_name: true
   card_image: showcase/cards/dream11-top@.jpg
 
-- name: Emaar
-  description: >
-    Global property developer, Emaar built a new app designed for mobile-first
-    interaction with unique blockchain-based features.
-  logo_src: showcase/cards/emaar-logo.png
-  logo_has_name: true
-  card_image: showcase/cards/emaar-top@.jpg
-
-- name: Green Tea
-  description: >
-    An internal customer management app used widely by Google sales that
-    provides rich visualizations for tracking sales targets.
-  logo_src: showcase/cards/green_tea-logo.png
-  logo_has_name: true
-  card_image: showcase/cards/green_tea-top@.jpg
-
 - name: Groupon
   description: >
     Groupon uses Flutter to help hundreds of thousands of merchants track campaign performance,
@@ -244,7 +228,32 @@
 
 - name: Philips Hue
   description: >
-    Flutter helped bring intuitive controls to the Philips Hue smart lights app.
-  logo_src: showcase/cards/hue_philips-logo.png
+    Flutter brought intuitive controls to Philips Hue apps, allowing users to set the mood and sync their smart lights
+    to their media quickly and easily.
+  logo_src: showcase/cards/philips_hue-logo.png
   logo_has_name: true
+  learn_more_dropdown: true
+  learn_more_links:
+    - link_item:
+      link: https://www2.meethue.com/en-us/entertainment/sync-with-tv#get-the-app
+      link_text: Hue Sync app
+    - link_item:
+      link: https://www2.meethue.com/en-us/app/bluetooth#download-bluetooth-app
+      link_text: Hue Bluetooth app
   card_image: showcase/cards/philips_hue-top@.jpg
+
+- name: Emaar
+  description: >
+    Global property developer, Emaar built a new app designed for mobile-first
+    interaction with unique blockchain-based features.
+  logo_src: showcase/cards/emaar-logo.png
+  logo_has_name: true
+  card_image: showcase/cards/emaar-top@.jpg
+
+- name: Green Tea
+  description: >
+    An internal customer management app used widely by Google sales that
+    provides rich visualizations for tracking sales targets.
+  logo_src: showcase/cards/green_tea-logo.png
+  logo_has_name: true
+  card_image: showcase/cards/green_tea-top@.jpg

src/showcase/index.html

@@ -144,10 +144,22 @@ <h2 class="title">More apps made with Flutter</h2>
                     </div>
                     <p class="card-text">{{ case.description | truncate: 160 }}</p>
                 </div>
-                {% if case.play_store_link or case.app_store_link or case.learn_more_link or case.card_video %}
+                {% if case.play_store_link or case.app_store_link or case.learn_more_link or case.card_video or case.learn_more_dropdown %}
                     <div class="card-footer card-footer--transparent card-footer--links">
                         {% if case.learn_more_link %}<a href="{{ case.learn_more_link }}" class="link" target="_blank" rel="noopener">{{ case.learn_more_cta }}<i class="fas fa-external-link-alt"></i></a>{% endif %}
                         {% if case.card_video %}<a href="#" class="video-link" data-video="{{ case.card_video }}" data-toggle="modal" data-target="#videoModal"><i class="fas fa-play-circle"></i>&nbsp;Watch video</a>{% endif %}
+                        {% if case.learn_more_dropdown %}
+                            <span class="dropdown">
+                                <a href="#" class="dropdown-toggle" id="showcasesLearnMoreDropdownMenuButton{{ forloop.index }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    Learn more
+                                </a>
+                                <div class="dropdown-menu" aria-labelledby="showcasesLearnMoreDropdownMenuButton{{ forloop.index }}">
+                                    {% for learnMoreItem in case.learn_more_links %}
+                                        <a class="dropdown-item" href="{{learnMoreItem.link}}" target="_blank" rel="noopener">{{learnMoreItem.link_text}}</a>
+                                    {% endfor %}
+                                </div>
+                            </span>
+                        {% endif %}
                         {% if case.play_store_link or case.app_store_link %}
                             <span class="dropdown">
                                 <a href="#" class="dropdown-toggle" id="showcasesDropdownMenuButton{{ forloop.index }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">