so://phie

blob: 4154f3b68f84015ab15a635fa5e29ccf73c6e7d1 (2264 bytes)[doc][blame][raw]

 1<!DOCTYPE html>
 2<html lang="en" dir="ltr">
 3	<head>
 4		<meta charset="utf-8">
 5		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 6		<meta name="author" content="typable">
 7		<meta name="keywords" content="">
 8		<meta name="description" content="">
 9		<meta name="robots" content="noindex, nofollow">
10		<meta name="google" content="notranslate">
11		<title>git.typable</title>
12		<link href="/asset/img/favicon.png" rel="shortcut icon" type="image/png">
13		<link href="/asset/css/style.css" rel="stylesheet">
14		<script src="/asset/js/index.js" type="module"></script>
15	</head>
16	<body>
17		<main class="container-fluid">
18			<div class="row">
19				<div class="container">
20					<aside>
21						<h4 data-rel="top">Component Rendering</h4>
22						<ul>
23							<li data-rel="template">Template</li>
24						</ul>
25					</aside>
26					<ul class="breadcrumb">
27						<li><a href="/">Home</a></li>
28						<li>Component Rendering</li>
29					</ul>
30					<h1>Component Rendering</h1>
31					<p class="subline">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
32					<h2 data-ref="template">Template</h2>
33					<p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
34					<code><pre><span class="c">import</span> { <span class="n ref">html</span> } <span class="c">from</span> <span class="s">'<span class="ref ref-link">https://git.typable.dev/std/js/render.js</span>'</span>;
35
36<span class="c">const</span> <span class="n">Message</span> = <span class="n">props</span> => {
37	<span class="c">return</span> <span class="p ref">html</span><span class="s">`&lt;h1&gt;Hello <span class="c">${</span><span class="n">props</span>.<span class="n">text</span><span class="c">}</span>&lt;/h1&gt;`</span>;
38};</pre></code>
39				</div>
40			</div>
41		</main>
42		<footer class="container-fluid">
43			<div class="row">
44				<div class="container">
45					<p>&copy; typable 2021</p>
46					<a href="https://www.buymeacoffee.com/typable">Donate</a>
47					<a href="https://typable.dev/imprint">Imprint</a>
48					<a href="https://typable.dev/terms">Terms</a>
49				</div>
50			</div>
51		</footer>
52	</body>
53</html>