-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
c30b3b3
commit 99e45f1
Showing
28 changed files
with
5,446 additions
and
115 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,140 @@ | ||
| <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Tutorial - HTML Templating System - Before Semicolon</title><link rel="stylesheet" href="../stylesheets/hybrid.hightlighter.css"><link rel="stylesheet" href="../stylesheets/documentation.css"></head><body><header class="wrapper"><h1><a href="../"><strong style="text-transform: uppercase">Markup</strong></a></h1><nav><a href="https://www.npmjs.com/package/@beforesemicolon/markup">v<em>0.2.5-beta</em></a></nav></header><main><div class="wrapper docs"><div class="doc-nav" id="menu"><a class="mobile-menu-open" href="#menu"><span>menu</span></a><ul class="doc-nav-list" id="doc-nav-list" tabindex="0"><li><span>Introduction</span><ul><li><a href="../documentation">What is Markup?</a></li><li><a href="../documentation/installation">Installation</a></li><li><a href="../documentation/essential-training">Essential Training</a></li><li><a href="../documentation/tutorial">Tutorial</a></li><li class="active"><a href="../documentation/examples">Examples</a></li></ul></li><li><span>Templating</span><ul><li><a href="../documentation/creating-and-rendering">Creating & Rendering</a></li><li><a href="../documentation/template-values">Template values</a></li><li><a href="../documentation/replacing-content">Replacing content</a></li><li><a href="../documentation/dom-references">DOM references</a></li><li><a href="../documentation/conditional-attributes">Conditional attributes</a></li><li><a href="../documentation/event-handling">Event handling</a></li><li><a href="../documentation/dynamic-values-and-update">Dynamic values & Update</a></li><li><a href="../documentation/state-values">State values</a></li></ul></li><li><span>Helpers</span><ul><li><a href="../documentation/what-is-a-helper">What is a Helper?</a></li><li><a href="../documentation/effect-helper">Effect helper</a></li><li><a href="../documentation/conditional-rendering">Conditional Rendering</a></li><li><a href="../documentation/repetition-and-lists">Repetition & Lists</a></li><li><a href="../documentation/is-isnot-helpers">Is & IsNot helpers</a></li><li><a href="../documentation/or-and-oneof-helpers">Or, And, & OneOf helpers</a></li><li><a href="../documentation/pick-helper">Pick helper</a></li><li><a href="../documentation/suspense-helper">Suspense helper</a></li><li><a href="../documentation/custom-helper">Custom helper</a></li></ul></li><li><span>Capabilities</span><ul><li><a href="../documentation/function-components">Function Components</a></li><li><a href="../documentation/web-components">Web Components</a></li><li><a href="../documentation/server-side-rendering">Server Side Rendering</a></li><li><a href="../documentation/state-store">State Store</a></li></ul></li></ul><a href="../documentation/examples" class="mobile-menu-close"></a></div><article><h2 id="examples" class="heading"><a href="#examples">Examples</a></h2></article></div></main><footer class="wrapper"><ul class="learning-resources"><h5>Learning Resources</h5><li><a href="../documentation">Documentation</a></li><li><a href="../documentation/essential-training">Essential Training</a></li><li><a href="../documentation/tutorial">Tutorial</a></li><li><a href="../documentation/examples">Examples</a></li></ul><ul class="about-bfs"><h5>About <em>Before Semicolon</em></h5><li><a href="https://github.com/beforesemicolon" rel="noopener" target="_blank">Open Source</a></li><li><a href="https://beforesemicolon.com/" rel="noopener" target="_blank">Website</a></li><li><a href="https://medium.com/before-semicolon" rel="noopener" target="_blank">Blog</a></li><li><a href="https://www.youtube.com/channel/UCrU33aw1k9BqTIq2yKXrmBw" rel="noopener" target="_blank">YouTube Channel</a></li><li><address aria-label="social-media"><a href="https://medium.com/before-semicolon" rel="noopener" target="_blank"><img src="../assets/medium2.svg" alt="Medium blog" width="20"></a><a href="https://www.facebook.com/beforesemicolon/" rel="noopener" target="_blank"><img src="../assets/facebook.svg" alt="Facebook" width="20"></a><a href="https://www.instagram.com/before_semicolon_/" rel="noopener" target="_blank"><img src="../assets/instagram.svg" alt="Instagram" width="20"></a><a href="https://www.reddit.com/r/beforesemicolon/" rel="noopener" target="_blank"><img src="../assets/reddit.svg" alt="Reddit" width="20"></a><a href="https://twitter.com/BeforeSemicolon" rel="noopener" target="_blank"><img src="../assets/twitter.svg" alt="Twitter" width="20"></a><a href="https://www.youtube.com/channel/UCrU33aw1k9BqTIq2yKXrmBw" rel="noopener" target="_blank"><img src="../assets/youtube.svg" alt="YouTube" width="20"></a></address></li></ul><div class="copyright"><img src="../assets/before-semicolon-logo.png" alt="Before Semicolon logo"><p><small>Copyright © 2023 BeforeSemicolon. All rights reserved.</small></p></div></footer></body></html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| <title>Tutorial - HTML Templating System - Before Semicolon</title><link rel="stylesheet" href="../stylesheets/hybrid.hightlighter.css"> | ||
| <link rel="stylesheet" href="../stylesheets/documentation.css"></head> | ||
| <body><header class="wrapper"> | ||
| <h1> | ||
| <a href="../"><strong style="text-transform: uppercase">Markup</strong></a> | ||
| </h1> | ||
| <nav> | ||
| <a href="https://www.npmjs.com/package/@beforesemicolon/markup">v<em>0.2.5-beta</em></a> | ||
| </nav> | ||
| </header><main><div class="wrapper docs"> | ||
| <div class="doc-nav" id="menu"> | ||
| <a class="mobile-menu-open" href="#menu"> | ||
| <span>menu</span> | ||
| </a> | ||
| <ul class="doc-nav-list" id="doc-nav-list" tabindex="0"><li> | ||
| <span>Introduction</span> | ||
| <ul><li> | ||
| <a href="../documentation">What is Markup?</a> | ||
| </li><li> | ||
| <a href="../documentation/installation">Installation</a> | ||
| </li><li> | ||
| <a href="../documentation/essential-training">Essential Training</a> | ||
| </li><li> | ||
| <a href="../documentation/tutorial">Tutorial</a> | ||
| </li><li class="active"> | ||
| <a href="../documentation/examples">Examples</a> | ||
| </li></ul> | ||
| </li><li> | ||
| <span>Templating</span> | ||
| <ul><li> | ||
| <a href="../documentation/creating-and-rendering">Creating & Rendering</a> | ||
| </li><li> | ||
| <a href="../documentation/template-values">Template values</a> | ||
| </li><li> | ||
| <a href="../documentation/replacing-content">Replacing content</a> | ||
| </li><li> | ||
| <a href="../documentation/dom-references">DOM references</a> | ||
| </li><li> | ||
| <a href="../documentation/conditional-attributes">Conditional attributes</a> | ||
| </li><li> | ||
| <a href="../documentation/event-handling">Event handling</a> | ||
| </li><li> | ||
| <a href="../documentation/dynamic-values-and-update">Dynamic values & Update</a> | ||
| </li><li> | ||
| <a href="../documentation/state-values">State values</a> | ||
| </li></ul> | ||
| </li><li> | ||
| <span>Helpers</span> | ||
| <ul><li> | ||
| <a href="../documentation/what-is-a-helper">What is a Helper?</a> | ||
| </li><li> | ||
| <a href="../documentation/effect-helper">Effect helper</a> | ||
| </li><li> | ||
| <a href="../documentation/conditional-rendering">Conditional Rendering</a> | ||
| </li><li> | ||
| <a href="../documentation/repetition-and-lists">Repetition & Lists</a> | ||
| </li><li> | ||
| <a href="../documentation/is-isnot-helpers">Is & IsNot helpers</a> | ||
| </li><li> | ||
| <a href="../documentation/or-and-oneof-helpers">Or, And, & OneOf helpers</a> | ||
| </li><li> | ||
| <a href="../documentation/pick-helper">Pick helper</a> | ||
| </li><li> | ||
| <a href="../documentation/suspense-helper">Suspense helper</a> | ||
| </li><li> | ||
| <a href="../documentation/custom-helper">Custom helper</a> | ||
| </li></ul> | ||
| </li><li> | ||
| <span>Capabilities</span> | ||
| <ul><li> | ||
| <a href="../documentation/function-components">Function Components</a> | ||
| </li><li> | ||
| <a href="../documentation/web-components">Web Components</a> | ||
| </li><li> | ||
| <a href="../documentation/server-side-rendering">Server Side Rendering</a> | ||
| </li><li> | ||
| <a href="../documentation/state-store">State Store</a> | ||
| </li></ul> | ||
| </li></ul> | ||
| <a href="../documentation/examples" class="mobile-menu-close"></a> | ||
| </div> | ||
| <article><h2 id="examples" class="heading"><a href="#examples">Examples</a></h2></article> | ||
| </div></main><footer class="wrapper"> | ||
| <ul class="learning-resources"> | ||
| <h5>Learning Resources</h5> | ||
| <li><a href="../documentation">Documentation</a></li> | ||
| <li> | ||
| <a href="../documentation/essential-training">Essential Training</a> | ||
| </li> | ||
| <li> | ||
| <a href="../documentation/tutorial">Tutorial</a> | ||
| </li> | ||
| <li> | ||
| <a href="../documentation/examples">Examples</a> | ||
| </li> | ||
| </ul> | ||
| <ul class="about-bfs"> | ||
| <h5>About <em>Before Semicolon</em></h5> | ||
| <li> | ||
| <a href="https://github.com/beforesemicolon" rel="noopener" target="_blank">Open Source</a> | ||
| </li> | ||
| <li> | ||
| <a href="https://beforesemicolon.com/" rel="noopener" target="_blank">Website</a> | ||
| </li> | ||
| <li> | ||
| <a href="https://medium.com/before-semicolon" rel="noopener" target="_blank">Blog</a> | ||
| </li> | ||
| <li> | ||
| <a href="https://www.youtube.com/channel/UCrU33aw1k9BqTIq2yKXrmBw" rel="noopener" target="_blank">YouTube Channel</a> | ||
| </li> | ||
| <li> | ||
| <address aria-label="social-media"><a href="https://medium.com/before-semicolon" rel="noopener" target="_blank"> | ||
| <img src="../assets/medium2.svg" alt="Medium blog" width="20"> | ||
| </a><a href="https://www.facebook.com/beforesemicolon/" rel="noopener" target="_blank"> | ||
| <img src="../assets/facebook.svg" alt="Facebook" width="20"> | ||
| </a><a href="https://www.instagram.com/before_semicolon_/" rel="noopener" target="_blank"> | ||
| <img src="../assets/instagram.svg" alt="Instagram" width="20"> | ||
| </a><a href="https://www.reddit.com/r/beforesemicolon/" rel="noopener" target="_blank"> | ||
| <img src="../assets/reddit.svg" alt="Reddit" width="20"> | ||
| </a><a href="https://twitter.com/BeforeSemicolon" rel="noopener" target="_blank"> | ||
| <img src="../assets/twitter.svg" alt="Twitter" width="20"> | ||
| </a><a href="https://www.youtube.com/channel/UCrU33aw1k9BqTIq2yKXrmBw" rel="noopener" target="_blank"> | ||
| <img src="../assets/youtube.svg" alt="YouTube" width="20"> | ||
| </a></address> | ||
| </li> | ||
| </ul> | ||
| <div class="copyright"> | ||
| <img src="../assets/before-semicolon-logo.png" alt="Before Semicolon logo"> | ||
| <p> | ||
| <small>Copyright © 2023 Before | ||
| Semicolon. All rights reserved.</small> | ||
| </p> | ||
| </div> | ||
| </footer></body> | ||
| </html> |
Oops, something went wrong.