-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.template.html
129 lines (104 loc) · 4.87 KB
/
index.template.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head build-fn="fetch:package.json">
<template build-src="/fn/templates.html#head-template"></template>
<script build-remove>
window.DEBUG = true;
</script>
<link rel="stylesheet" href="style.min.css" />
<!--link rel="stylesheet" href="style.css" /-->
</head>
<body class="@3-12x-grid grid">
<img class="x-1 3x @1-3x @3-x-2 @3-2x" src="images/sparky-logo-dark.svg" />
<header class="x-1 3x @2-6x @3-x-2" id="header">
<template build-fn="fetch:package.json" build-src="/fn/templates.html#header-template"></template>
</header>
<section class="x-1 3x @1-6x @2-9x @3-x-2 grid" locateable id="functions">
<div class="x-1 3x">
<h2 class="doctext-02">Sparky templates</h2>
<template build-fn="docs:module.js each" build-src="/fn/templates.html#body-template"></template>
</div>
<div class="x-1 3x">
<h3 class="doctext-03">tags.</h3>
<template build-fn="docs:modules/parse.js?path-pipe-params each" build-src="/fn/templates.html#section-template"></template>
</div>
<div class="x-1 3x @2-x-4">
<h3 class="doctext-03">functions.</h3>
<template build-fn="docs:modules/fn.js?fn each" build-src="/fn/templates.html#section-template"></template>
</div>
<div class="x-1 3x @2-x-7">
<h3 class="doctext-03">includes.</h3>
<template build-fn="docs:modules/parse.js?src each" build-src="/fn/templates.html#section-template"></template>
</div>
</section>
<section class="x-1 3x @1-6x @2-9x @3-x-2 column-grid grid" locateable id="built-ins">
<div class="x-1 3x">
<h2 class="doctext-03">built-in functions.</h2>
<template build-fn="docs:
modules/fn-each.js,
modules/fn-entries.js,
modules/fn-fetch.js,
modules/fn-get.js,
modules/fn-stop.js
each" build-src="/fn/templates.html#{[type]}-template"></template>
</div>
<div class="x-1 3x @2-x-4 @2-6x @2-columns-2">
<h2 class="doctext-03">built-in pipes.</h2>
<template build-fn="docs:modules/transforms.js each" build-src="/fn/templates.html#{[type]}-template"></template>
</div>
</section>
<section class="x-1 3x @1-6x @2-9x @3-x-2 column-grid grid" locateable id="customise">
<div class="x-1 3x @2-5x">
<h2 class="doctext-02">Write a function</h2>
<template build-fn="docs:
modules/fn.js?sparky-fn-name-fn
each" build-src="/fn/templates.html#title-template"></template>
<h3 class="doctext-03">Examples</h3>
<template build-fn="docs:
modules/fn.js?examples
each" build-src="/fn/templates.html#title-template"></template>
</div>
<div class="x-1 3x @2-x-6 @2-4x">
<h3 class="doctext-03">Function helpers</h3>
<template build-fn="docs:
modules/delegate.js
each" build-src="/fn/templates.html#function-template"></template>
</div>
</section>
<section class="x-1 3x @1-6x @2-9x @3-x-2 column-grid grid" locateable id="customise">
<div class="x-1 3x @2-5x">
<h2 class="doctext-02">Write a pipe</h2>
<template build-fn="docs:
modules/pipe.js?sparky-pipe-name-fn
each" build-src="/fn/templates.html#title-template"></template>
</div>
<div class="x-1 3x @2-x-6 @2-4x">
<h3 class="doctext-03">Examples</h3>
<template build-fn="docs:
modules/pipe.js?examples
each" build-src="/fn/templates.html#title-template"></template>
</div>
</section>
<section class="x-1 3x @1-6x @2-9x @3-x-2 columns-grid grid" locateable id="attributes">
<header class="x-1 3x @1-4x block">
<h2 class="doctext-02">API</h2>
</header>
<div class="x-1 3x">
<template build-fn="docs:modules/sparky.js?Sparky each" build-src="/fn/templates.html#{[type]}-template"></template>
</div>
</section>
<aside class="x-1 3x @2-x-2 @2-6x text-9">
<h4 class="doctext-04">A note to the Django enthusiast</h4>
<p>By now, you'll have noticed some similarities between Django and Sparky: template-led views, tags with filters and so on. Yes, Sparky was influenced by Django at <a href="https://cruncher.ch">Cruncher</a>, where we frequently write hybrid back-end/front-end templates, hence the similar syntax. They play quite nice together!</p>
</aside>
<!-- Build document -->
<script type="module" build-remove>
import '../fn/docs-build.js';
</script>
<!-- Document interactivity -->
<script type="module">
import '../bolt/module.js';
import * as Sparky from './module.js';
window.Sparky = Sparky;
</script>
</body>