From 9af8ec61bb78b60a83fce241ef0e5f485dcfda28 Mon Sep 17 00:00:00 2001
From: Thijs Paelman <thijs.paelman+git@hotmail.be>
Date: Fri, 2 Jun 2023 23:47:20 +0200
Subject: Add Matrix socials & fix typo

Add Matrix social element, by installing an extra font. It was pretty
painful to install, and has some impact on all css-styles that start
with the '.fa' class, due to global namespacing in scss (by using @import)
---
 .../src/doc/_includes/examples/accessible.html     | 101 +++++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 themes/docsy/assets/vendor/forkawesome/src/doc/_includes/examples/accessible.html

(limited to 'themes/docsy/assets/vendor/forkawesome/src/doc/_includes/examples/accessible.html')

diff --git a/themes/docsy/assets/vendor/forkawesome/src/doc/_includes/examples/accessible.html b/themes/docsy/assets/vendor/forkawesome/src/doc/_includes/examples/accessible.html
new file mode 100644
index 0000000..0360a46
--- /dev/null
+++ b/themes/docsy/assets/vendor/forkawesome/src/doc/_includes/examples/accessible.html
@@ -0,0 +1,101 @@
+<section id="accessible">
+  <h2 class="page-header">
+    Accessibility-Minded
+  </h2>
+  <div class="row">
+    <div class="col-md-3 col-sm-4">
+      <p>
+        <a class="btn btn-default" href="path/to/settings" aria-label="Settings">
+          <i class="fa fa-cog" aria-hidden="true"></i>
+        </a>
+
+        <a class="btn btn-danger" href="path/to/settings" aria-label="Delete">
+          <i class="fa fa-trash-o" aria-hidden="true"></i>
+        </a>
+
+        <a class="btn btn-primary" href="#navigation-main" aria-label="Skip to main navigation">
+          <i class="fa fa-bars" aria-hidden="true"></i>
+        </a>
+      </p>
+
+      <p>
+        <i class="fa fa-refresh fa-spin fa-3x fa-fw" aria-hidden="true"></i>
+        <span class="sr-only">Refreshing...</span>
+
+        <i class="fa fa-cog fa-spin fa-3x fa-fw" aria-hidden="true"></i>
+        <span class="sr-only">Saving. Hang tight!</span>
+      </p>
+
+      <p>
+        <div class="input-group margin-bottom-sm">
+          <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw" aria-hidden="true"></i></span>
+          <input class="form-control" type="text" placeholder="Email address">
+        </div>
+        <div class="input-group">
+          <span class="input-group-addon"><i class="fa fa-key fa-fw" aria-hidden="true"></i></span>
+          <input class="form-control" type="password" placeholder="Password">
+        </div>
+      </p>
+
+      <p>
+        <a href="path/to/shopping/cart" class="btn btn-primary" aria-label="View 3 items in your shopping cart">
+          <i class="fa fa-shopping-cart" aria-hidden="true"></i>
+        </a>
+      </p>
+
+      <p>
+        <i class="fa fa-battery-half" aria-hidden="true"></i>
+        <span class="sr-only">Battery level: 50%</span>
+      </p>
+    </div>
+    <div class="col-md-9 col-sm-8">
+      <p>
+        With <a href="{{ page.relative_path }}accessibility/">our thoughts on icon accessibility</a> in mind, If an icon only adds some extra decoration or branding, it does not need to be announced to users as they are navigating your site or app aurally. Alternatively, if an icon conveys meaning in your content or interface, ensure that this meaning is also conveyed to assistive technologies through alternative displays or text.
+      </p>
+
+{% highlight html %}
+<a class="btn btn-default" href="path/to/settings" aria-label="Settings">
+  <i class="fa fa-cog" aria-hidden="true"></i>
+</a>
+
+<a class="btn btn-danger" href="path/to/settings" aria-label="Delete">
+  <i class="fa fa-trash-o" aria-hidden="true"></i>
+</a>
+
+<a class="btn btn-primary" href="#navigation-main" aria-label="Skip to main navigation">
+  <i class="fa fa-bars" aria-hidden="true"></i>
+</a>
+{% endhighlight %}
+
+{% highlight html %}
+<i class="fa fa-refresh fa-spin fa-3x fa-fw" aria-hidden="true"></i>
+<span class="sr-only">Refreshing...</span>
+
+<i class="fa fa-cog fa-spin fa-3x fa-fw" aria-hidden="true"></i>
+<span class="sr-only">Saving. Hang tight!</span>
+{% endhighlight %}
+
+{% highlight html %}
+<div class="input-group margin-bottom-sm">
+  <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw" aria-hidden="true"></i></span>
+  <input class="form-control" type="text" placeholder="Email address">
+</div>
+<div class="input-group">
+  <span class="input-group-addon"><i class="fa fa-key fa-fw" aria-hidden="true"></i></span>
+  <input class="form-control" type="password" placeholder="Password">
+</div>
+{% endhighlight %}
+
+{% highlight html %}
+<a href="path/to/shopping/cart" class="btn btn-primary" aria-label="View 3 items in your shopping cart">
+  <i class="fa fa-shopping-cart" aria-hidden="true"></i>
+</a>
+{% endhighlight %}
+
+{% highlight html %}
+<i class="fa fa-battery-half" aria-hidden="true"></i>
+<span class="sr-only">Battery level: 50%</span>
+{% endhighlight %}
+    </div>
+  </div>
+</section>
-- 
cgit v1.2.3