Merge branch 'dev' of https://github.com/redmatrix/hubzilla into dev_merge

1 files changed, 10 insertions, 1 deletions

diff --git a/library/font_awesome/src/examples.html b/library/font_awesome/src/examples.html
index 3e23ac147..9f14ef11b 100644
--- a/library/font_awesome/src/examples.html
+++ b/library/font_awesome/src/examples.html
@@ -20,15 +20,24 @@ relative_path: ../
   {% endcapture %}
   {% include stripe-ad.html %}
 
+  <div class="alert alert-success gg">
+    <div class="gg-col min-width">
+      <i class="fa fa-universal-access fa-2x" aria-hidden"true"></i>
+    </div>
+    <div class="gg-col padding-left">
+      <p class="margin-bottom-none">The following examples are kept simple and assume use of <a href="{{ page.relative_path }}get-started/get-started-cdn">Font Awesome CDN</a>, which provides auto-accessibility support. If you are not using the Font Awesome CDN, please see the <a href="{{ page.relative_path }}examples/#accessible">manual accessibility examples</a> and read more about <a href="{{ page.relative_path }}accessibility">making your icons more awesome for all users</a></p>
+    </div>
+  </div>
+
   {% include examples/basic.html %}
   {% include examples/larger.html %}
   {% include examples/fixed-width.html %}
   {% include examples/list.html %}
   {% include examples/bordered-pulled.html %}
   {% include examples/animated.html %}
-  {% include examples/accessible.html %}
   {% include examples/rotated-flipped.html %}
   {% include examples/stacked.html %}
   {% include examples/bootstrap.html %}
   {% include examples/custom.html %}
+  {% include examples/accessible.html %}
 </div>