diff options
author | David Luevano Alvarado <david@luevano.xyz> | 2022-12-16 17:45:03 -0600 |
---|---|---|
committer | David Luevano Alvarado <david@luevano.xyz> | 2022-12-16 17:45:03 -0600 |
commit | 7e49db5ddefe8c515b5f3931a5c701efaac33d91 (patch) | |
tree | d7d1efda44837a466fe079266efda90021812399 /live/static/fork-awesome/src/doc/examples.html | |
parent | 3112a76dac594fe715b59e53c399b0dec5b53193 (diff) |
change structure for new pyssg version
Diffstat (limited to 'live/static/fork-awesome/src/doc/examples.html')
-rw-r--r-- | live/static/fork-awesome/src/doc/examples.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/live/static/fork-awesome/src/doc/examples.html b/live/static/fork-awesome/src/doc/examples.html new file mode 100644 index 0000000..58a0f51 --- /dev/null +++ b/live/static/fork-awesome/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> 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><i></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> |