Skip to content

Commit

Permalink
deploy: add32d1
Browse files Browse the repository at this point in the history
  • Loading branch information
@zhengchun
zhengchun committed Nov 30, 2023
1 parent b010653 commit f998ca8
Show file tree
Hide file tree
Showing 126 changed files with 302 additions and 279 deletions.
2 changes: 1 addition & 1 deletion 404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<button class=navbar-toggler type=bdNavbar data-bs-toggle=offcanvas data-bs-target=#bdNavbar aria-controls=bdNavbar aria-label="Toggle navigation"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentcolor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 11.5A.5.5.0 013 11h10a.5.5.0 010 1H3a.5.5.0 01-.5-.5zm0-4A.5.5.0 013 7h10a.5.5.0 010 1H3a.5.5.0 01-.5-.5zm0-4A.5.5.0 013 3h10a.5.5.0 010 1H3a.5.5.0 01-.5-.5z"/></svg></button></div></nav></header><div class="offcanvas offcanvas-end w-100 mw-100" tabindex=-1 id=bdNavbar><div class="offcanvas-header border-bottom px-5"><span class=text-primary><svg fill="currentcolor" width="24" height="24" viewBox="0 0 32 32"><rect x="4" y="3" width="24" height="7" rx="3.5" ry="3.5"/><rect x="4" y="12" width="20" height="7" rx="3.5" ry="3.5"/><rect x="4" y="21" width="14" height="7" rx="3.5" ry="3.5"/></svg></span><button type=button class=btn-close data-bs-dismiss=offcanvas aria-label=Close></button></div><div class="offcanvas-body px-5"><div class="d-flex flex-column"><a class="py-2 fw-bold text-reset" href=/>Home</a>
<a class="py-2 fw-bold text-reset" href=/get-started>Get Started</a><a class="py-2 fw-bold text-reset" href=/tokens>Tokens</a><a class="py-2 fw-bold text-reset" href=/docs>Docs</a><a class="py-2 fw-bold text-reset" href=/components>Components</a></div><ul class="list-inline mt-3 text-center border-top pt-5"><li><a class="nav-link rounded-circle" data-bs-toggle=tooltip data-bs-title="Github repository" href=https://github.com/fastbootstrap/atlassian-design-for-bootstrap><i class="fa-brands fa-github fa-xl"></i></a></li></ul></div></div><ul class="dropdown-menu dropdown-menu-end" role=menu><li><button class=dropdown-item type=button id=light-theme-button data-bs-theme-value=light><i class="fa-solid fa-sun fa-lg"></i><span class=ms-2>Light</span></button></li><li><button class=dropdown-item type=button id=dark-theme-button data-bs-theme-value=dark><i class="fa-solid fa-moon fa-lg"></i><span class=ms-2>Dark</span></button></li></ul><div class="modal fade" tabindex=-1 id=searchModal aria-hidden=true><div class="modal-dialog modal-dialog-scrollable"><div class=modal-content><div class="modal-header px-3 py-2"><div class="input-group input-group-start"><input type=text id=search-input name=search-input class="form-control bg-transparent py-3" placeholder="Search documents">
<label class=input-group-text><i class="fa-solid fa-magnifying-glass fa-sm text-muted"></i></label><div id=searchLoading class="position-absolute top-50 end-0 translate-middle visually-hidden me-3"><i class="animate-spin text-primary fas fa-spinner"></i></div></div></div><div class="modal-body p-3 pt-0"></div></div></div></div><main><div class=blankslate><div class=blankslate-body><div class=mb-5><i class="fa-solid fa-circle-exclamation fa-5x"></i></div><h4 class=mb-4>Error 404</h4><p>The page you requested was not found</p></div><div class=blankslate-actions><a class="btn btn-default" href=/>Back to home</a></div></div></main><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
<script src=/assets/js/main.8795805b327c986cff8ba1fc4152e5085b98750797cdd536407979c4a6dd16be.min.js></script>
<script src=/assets/js/main.02aa9ad024db46a2c2ead51095a11718c04144f598281a4899667395de022191.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/toolbar/prism-toolbar.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CR6EJXJK4S"></script>
Expand Down
2 changes: 1 addition & 1 deletion ...085b98750797cdd536407979c4a6dd16be.min.js → ...18c04144f598281a4899667395de022191.min.js
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions components/accordion/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -166,8 +166,8 @@
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</code></pre></div><h2 id=accessibility>Accessibility</h2><p>(WAI-ARIA: <a href=https://www.w3.org/WAI/ARIA/apg/patterns/accordion/>https://www.w3.org/WAI/ARIA/apg/patterns/accordion/</a>)</p><p>For optimal accessibility we recommend setting <code>id</code> and <code>aria-controls</code> on the <code>AccordionSummary</code>. The Accordion will derive the necessary <code>aria-labelledby</code> and <code>id</code> for the content region of the accordion.</p><h2 id=related>Related</h2><ul><li><a href=/components/collapse/>Collapse</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/accordion/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
<script src=/assets/js/main.8795805b327c986cff8ba1fc4152e5085b98750797cdd536407979c4a6dd16be.min.js></script>
&lt;/div&gt;</code></pre></div><h2 id=accessibility>Accessibility</h2><p>(WAI-ARIA: <a href=https://www.w3.org/WAI/ARIA/apg/patterns/accordion/>https://www.w3.org/WAI/ARIA/apg/patterns/accordion/</a>)</p><p>For optimal accessibility we recommend setting <code>id</code> and <code>aria-controls</code> on the <code>AccordionSummary</code>. The Accordion will derive the necessary <code>aria-labelledby</code> and <code>id</code> for the content region of the accordion.</p><h2 id=related>Related</h2><ul><li><a href=/components/collapse/>Collapse</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/accordion/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/add32d15ce216a5888eb40c563e3d50a1f21e6a5>November 30, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
<script src=/assets/js/main.02aa9ad024db46a2c2ead51095a11718c04144f598281a4899667395de022191.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/toolbar/prism-toolbar.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CR6EJXJK4S"></script>
Expand Down
6 changes: 3 additions & 3 deletions components/alerts/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,7 @@
&lt;p class=&#34;mb-0&#34;&gt;You will rejoice to hear that no disaster has accompanied the commencement of an enterprise which you have regarded with such evil forebodings. &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</code></pre></div><h2 id=accessibility>Accessibility</h2><p>(WAI-ARIA: <a href=https://www.w3.org/WAI/ARIA/apg/patterns/alert/>https://www.w3.org/WAI/ARIA/apg/patterns/alert/</a>)</p><p>When the component is dynamically displayed, the content is automatically announced by most screen readers. At this time, screen readers do not inform users of alerts that are present when the page loads.</p><p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (for example the visible text), or is included through alternative means, such as additional hidden text.</p><p>Actions must have a tab index of 0 so that they can be reached by keyboard-only users.</p><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/alerts/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></div><div class=tab-pane id=tabpanel-1 role=tabpanel><div class=bd-main-content><div class="bd-toc d-none d-xl-block py-8"><div class="doc-nav align-self-start d-none d-xl-flex flex-column fs-sm"><span class="fw-semibold fs-xs text-uppercase">Contents</span><div class="doc-nav-content position-relative mt-2" id=doc-nav-1><nav id=TableOfContents><ul><li><a href=#usage>Usage</a><ul><li><a href=#initialize>Initialize</a></li><li><a href=#triggers>Triggers</a></li></ul></li><li><a href=#methods>Methods</a></li><li><a href=#events>Events</a></li></ul></nav></div></div></div><div class="bd-content px-4 px-md-6 px-lg-10 px-xl-20 py-8" data-bs-spy=scroll data-bs-target=#doc-nav-1 data-bs-smooth-scroll=true tabindex=0><h2 id=usage>Usage</h2><h3 id=initialize>Initialize</h3><p>Initialize elements as alerts</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-js data-lang=js><span class=line><span class=cl><span class=kr>const</span> <span class=nx>alertList</span> <span class=o>=</span> <span class=nb>document</span><span class=p>.</span><span class=nx>querySelectorAll</span><span class=p>(</span><span class=s2>&#34;.alert&#34;</span><span class=p>);</span>
&lt;/div&gt;</code></pre></div><h2 id=accessibility>Accessibility</h2><p>(WAI-ARIA: <a href=https://www.w3.org/WAI/ARIA/apg/patterns/alert/>https://www.w3.org/WAI/ARIA/apg/patterns/alert/</a>)</p><p>When the component is dynamically displayed, the content is automatically announced by most screen readers. At this time, screen readers do not inform users of alerts that are present when the page loads.</p><p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (for example the visible text), or is included through alternative means, such as additional hidden text.</p><p>Actions must have a tab index of 0 so that they can be reached by keyboard-only users.</p><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/alerts/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/add32d15ce216a5888eb40c563e3d50a1f21e6a5>November 30, 2023</a></span></div></div></div></div></div></div><div class=tab-pane id=tabpanel-1 role=tabpanel><div class=bd-main-content><div class="bd-toc d-none d-xl-block py-8"><div class="doc-nav align-self-start d-none d-xl-flex flex-column fs-sm"><span class="fw-semibold fs-xs text-uppercase">Contents</span><div class="doc-nav-content position-relative mt-2" id=doc-nav-1><nav id=TableOfContents><ul><li><a href=#usage>Usage</a><ul><li><a href=#initialize>Initialize</a></li><li><a href=#triggers>Triggers</a></li></ul></li><li><a href=#methods>Methods</a></li><li><a href=#events>Events</a></li></ul></nav></div></div></div><div class="bd-content px-4 px-md-6 px-lg-10 px-xl-20 py-8" data-bs-spy=scroll data-bs-target=#doc-nav-1 data-bs-smooth-scroll=true tabindex=0><h2 id=usage>Usage</h2><h3 id=initialize>Initialize</h3><p>Initialize elements as alerts</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-js data-lang=js><span class=line><span class=cl><span class=kr>const</span> <span class=nx>alertList</span> <span class=o>=</span> <span class=nb>document</span><span class=p>.</span><span class=nx>querySelectorAll</span><span class=p>(</span><span class=s2>&#34;.alert&#34;</span><span class=p>);</span>
</span></span><span class=line><span class=cl><span class=kr>const</span> <span class=nx>alerts</span> <span class=o>=</span> <span class=p>[...</span><span class=nx>alertList</span><span class=p>].</span><span class=nx>map</span><span class=p>((</span><span class=nx>element</span><span class=p>)</span> <span class=p>=&gt;</span> <span class=k>new</span> <span class=nx>bootstrap</span><span class=p>.</span><span class=nx>Alert</span><span class=p>(</span><span class=nx>element</span><span class=p>));</span>
</span></span></code></pre></div><section class="alert alert-info my-5" role=alert><div class="d-flex gap-4"><span><i class="fa-solid fa-circle-info icon-info fa-lg"></i></span><div><p>For the sole purpose of dismissing an alert, it isn&rsquo;t necessary to initialize the component manually via the JS API. By making use of <code>data-bs-dismiss="alert"</code>, the component will be initialized automatically and properly dismissed.</p><p>See the <a href=#triggers>triggers</a> section for more details.</p><pre><code>&lt;/div&gt;
</code></pre></div></section><h3 id=triggers>Triggers</h3><p>Dismissal can be achieved with the <code>data</code> attribute on a button <strong>within the alert</strong> as demonstrated below:</p><div class=highlight><pre tabindex=0 class=chroma><code class=language-html data-lang=html><span class=line><span class=cl><span class=p>&lt;</span><span class=nt>button</span> <span class=na>type</span><span class=o>=</span><span class=s>&#34;button&#34;</span> <span class=na>class</span><span class=o>=</span><span class=s>&#34;btn-close&#34;</span> <span class=na>data-bs-dismiss</span><span class=o>=</span><span class=s>&#34;alert&#34;</span> <span class=na>aria-label</span><span class=o>=</span><span class=s>&#34;Close&#34;</span><span class=p>&gt;&lt;/</span><span class=nt>button</span><span class=p>&gt;</span>
Expand All @@ -128,8 +128,8 @@
</span></span></span><span class=line><span class=cl><span class=c1></span> <span class=c1>// so it doesn&#39;t get lost/reset to the start of the page
</span></span></span><span class=line><span class=cl><span class=c1></span> <span class=c1>// document.getElementById(&#39;...&#39;).focus()
</span></span></span><span class=line><span class=cl><span class=c1></span><span class=p>});</span>
</span></span></code></pre></div><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/alerts/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
<script src=/assets/js/main.8795805b327c986cff8ba1fc4152e5085b98750797cdd536407979c4a6dd16be.min.js></script>
</span></span></code></pre></div><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/alerts/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/add32d15ce216a5888eb40c563e3d50a1f21e6a5>November 30, 2023</a></span></div></div></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
<script src=/assets/js/main.02aa9ad024db46a2c2ead51095a11718c04144f598281a4899667395de022191.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/toolbar/prism-toolbar.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CR6EJXJK4S"></script>
Expand Down
4 changes: 2 additions & 2 deletions components/avatar-group/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,8 +36,8 @@
&lt;img class=&#34;avatar&#34; src=&#34;/images/avatar/4.jpg&#34; /&gt;
&lt;img class=&#34;avatar&#34; src=&#34;/images/avatar/5.jpg&#34; /&gt;
&lt;span class=&#34;avatar&#34;&gt;+6&lt;/span&gt;
&lt;/div&gt;</code></pre></div><h2 id=related>Related</h2><ul><li><a href=/components/avatar/>Avatar</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/avatar-group/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/65c69de75b20bb9ffec63ce490dccbc0f8fe39c5>November 24, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
<script src=/assets/js/main.8795805b327c986cff8ba1fc4152e5085b98750797cdd536407979c4a6dd16be.min.js></script>
&lt;/div&gt;</code></pre></div><h2 id=related>Related</h2><ul><li><a href=/components/avatar/>Avatar</a></li></ul><div class="mt-6 mt-lg-8 mt-xl-16 py-8 border-top"><div class="d-flex flex-column gap-5 gap-lg-6"><a href=https://github.com/fastbootstrap/docs/edit/main/content/components/avatar-group/index.md><i class="fa-solid fa-pencil me-2"></i> Edit this page on Github</a><div class=fs-sm><span class=text-body-tertiary>Last edited by <a href=https://github.com/zhengchun>zhengchun</a> on <a href=https://github.com/fastbootstrap/docs/commit/add32d15ce216a5888eb40c563e3d50a1f21e6a5>November 30, 2023</a></span></div></div></div></div></div></main></div><script src=https://cdn.jsdelivr.net/npm/fastbootstrap@2.0.2/dist/js/fastbootstrap.min.js integrity="sha256-o0tNXN7ia0O9G0qNbrzBkEEiQTv+GeW5EO4LjnfDkZk=" crossorigin=anonymous></script>
<script src=/assets/js/main.02aa9ad024db46a2c2ead51095a11718c04144f598281a4899667395de022191.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/toolbar/prism-toolbar.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CR6EJXJK4S"></script>
Expand Down
Loading

0 comments on commit f998ca8

Please sign in to comment.