Starter Lab Productions Play
Project Docs Github
Log in
ittf site docs home index.html.ittf Edit
  • /ittf/site/docs/home/index.html.ittf
  • /ittf/site/docs/t/logo/index.html.ittf
  • /ittf/site/docs/t/logo/t/w.html.ittf
  • /ittf/site/docs/t/logo/t/i.html.ittf
  • /ittf/site/docs/t/logo/t/zeta.html.ittf

/ittf/site/docs/home/index.html.ittf (primary)

edit
                                            
1 html
2 head
3 meta
4 charset utf-8
5 meta
6 name viewport
7 content width=device-width, initial-scale=1
8 link
9 href https://fonts.googleapis.com/css?family=Roboto
10 rel stylesheet
11 css ${wzCtx.Params.baseUrl + '/styles/docs.css'}
12 body
13 div
14 id main-container
15 div
16 id header
17 div
18 id logo
19 a
20 aria-label Link to home
21 class logo-a
22 href ${wzCtx.Params.baseUrl}
23 logo/index( 74, 0, 0, #eee )
24 nav
25 id top-nav
26 ul
27 $foreach item in wzCtx.Section.items
28 li
29 a ${item.title}
30 href ${wzCtx.Params.baseUrl}${item.url}
31 li
32 a
33 href https://github.com/stfnbssl/wizzi
34 img
35 src ${wzCtx.Params.baseUrl}/images/GitHub-Mark-Light-32px.png
36 div
37 id middle-container
38 nav
39 id left-nav
40 ul
41 li
42 a The history of Wizzi
43 li
44 a The DNA myth
45 li
46 a Nightmares
47 div
48 id content
49 . doc-title
50 + What is Wizzi?
51 . doc-summary
52 p
53 + Wizzi is a software factory, a tool for producing
54 \b apps (mobile, web, desktop) and documents (html, pdf, word, presentation, ecc..).
55 p
56 + Software artifacts are described by text documents editable with common code editors.
57 \b A syntax highlighter is available for VSCODE.
58 p
59 + Wizzi is written in NodeJS, requires NodeJS version >= 10.0,
60 \b is open source and you can download it from NPM.
61 p
62 + Wizzi is developed with Wizzi, so you can find plenty of examples browsing the source code
63 \b (the .ittf files in the .wizzi folders).
64 p
65 + Wizzi is pluggable. The core plugins implement the most common target languages (HTML, Css, Javascript,
66 \b Typescript) and data structures (JSON, XML, YAML), but you can write new plugins for
67 \b your languages and data structures.
68 p
69 + See the ${}
70 a Documentation
71 href ./docs/overview.html
72 + to know the elements of a production and the ${}
73 a How To guide
74 href ./howtos/index.html
75 + for a starter.
76 nav
77 id right-nav
78 div
79 + Developed with Wizzi
80 ul
81 li
82 a PHILOS
83 href https://github.com/stfnbssl/philos
84 li
85 a GEOP
86 href https://github.com/stfnbssl/geop
87 div
88 + Core plugins
89 ul
90 li
91 a core
92 href https://github.com/stfnbssl/wizzi/tree/master/packages/wizzi-core
93 li
94 a web
95 href https://github.com/stfnbssl/wizzi/tree/master/packages/wizzi-web
96 li
97 a js
98 href https://github.com/stfnbssl/wizzi/tree/master/packages/wizzi-js
99 div
100 + Core schemas
101 ul
102 li
103 a html
104 href #
105 li
106 a css
107 href #
108 li
109 a svg
110 href #
111 li
112 a js
113 href #
114 li
115 a ts
116 href #
117 li
118 a pdf
119 href #
120 li
121 a md
122 href #
123 title markdown wizzi schema
124 li
125 a json
126 href #
127 li
128 a xml
129 href #
130 li
131 a yaml
132 href #
133 li
134 a text
135 href #
136 div
137 id footer

/ittf/site/docs/t/logo/index.html.ittf

edit
                                            
1 $group
2 $params svg_width:float, l:float|0, t:float|0, color|#01579b
3 $
4 var ratio = svg_width / 660;
5 var l = l * 1.0;
6 var t = t * 1.0;
7 var x1 = 0;
8 var x2 = 270;
9 var x3 = 360;
10 var x4 = 510;
11 var x5 = 670;
12 var opt = {};
13 opt.y0 = 10 * ratio;
14 opt.y1 = 10 * ratio;
15 opt.y1a = 90 * ratio;
16 opt.y2 = 210 * ratio;
17 opt.ybottom = 250 * ratio;
18 opt.stroke = color;
19 opt.fill = color;
20 opt.ratio = ratio;
21 $if l > 0
22 w( ${l + x1 * ratio}, ${t}, ${ratio}, &opt )
23 i( ${l + x2 * ratio}, ${t}, ${ratio}, &opt )
24 zeta( ${l + x3 * ratio}, ${t}, ${ratio}, &opt )
25 zeta( ${l + x4 * ratio}, ${t}, ${ratio}, &opt )
26 i( ${l + x5 * ratio}, ${t}, ${ratio}, &opt )
27 $else
28 svg
29 width ${700 * ratio}
30 height ${260 * ratio}
31 rect
32 x 0
33 y 0
34 width 700
35 height 280
36 fill none
37 stroke none
38 w( ${l + x1 * ratio}, ${t}, ${ratio}, &opt )
39 i( ${l + x2 * ratio}, ${t}, ${ratio}, &opt )
40 zeta( ${l + x3 * ratio}, ${t}, ${ratio}, &opt )
41 zeta( ${l + x4 * ratio}, ${t}, ${ratio}, &opt )
42 i( ${l + x5 * ratio}, ${t}, ${ratio}, &opt )

/ittf/site/docs/t/logo/t/w.html.ittf

edit
                                            
1 $group
2 $params l:float, t:float, ratio:float, &opt
3 polyline
4 stroke ${opt.stroke}
5 fill ${opt.fill}
6 stroke-width 2
7 points ${l + 10 * ratio} ${t + opt.ybottom}
8 \b ${l + 45 * ratio} ${t + opt.y0}
9 \b ${l + 60 * ratio} ${t + opt.y0}
10 \b ${l + 75 * ratio} ${t + opt.y1a + (40*ratio)}
11 \b ${l + 120 * ratio} ${t + opt.y2}
12 \b ${l + 120 * ratio} ${t + opt.y1a + (40*ratio)}
13 \b ${l + 175 * ratio} ${t + opt.y2}
14 \b ${l + 175 * ratio} ${t + opt.y1a + (20*ratio)}
15 \b ${l + 230 * ratio} ${t + opt.y2}
16 \b ${l + 230 * ratio} ${t + opt.ybottom}

/ittf/site/docs/t/logo/t/i.html.ittf

edit
                                            
1 $group
2 $params l:float, t:float, ratio:float, &opt
3 polyline
4 stroke ${opt.stroke}
5 fill ${opt.fill}
6 stroke-width 2
7 points ${l} ${t+opt.ybottom}
8 \b ${l+10*opt.ratio} ${t+opt.y1+80*opt.ratio}
9 \b ${l+40*opt.ratio} ${t+opt.y1+80*opt.ratio}
10 \b ${l+50*opt.ratio} ${t+opt.ybottom}
11 path
12 stroke white
13 fill ${opt.fill}
14 stroke-width 2
15 d M${l+30*ratio}, ${t+opt.y1+20*ratio}
16 \b C${l+60*ratio},${t+opt.y1+40*ratio}
17 \b ${l+0*ratio},${t+opt.y1+60*ratio}
18 \b ${l+30*ratio}, ${t+opt.y1+74*ratio}

/ittf/site/docs/t/logo/t/zeta.html.ittf

edit
                                            
1 $group
2 $params l:float, t:float, ratio:float, &opt
3 polyline
4 stroke ${opt.stroke}
5 fill ${opt.fill}
6 stroke-width 2
7 points ${l} ${t+opt.ybottom}
8 \b ${l} ${t+opt.ybottom - 20*opt.ratio}
9 \b ${l+100*opt.ratio} ${t+opt.y1a+40*opt.ratio}
10 \b ${l+80*opt.ratio} ${t+opt.y1a+20*opt.ratio}
11 \b ${l+80*opt.ratio} ${t+opt.y1a}
12 \b ${l+130*opt.ratio} ${t+opt.y1a}
13 \b ${l+70*opt.ratio} ${t+opt.ybottom - 20*opt.ratio}
14 \b ${l+120*opt.ratio} ${t+opt.ybottom - 20*opt.ratio}
15 \b ${l+120*opt.ratio} ${t+opt.ybottom}
Save
Save & Refresh
Cancel