audio and video rendering, Fork-Awesome-1.2.0 included

author: pdp8 <pdp8@pdp8.info> 2022-08-22 00:52:15 +0200
committer: pdp8 <pdp8@pdp8.info> 2022-08-22 00:52:15 +0200
commit: e3c672f4648997dbe00624e09c63c990a8ea3596 (patch)
tree: 2b81023c89da84b09188d9bbbcc3d907faf8df6f /snippets/Fork-Awesome-1.2.0/src/doc/_layouts
parent: 28792e4d504d59b5aeab70d66ea6be51c9c683b1 (diff)
2 files changed, 131 insertions, 0 deletions
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/_layouts/base.html b/snippets/Fork-Awesome-1.2.0/src/doc/_layouts/base.html
new file mode 100644
index 0000000..8979c78
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/src/doc/_layouts/base.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- Basic Page Needs
+ ================================================== -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="Fork Awesome, a fork of the iconic font and CSS framework">
+  <meta name="author" content="The Fork Awesome community">
+  <link rel="shortcut icon" href="{{ page.relative_path }}assets/ico/favicon.ico">
+
+  <title>{% if page.title %}{{ page.title }}{% endif %}</title>
+
+  <!-- CSS
+  ================================================== -->
+  <link rel="stylesheet" href="{{ page.relative_path }}assets/css/site.css">
+  <link rel="stylesheet" href="{{ page.relative_path }}assets/css/pygments.css">
+  <link rel="stylesheet" href="{{ page.relative_path }}assets/css/share.min.css">
+  <link rel="stylesheet" href="{{ page.relative_path }}assets/fork-awesome/css/fork-awesome.css">
+
+  <!-- Twitter
+  ================================================== -->
+  <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% endif %}">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:description" content="Fork Awesome, a fork of the iconic font and CSS toolkit">
+  <meta name="twitter:image" content="https://forkawesome.github.io/Fork-Awesome/assets/images/banner.jpg">
+
+  <!-- FACEBOOK
+  ================================================== -->
+  <meta property="og:url" content="https://forkawesome.github.io/Fork-Awesome/">
+  <meta property="og:title" content="{% if page.title %}{{ page.title }}{% endif %}">
+  <meta name="description" property="og:description" content="Fork Awesome, a fork of the iconic font and CSS toolkit" />
+  <meta property="og:image" content="https://forkawesome.github.io/Fork-Awesome/assets/images/banner.jpg">
+
+  <!--[if lt IE 9]>
+    <script src="{{ page.relative_path }}assets/js/html5shiv.js"></script>
+    <script src="{{ page.relative_path }}assets/js/respond.min.js"></script>
+  <![endif]-->
+
+</head>
+<body class="font-awesome {{ page.view_class }}">
+  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
+    {% include navbar.html %}
+
+    {{ content }}
+  </div>
+  {% include footer.html %}
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/{{ site.jquery.version }}/jquery.min.js"></script>
+  <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/{{ site.jquery_validate.version }}/jquery.validate.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/{{ site.bootstrap.version }}/js/bootstrap.min.js"></script>
+  <script src="{{ page.relative_path }}assets/js/site.js"></script>
+  <script src="{{ page.relative_path }}assets/js/share.min.js"></script>
+
+  </body>
+</html>
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/_layouts/icon.html b/snippets/Fork-Awesome-1.2.0/src/doc/_layouts/icon.html
new file mode 100644
index 0000000..30c4340
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/src/doc/_layouts/icon.html
@@ -0,0 +1,76 @@
+---
+layout: base
+title_suffix: Fork Awesome Icons
+relative_path: ../../
+---
+<div class="jumbotron jumbotron-icon">
+  <div class="container">
+    <div class="info-icons">
+      <i class="fa fa-{{ page.icon.id }} fa-6" aria-hidden="true"></i>
+      <span class="sr-only">Example of {{ page.icon.id }} at 6x</span>&nbsp;&nbsp;
+      <span class="hide-xs">
+        <i class="fa fa-{{ page.icon.id }} fa-5" aria-hidden="true"></i>
+        <span class="sr-only">Example of {{ page.icon.id }} at 5x</span>
+        &nbsp;&nbsp;
+        <span class="hide-sm">
+          <i class="fa fa-{{ page.icon.id }} fa-4" aria-hidden="true"></i>
+          <span class="sr-only">Example of {{ page.icon.id }} at 4x</span>
+          &nbsp;&nbsp;
+        </span>
+        <i class="fa fa-{{ page.icon.id }} fa-3" aria-hidden="true"></i>
+        <span class="sr-only">Example of {{ page.icon.id }} at 3x</span>
+        &nbsp;&nbsp;
+        <i class="fa fa-{{ page.icon.id }} fa-2" aria-hidden="true"></i>
+        <span class="sr-only">Example of {{ page.icon.id }} at 2x</span>
+        &nbsp;
+      </span>
+      <i class="fa fa-{{ page.icon.id }} fa-1" aria-hidden="true"></i>
+      <span class="sr-only">Example of {{ page.icon.id }}</span>
+    </div>
+    <h1 class="info-class">
+      fa-{{ page.icon.id }}
+      <small>
+        <i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i> &middot;
+        Unicode: <span class="upper">{{ page.icon.unicode }}</span> &middot;
+        Created: v{{ page.icon.created }} &middot;
+        Categories:
+        {% for category in page.icon.categories %}
+          {{ category }}{% unless forloop.last %},{% endunless %}
+        {% endfor %}
+        {% assign icon_alias_count = page.icon.aliases | size %}
+        {% if icon_alias_count > 0 %}
+          &middot; Aliases:
+          {% for alias in page.icon.aliases %}
+            fa-{{ alias }}{% unless forloop.last %},{% endunless %}
+          {% endfor %}
+        {% endif %}
+        {% if page.icon.url %}&middot; <a target="_blank" rel="nofollow" href="http://{{ page.icon.url }}">{{ page.icon.url }}<i class="fa fa-external-link-square margin-left-sm"></i></a>{% endif %}
+      </small>
+    </h1>
+  </div>
+</div>
+
+<div class="container">
+  <section>
+    <div class="row">
+      <div class="col-md-12 col-sm-12">
+        <p>After you get <a href="{{ page.relative_path }}get-started/">up and running</a>, you can place {{ site.forkawesome.name }} icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
+        <div class="well well-transparent">
+          <div style="font-size: 24px; line-height: 1.5em;">
+            <i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i><span class="sr-only">Example of {{ page.icon.id }}</span> fa-{{ page.icon.id }}
+          </div>
+        </div>
+{% highlight html %}
+<i class="fa fa-{{ page.icon.id }}" aria-hidden="true"></i>
+{% endhighlight %}
+        <p class="margin-bottom-lg">
+          <small class="text-muted">Note: to improve <a href="{{ page.relative_path }}accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small>
+        </p>
+
+        <div class="lead">
+          <i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>.
+        </div>
+      </div>
+    </div>
+  </section>
+</div>
author	pdp8 <pdp8@pdp8.info>	2022-08-22 00:52:15 +0200
committer	pdp8 <pdp8@pdp8.info>	2022-08-22 00:52:15 +0200
commit	e3c672f4648997dbe00624e09c63c990a8ea3596 (patch)
tree	2b81023c89da84b09188d9bbbcc3d907faf8df6f /snippets/Fork-Awesome-1.2.0/src/doc/_layouts
parent	28792e4d504d59b5aeab70d66ea6be51c9c683b1 (diff)