forked from barmalei/zebkit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·137 lines (118 loc) · 3.18 KB
/
index.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
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style media="screen" type="text/css">
a {
color:#99FF00;
}
h1 {
color:#BBBBBB;
}
b {
color:#BBBBBB;
}
span {
color:#BBBBBB;
}
pre {
color:#99FF00;
}
img {
border:0;
}
</style>
</head>
<body style="background:black;">
<div style="width:1100px;padding:10px;">
<span><br>The page represents number of links to various Zebra demos and applications. You can find more samples and snippets in Zebra "samples" folder.
Pay attention to have the referenced samples and demos workable you have to start small test HTTP server. If it has not been done yet, start
it as follow:</span>
<pre>
$python startup.py
</pre>
<span>and then type <a href="http://localhost:8080/">http://localhost:8080</a> in your browser.<br><br></span>
</div>
<table cellpadding="6">
<tr>
<td rowspan="2" valign="top" align="center" style="border-right: solid 2px #BBBBBB;">
<div>
<h1> Zebra UI Engine Samples </h1>
<a href="samples/uiengine.html"> <img src="samples/images/samples.link.png"> </a>
</div>
<div>
<a href="samples/uiengine.html">Nine UI engine samples collected on one page</a>
</div>
</td>
<td valign="top" align="center">
<table cellpadding="6" border="0">
<tr>
<td colspan="2" valign="top" align="center">
<div>
<h1>Zebra Rich UI samples and demos </h1>
</div>
</td>
</tr>
<tr>
<td valign="top" align="center">
<div>
<a href="samples/uidemo.html"> <img src="samples/images/demo.link.png"> </a>
</div>
<div>
<a href="samples/uidemo.html">Rich UI components demo.<br> Most of Zebra UI components are demonstrated.</a>
</div>
</td>
<td valign="top" align="center">
<div>
<a href="samples/simpleapp.html"> <img src="samples/images/simpleapp.link.png"></a>
</div>
<div>
<a href="samples/simpleapp.html">Simple demo application</a>
</div>
<br>
<div>
<a href="samples/simplemockup.html"> <img src="samples/images/basic.link.png"></a>
</div>
<div>
<a href="samples/simplemockup.html">Few UI components</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="6">
<tr>
<td valign="top" align="center">
<div>
<a href="samples/grid2.html"> <img width="200" heigt="200" src="samples/images/grid2.link.png"> </a>
</div>
<div>
<a href="samples/grid2.html">Simple Grid</a>
</div>
</td>
<td valign="top" align="center">
<div>
<a href="samples/designer.html"> <img src="samples/images/designer.link.png"> </a>
</div>
<div>
<a href="samples/designer.html">UI Designer components</a>
</div>
</td>
<td valign="top" align="center">
<div>
<a href="samples/zebratext.html"> <img src="samples/images/zebratext.link.png"></a>
</div>
<div>
<a href="samples/zebratext.html">Zebra text input field</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>