aboutsummaryrefslogtreecommitdiff
path: root/themes/docsy/assets/vendor/forkawesome/src/doc/examples.html
diff options
context:
space:
mode:
authorThijs Paelman <thijs.paelman+git@hotmail.be>2023-06-05 23:00:39 +0200
committerThijs Paelman <thijs.paelman+git@hotmail.be>2023-06-05 23:00:39 +0200
commita9b5b225ec579f96b26576f38ee44e288f07a184 (patch)
tree6945a5ce56fef0bf88f620744a225d4ca2977810 /themes/docsy/assets/vendor/forkawesome/src/doc/examples.html
parentd7f7c4b20cabb32bde00ff0e2fe9685ba041f3ab (diff)
parentf812d271738796f0b589bbf06a5d14178ef60743 (diff)
downloadwebsite-a9b5b225ec579f96b26576f38ee44e288f07a184.tar.gz
website-a9b5b225ec579f96b26576f38ee44e288f07a184.zip
Merge branch 'social-links'
Diffstat (limited to 'themes/docsy/assets/vendor/forkawesome/src/doc/examples.html')
-rw-r--r--themes/docsy/assets/vendor/forkawesome/src/doc/examples.html40
1 files changed, 40 insertions, 0 deletions
diff --git a/themes/docsy/assets/vendor/forkawesome/src/doc/examples.html b/themes/docsy/assets/vendor/forkawesome/src/doc/examples.html
new file mode 100644
index 0000000..58a0f51
--- /dev/null
+++ b/themes/docsy/assets/vendor/forkawesome/src/doc/examples.html
@@ -0,0 +1,40 @@
+---
+layout: base
+title: Fork Awesome Examples
+navbar_active: examples
+relative_path: ../
+---
+{% capture jumbotron_h1 %}<i class="fa fa-magic" aria-hidden="true"></i>&nbsp; Examples{% endcapture %}
+{% capture jumbotron_p %}Lots of easy ways to use {{ site.forkawesome.name }}{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+<div class="container">
+ <p class="lead">
+ After you <a href="{{ page.relative_path }}get-started/">get up and running</a>, you can place {{ site.forkawesome.name }} icons just about
+ anywhere with the <code>&lt;i&gt;</code> tag.
+ Some examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.
+ </p>
+
+ <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. So please be sure to visit 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 accessible 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/rotated-flipped.html %}
+ {% include examples/stacked.html %}
+ {% include examples/bootstrap.html %}
+ {% include examples/custom.html %}
+ {% include examples/accessible.html %}
+</div>