-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
318 lines (317 loc) · 32.9 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
<!DOCTYPE html>
<html>
<head>
<!-- FONTS, BOOTSTRAP, FONT-AWESOME -->
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Alegreya" rel="stylesheet">
<script src="https://use.fontawesome.com/7a0beaf8bc.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/6.0.0/normalize.css"> -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https://fonts.gstatic.com/ https://fonts.googleapis.com/ https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/
https://use.fontawesome.com/">
<link rel="icon" href="img/casium-favicon.jpg" type="image/png">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<title>Casium Open Source</title>
</head>
<body>
<header class="header container-fluid">
<div class="row">
<div class="col-md-4 col-sm-4 col-xs-4 nav-logo">
<a href="#" class="link-reset">
<svg xmlns="http://www.w3.org/2000/svg" class="header-casium-logo" viewBox="0 0 479.62 206">
<title>casium_logo_</title>
<g id="Layer_1" data-name="Layer 1">
<path d="M208,126.9c3.82,3,6,7.44,6.74,13.48h-2.41c-.7-5.23-2.71-9.05-5.93-11.67-3.42-2.62-7.64-3.92-12.87-3.92a18,18,0,0,0-15.19,7.44c-3.62,4.63-5.43,10.76-5.43,18.21q0,10.86,5.13,17.5c3.62,4.53,8.75,6.84,15.39,6.84,10.86,0,17.3-5.73,19.21-17.1h2.41c-1,6.24-3.32,11.06-7,14.48s-8.55,5-14.59,5c-7.44,0-13.28-2.62-17.3-7.85-3.82-4.83-5.63-11.06-5.63-18.91s1.91-14.48,5.93-19.71c4.22-5.63,10-8.35,17.1-8.35Q202.28,122.37,208,126.9Z"/>
<path d="M261.23,128.41c2.92,3.42,4.43,7.95,4.43,13.68v33.7h-2.41v-12a31.9,31.9,0,0,1-8.85,8.75,27.87,27.87,0,0,1-15,4.63c-4.83,0-8.85-1.21-11.87-3.62a12.09,12.09,0,0,1-4.93-10.16c0-6,2.51-10.46,7.64-13.18,4.22-2.41,10.46-3.62,18.51-3.62l14.48-.1v-3.82c0-12-5.93-17.9-17.6-17.9-4.83,0-9,1-12.17,3.22a14.71,14.71,0,0,0-6.64,9.76l-2.31-.2a17.16,17.16,0,0,1,7.34-11.37c3.62-2.62,8.25-3.82,13.78-3.82C252.58,122.37,257.81,124.39,261.23,128.41ZM248.76,149c-15.89,0-23.74,4.83-23.74,14.48a9.75,9.75,0,0,0,4,8.25c2.62,2,6.24,3,10.66,3,5.83,0,11.27-2.21,16.29-6.44,4.83-4,7.24-8.15,7.24-12.17v-7.24Z"/>
<path d="M314.24,138.06h-2.41c-.7-4.22-2.31-7.34-4.83-9.56-3-2.51-7.14-3.72-12.37-3.72a18.12,18.12,0,0,0-11,3.12c-3,2-4.43,4.43-4.43,7.44,0,3.22,1.61,5.73,5,7.75,2.11,1.21,5.93,2.62,11.37,4,6.64,1.71,11.27,3.32,13.68,4.73,4.22,2.41,6.34,5.73,6.34,10.06,0,10.16-6.54,15.29-19.61,15.29-12.67,0-19.61-5.83-20.82-17.4h2.51c.6,5.33,2.41,9.25,5.63,11.67q4.22,3.32,12.67,3.32c11.37,0,17.1-4.33,17.1-12.87,0-3.62-1.91-6.34-5.53-8.25-1.91-1-6-2.41-12.47-4.12-6-1.61-10.26-3.22-12.57-4.63-3.82-2.31-5.73-5.53-5.73-9.56,0-3.82,1.81-7,5.43-9.46a20.85,20.85,0,0,1,12.37-3.52Q311.83,122.37,314.24,138.06Z"/><path d="M327.24,123.78v52h-2.41v-52Z"/>
<path d="M340.85,123.78v31.89c0,6.14,1.31,10.86,3.92,14.08,2.82,3.32,7,5,12.88,5a17,17,0,0,0,12.77-5.43c3.42-3.62,5.13-8.35,5.13-14.08V123.78H378v52h-2.41V165.63c-3.82,7.64-9.76,11.57-17.9,11.57-12.87,0-19.21-7.24-19.21-21.53V123.78Z"/>
<path d="M424.94,134.54a18.83,18.83,0,0,1,6.54-8.85,15.64,15.64,0,0,1,10-3.32c5.53,0,9.76,1.61,12.77,4.93s4.53,8.15,4.53,14.48v34h-2.41v-34c0-5.43-1.21-9.56-3.42-12.37-2.51-3.12-6.34-4.63-11.47-4.63a14.1,14.1,0,0,0-11.06,4.93,16.89,16.89,0,0,0-4.43,12.07v34h-2.51v-34c0-11.37-4.93-17-14.79-17a13.84,13.84,0,0,0-11.06,5.33A18.91,18.91,0,0,0,393,143.19v32.59h-2.41v-52H393v9.56c3.32-7.34,8.55-11,15.69-11C417.3,122.37,422.73,126.4,424.94,134.54Z"/>
</g>
</svg>
</a>
</div>
<nav class="col-md-offset-2 col-md-6 col-sm-8 col-xs-8 nav-container">
<div class="hamburger-btn">
<span class="hamburger-btn-open hamburger-btn-show">☰</span>
<span class="hamburger-btn-close">✕</span>
</div>
<ul class="nav">
<li class="nav-item">
<a href="#" class="link-reset">Quick Start</a>
</li>
<li class="nav-item" id="docs">
Documentation
<div class="submenu">
<a href="architecture-book/book/index.html" class="submenu-item link-reset">Book</a>
<a class="submenu-item link-reset" href="https://github.com/ai-labs-team/architecture">Github</a>
</div>
</li>
<li class="nav-item">
<a href="contributor-guide.html" class="nav-item link-reset">Contribute</a>
</li>
</ul>
</nav>
</div>
</header>
<main>
<div class="main-container">
<div class="section hero">
<svg xmlns="http://www.w3.org/2000/svg" class="casium-logo" viewBox="0 0 479.62 206">
<title>casium_logo_</title>
<g id="Layer_1" data-name="Layer 1">
<path d="M208,126.9c3.82,3,6,7.44,6.74,13.48h-2.41c-.7-5.23-2.71-9.05-5.93-11.67-3.42-2.62-7.64-3.92-12.87-3.92a18,18,0,0,0-15.19,7.44c-3.62,4.63-5.43,10.76-5.43,18.21q0,10.86,5.13,17.5c3.62,4.53,8.75,6.84,15.39,6.84,10.86,0,17.3-5.73,19.21-17.1h2.41c-1,6.24-3.32,11.06-7,14.48s-8.55,5-14.59,5c-7.44,0-13.28-2.62-17.3-7.85-3.82-4.83-5.63-11.06-5.63-18.91s1.91-14.48,5.93-19.71c4.22-5.63,10-8.35,17.1-8.35Q202.28,122.37,208,126.9Z"/>
<path d="M261.23,128.41c2.92,3.42,4.43,7.95,4.43,13.68v33.7h-2.41v-12a31.9,31.9,0,0,1-8.85,8.75,27.87,27.87,0,0,1-15,4.63c-4.83,0-8.85-1.21-11.87-3.62a12.09,12.09,0,0,1-4.93-10.16c0-6,2.51-10.46,7.64-13.18,4.22-2.41,10.46-3.62,18.51-3.62l14.48-.1v-3.82c0-12-5.93-17.9-17.6-17.9-4.83,0-9,1-12.17,3.22a14.71,14.71,0,0,0-6.64,9.76l-2.31-.2a17.16,17.16,0,0,1,7.34-11.37c3.62-2.62,8.25-3.82,13.78-3.82C252.58,122.37,257.81,124.39,261.23,128.41ZM248.76,149c-15.89,0-23.74,4.83-23.74,14.48a9.75,9.75,0,0,0,4,8.25c2.62,2,6.24,3,10.66,3,5.83,0,11.27-2.21,16.29-6.44,4.83-4,7.24-8.15,7.24-12.17v-7.24Z"/>
<path d="M314.24,138.06h-2.41c-.7-4.22-2.31-7.34-4.83-9.56-3-2.51-7.14-3.72-12.37-3.72a18.12,18.12,0,0,0-11,3.12c-3,2-4.43,4.43-4.43,7.44,0,3.22,1.61,5.73,5,7.75,2.11,1.21,5.93,2.62,11.37,4,6.64,1.71,11.27,3.32,13.68,4.73,4.22,2.41,6.34,5.73,6.34,10.06,0,10.16-6.54,15.29-19.61,15.29-12.67,0-19.61-5.83-20.82-17.4h2.51c.6,5.33,2.41,9.25,5.63,11.67q4.22,3.32,12.67,3.32c11.37,0,17.1-4.33,17.1-12.87,0-3.62-1.91-6.34-5.53-8.25-1.91-1-6-2.41-12.47-4.12-6-1.61-10.26-3.22-12.57-4.63-3.82-2.31-5.73-5.53-5.73-9.56,0-3.82,1.81-7,5.43-9.46a20.85,20.85,0,0,1,12.37-3.52Q311.83,122.37,314.24,138.06Z"/><path d="M327.24,123.78v52h-2.41v-52Z"/>
<path d="M340.85,123.78v31.89c0,6.14,1.31,10.86,3.92,14.08,2.82,3.32,7,5,12.88,5a17,17,0,0,0,12.77-5.43c3.42-3.62,5.13-8.35,5.13-14.08V123.78H378v52h-2.41V165.63c-3.82,7.64-9.76,11.57-17.9,11.57-12.87,0-19.21-7.24-19.21-21.53V123.78Z"/>
<path d="M424.94,134.54a18.83,18.83,0,0,1,6.54-8.85,15.64,15.64,0,0,1,10-3.32c5.53,0,9.76,1.61,12.77,4.93s4.53,8.15,4.53,14.48v34h-2.41v-34c0-5.43-1.21-9.56-3.42-12.37-2.51-3.12-6.34-4.63-11.47-4.63a14.1,14.1,0,0,0-11.06,4.93,16.89,16.89,0,0,0-4.43,12.07v34h-2.51v-34c0-11.37-4.93-17-14.79-17a13.84,13.84,0,0,0-11.06,5.33A18.91,18.91,0,0,0,393,143.19v32.59h-2.41v-52H393v9.56c3.32-7.34,8.55-11,15.69-11C417.3,122.37,422.73,126.4,424.94,134.54Z"/>
</g>
<g id="Layer_4" data-name="Layer 4">
<polygon class="cls-1" points="51.09 169.56 59.04 162.53 54.3 153.04 61.33 160.99 70.82 156.25 62.87 163.27 67.61 172.77 60.58 164.82 51.09 169.56"/>
<polygon class="cls-2" points="72.25 130.87 76.19 136.31 82.46 133.92 77.02 137.85 79.41 144.12 75.48 138.68 69.21 141.08 74.65 137.14 72.25 130.87"/>
<polygon class="cls-1" points="100.75 125.76 94.79 127.95 95.36 134.27 93.18 128.31 86.85 128.88 92.82 126.7 92.24 120.37 94.43 126.34 100.75 125.76"/>
<polygon class="cls-3" points="116.17 127.09 121.6 133.1 128.81 129.4 122.8 134.83 126.51 142.04 121.07 136.03 113.86 139.74 119.87 134.3 116.17 127.09"/>
<polygon class="cls-2" points="147.25 142.34 139.12 138.33 133.14 145.16 137.16 137.02 130.33 131.04 138.47 135.06 144.44 128.23 140.43 136.37 147.25 142.34"/>
<polygon class="cls-4" points="129.28 134.13 133.25 128.68 129.01 123.44 134.46 127.41 139.7 123.17 135.72 128.62 139.97 133.86 134.52 129.89 129.28 134.13"/>
<polygon class="cls-3" points="117.56 129.27 114.65 123.52 108.35 124.85 114.09 121.94 112.77 115.64 115.67 121.38 121.97 120.06 116.23 122.96 117.56 129.27"/>
<polygon class="cls-4" points="109.73 103.67 107.46 112.58 115.47 117.07 106.57 114.79 102.08 122.81 104.35 113.91 96.33 109.42 105.24 111.69 109.73 103.67"/>
<polygon class="cls-4" points="87.92 87.31 87.62 92.7 92.76 94.38 87.36 94.08 85.69 99.21 85.99 93.82 80.85 92.15 86.25 92.44 87.92 87.31"/>
<polygon class="cls-1" points="91.49 63.27 94.88 65.52 97.93 62.82 95.68 66.21 98.38 69.26 94.99 67.01 91.94 69.71 94.19 66.32 91.49 63.27"/>
<polygon class="cls-3" points="85.66 64.72 89.96 57.79 84.37 51.85 91.31 56.15 97.25 50.56 92.95 57.49 98.54 63.43 91.61 59.13 85.66 64.72"/>
<polygon class="cls-2" points="92.28 72.55 83.93 73.5 82.7 81.82 81.75 73.47 73.43 72.24 81.78 71.28 83.01 62.96 83.97 71.32 92.28 72.55"/>
<polygon class="cls-1" points="79.93 109.58 78.89 102.99 72.26 102.3 78.85 101.26 79.54 94.63 80.58 101.21 87.21 101.91 80.62 102.95 79.93 109.58"/>
<polygon class="cls-4" points="52.59 108.64 56.08 105.25 53.7 101 57.09 104.49 61.34 102.11 57.85 105.5 60.23 109.75 56.84 106.26 52.59 108.64"/>
<polygon class="cls-3" points="21.93 101.35 25.58 99.19 24.43 95.11 26.59 98.76 30.67 97.61 27.02 99.77 28.17 103.85 26.01 100.2 21.93 101.35"/>
<polygon class="cls-3" points="15.33 85.11 22.44 89.41 28.43 83.64 24.13 90.75 29.9 96.74 22.78 92.44 16.8 98.2 21.1 91.09 15.33 85.11"/>
<polygon class="cls-4" points="35.58 115.25 33.4 107.14 25 107.16 33.12 104.98 33.1 96.58 35.28 104.69 43.68 104.67 35.57 106.85 35.58 115.25"/>
<polygon class="cls-2" points="66.15 118.83 60.89 112.05 52.97 115.39 59.76 110.12 56.42 102.21 61.68 109 69.6 105.66 62.81 110.92 66.15 118.83"/>
<polygon class="cls-3" points="67.42 129.2 72.52 124.88 69.65 118.85 73.97 123.94 80 121.08 74.91 125.4 77.77 131.43 73.46 126.34 67.42 129.2"/>
<polygon class="cls-4" points="64.64 144.17 66.44 149.65 72.19 149.31 66.72 151.12 67.05 156.87 65.25 151.39 59.5 151.73 64.97 149.92 64.64 144.17"/>
<polygon class="cls-2" points="69.21 180.19 60.82 179.93 58.41 187.97 58.67 179.58 50.63 177.17 59.02 177.43 61.43 169.39 61.17 177.78 69.21 180.19"/>
<polygon class="cls-1" points="156.08 82.15 154.31 79.14 150.95 80.07 153.96 78.31 153.03 74.94 154.8 77.95 158.16 77.02 155.15 78.79 156.08 82.15"/>
<polygon class="cls-2" points="161.34 72.58 162.66 76.36 166.65 76.06 162.88 77.38 163.18 81.37 161.86 77.59 157.87 77.89 161.65 76.57 161.34 72.58"/>
<polygon class="cls-4" points="169.25 71.79 172.85 67.92 170.04 63.44 173.91 67.04 178.39 64.22 174.79 68.1 177.61 72.58 173.73 68.97 169.25 71.79"/>
<polygon class="cls-2" points="181.22 67 180.61 70.11 183.45 71.51 180.34 70.89 178.95 73.73 179.56 70.63 176.72 69.23 179.83 69.85 181.22 67"/>
<polygon class="cls-2" points="192.53 84.12 189.84 83.54 188.58 85.99 189.17 83.3 186.72 82.03 189.41 82.62 190.67 80.17 190.09 82.86 192.53 84.12"/>
<polygon class="cls-1" points="200.99 85.07 198.49 80.73 193.65 82.01 198 79.52 196.71 74.68 199.2 79.03 204.04 77.74 199.7 80.23 200.99 85.07"/>
<polygon class="cls-2" points="194.71 85.13 196.37 86.21 197.84 84.89 196.76 86.54 198.08 88.02 196.42 86.93 194.95 88.26 196.03 86.6 194.71 85.13"/>
<polygon class="cls-4" points="189.24 84.63 191.35 79.92 187.35 76.66 192.06 78.78 195.32 74.78 193.2 79.49 197.21 82.75 192.5 80.63 189.24 84.63"/>
<polygon class="cls-1" points="187.33 77.95 189.18 74.99 186.79 72.45 189.75 74.29 192.3 71.91 190.45 74.87 192.83 77.42 189.88 75.57 187.33 77.95"/>
<polygon class="cls-3" points="189.75 68.96 187.19 65.81 183.49 67.48 186.64 64.92 184.97 61.22 187.53 64.36 191.24 62.7 188.09 65.26 189.75 68.96"/>
<polygon class="cls-1" points="185.81 52.48 188.45 53.58 190.2 51.31 189.1 53.95 191.37 55.7 188.72 54.6 186.98 56.87 188.08 54.23 185.81 52.48"/>
<polygon class="cls-3" points="197.7 40.01 197.67 44.97 202.46 46.29 197.49 46.25 196.18 51.04 196.21 46.07 191.42 44.76 196.39 44.8 197.7 40.01"/>
<polygon class="cls-3" points="203.06 37.01 204.53 38.57 206.42 37.55 204.86 39.02 205.88 40.92 204.41 39.35 202.51 40.38 204.08 38.9 203.06 37.01"/>
<polygon class="cls-2" points="192.25 41.23 193.24 38.7 191.05 37.1 193.58 38.09 195.18 35.9 194.2 38.43 196.38 40.03 193.86 39.04 192.25 41.23"/>
<polygon class="cls-1" points="185.04 46.9 186.1 43.25 182.85 41.28 186.5 42.34 188.47 39.09 187.4 42.74 190.65 44.71 187.01 43.65 185.04 46.9"/>
<polygon class="cls-1" points="178.57 58.23 176.64 53.45 171.52 54.08 176.3 52.15 175.67 47.03 177.6 51.81 182.72 51.18 177.94 53.11 178.57 58.23"/>
<polygon class="cls-4" points="165.76 48.26 167.31 43.85 163.45 41.22 167.85 42.77 170.49 38.92 168.94 43.32 172.79 45.95 168.39 44.4 165.76 48.26"/>
<polygon class="cls-3" points="163.16 35.23 162.55 40.27 167.26 42.17 162.22 41.55 160.33 46.27 160.94 41.22 156.23 39.33 161.27 39.95 163.16 35.23"/>
<polygon class="cls-3" points="153.91 35.91 153.87 31.59 149.68 30.52 154 30.47 155.06 26.28 155.11 30.6 159.3 31.67 154.98 31.72 153.91 35.91"/>
<polygon class="cls-1" points="157.11 39.51 154.88 40.3 155.06 42.66 154.27 40.43 151.91 40.62 154.15 39.83 153.96 37.47 154.75 39.7 157.11 39.51"/>
<polygon class="cls-1" points="158.67 39.22 159.59 41.81 162.33 41.59 159.74 42.51 159.96 45.25 159.04 42.66 156.29 42.88 158.89 41.96 158.67 39.22"/>
<polygon class="cls-4" points="160.25 54.7 163.24 56.2 165.46 53.69 163.96 56.68 166.46 58.9 163.47 57.4 161.25 59.91 162.75 56.92 160.25 54.7"/>
<polygon class="cls-2" points="160.84 62.31 160.83 64.96 163.39 65.64 160.74 65.64 160.06 68.2 160.06 65.55 157.5 64.86 160.15 64.87 160.84 62.31"/>
<polygon class="cls-3" points="163.01 78.66 160.88 74.59 156.41 75.6 160.47 73.47 159.46 69 161.59 73.06 166.06 72.05 162 74.18 163.01 78.66"/>
<polygon class="cls-2" points="150.21 73.65 152.35 77.94 157.04 76.98 152.75 79.12 153.71 83.81 151.57 79.52 146.88 80.48 151.17 78.34 150.21 73.65"/>
<polygon class="cls-1" points="146.65 82.52 144.61 83.55 145.08 85.79 144.05 83.75 141.81 84.22 143.85 83.19 143.37 80.95 144.41 82.99 146.65 82.52"/>
<polygon class="cls-1" points="231.3 47.76 231.84 49.32 233.49 49.21 231.92 49.74 232.04 51.39 231.5 49.83 229.85 49.94 231.42 49.41 231.3 47.76"/>
<polygon class="cls-1" points="240.4 47.26 238.52 47.69 238.44 49.62 238.02 47.73 236.08 47.66 237.97 47.23 238.05 45.3 238.47 47.19 240.4 47.26"/>
<polygon class="cls-3" points="242.58 50.72 244.51 49.67 244 47.54 245.04 49.47 247.18 48.95 245.25 50 245.76 52.13 244.71 50.2 242.58 50.72"/>
<polygon class="cls-1" points="247.73 49.98 248.71 47.91 246.97 46.42 249.04 47.41 250.52 45.66 249.54 47.73 251.28 49.22 249.21 48.23 247.73 49.98"/>
<polygon class="cls-4" points="251.26 48.53 250.32 50.26 251.75 51.62 250.02 50.68 248.66 52.11 249.6 50.38 248.17 49.02 249.91 49.96 251.26 48.53"/>
<polygon class="cls-3" points="252.66 55.27 252.34 53.83 250.87 53.77 252.31 53.45 252.37 51.98 252.69 53.42 254.16 53.48 252.72 53.8 252.66 55.27"/>
<polygon class="cls-2" points="252.75 57.96 251.69 58.03 251.49 59.07 251.42 58.01 250.38 57.81 251.44 57.74 251.64 56.7 251.71 57.76 252.75 57.96"/>
<polygon class="cls-3" points="253.54 61.78 254.64 59.38 252.6 57.69 255.01 58.8 256.69 56.76 255.59 59.16 257.63 60.85 255.22 59.75 253.54 61.78"/>
<polygon class="cls-3" points="256.7 64.88 258.1 66.17 259.72 65.14 258.42 66.55 259.45 68.16 258.04 66.87 256.43 67.9 257.72 66.49 256.7 64.88"/>
<polygon class="cls-3" points="259.77 63.11 257.79 63.87 258 65.98 257.25 63.99 255.14 64.21 257.12 63.46 256.9 61.35 257.66 63.33 259.77 63.11"/>
<polygon class="cls-4" points="258.97 60.8 257.12 59 254.91 60.32 256.71 58.47 255.39 56.26 257.24 58.06 259.45 56.74 257.65 58.59 258.97 60.8"/>
<polygon class="cls-1" points="258.73 55.93 256.9 54.99 255.51 56.51 256.46 54.68 254.93 53.29 256.76 54.24 258.15 52.71 257.2 54.55 258.73 55.93"/>
<polygon class="cls-3" points="257.19 46.89 256.4 47.65 256.93 48.61 256.17 47.82 255.22 48.36 256 47.59 255.47 46.64 256.23 47.42 257.19 46.89"/>
<polygon class="cls-3" points="264.14 45.02 262.1 45.91 262.43 48.11 261.54 46.07 259.34 46.4 261.38 45.51 261.05 43.31 261.94 45.35 264.14 45.02"/>
<polygon class="cls-3" points="264.98 47.95 265.82 45.77 263.94 44.4 266.11 45.24 267.49 43.36 266.65 45.53 268.53 46.9 266.36 46.06 264.98 47.95"/>
<polygon class="cls-3" points="269.67 44.32 268.87 42.34 266.75 42.59 268.73 41.8 268.47 39.67 269.27 41.66 271.39 41.4 269.41 42.2 269.67 44.32"/>
<polygon class="cls-3" points="270.95 41.67 273.37 41.27 273.6 38.83 274 41.24 276.44 41.48 274.02 41.88 273.79 44.32 273.39 41.9 270.95 41.67"/>
<polygon class="cls-1" points="270.54 44.7 271.02 42.82 269.32 41.86 271.21 42.35 272.16 40.65 271.68 42.54 273.38 43.49 271.49 43.01 270.54 44.7"/>
<polygon class="cls-1" points="266.81 43.79 266.28 41.88 264.3 41.9 266.21 41.37 266.19 39.39 266.72 41.3 268.7 41.28 266.79 41.81 266.81 43.79"/>
<polygon class="cls-2" points="264.6 41.97 264.1 43.15 265.12 43.95 263.93 43.44 263.14 44.46 263.64 43.27 262.63 42.48 263.81 42.98 264.6 41.97"/>
<polygon class="cls-1" points="257.84 39.57 259.17 41.25 261.12 40.4 259.45 41.73 260.3 43.69 258.97 42.01 257.01 42.85 258.69 41.53 257.84 39.57"/>
<polygon class="cls-1" points="254.6 41.44 253.09 41.31 252.58 42.73 252.71 41.23 251.29 40.71 252.79 40.84 253.31 39.42 253.18 40.93 254.6 41.44"/>
<polygon class="cls-4" points="249.78 34.88 251.56 33.43 250.62 31.33 252.07 33.12 254.18 32.18 252.39 33.63 253.33 35.73 251.88 33.94 249.78 34.88"/>
<polygon class="cls-2" points="247.34 27.25 248.42 26.26 247.74 24.97 248.73 26.04 250.02 25.37 248.95 26.36 249.62 27.65 248.64 26.57 247.34 27.25"/>
<polygon class="cls-1" points="249.53 21.14 248.17 21.89 248.54 23.39 247.8 22.04 246.3 22.41 247.65 21.66 247.28 20.16 248.03 21.52 249.53 21.14"/>
<polygon class="cls-2" points="248.54 30.73 250.09 31.03 250.78 29.6 250.49 31.15 251.91 31.84 250.36 31.54 249.68 32.97 249.97 31.42 248.54 30.73"/>
<polygon class="cls-1" points="251.06 35.73 249.19 34.53 247.56 36.03 248.75 34.16 247.25 32.53 249.12 33.72 250.75 32.22 249.56 34.09 251.06 35.73"/>
<polygon class="cls-4" points="249.53 38.56 248.47 40.6 250.17 42.16 248.13 41.1 246.57 42.8 247.63 40.75 245.93 39.2 247.98 40.26 249.53 38.56"/>
<polygon class="cls-3" points="247.12 44.96 247.17 43.97 246.23 43.67 247.22 43.72 247.52 42.78 247.47 43.77 248.41 44.07 247.43 44.02 247.12 44.96"/>
<polygon class="cls-1" points="243.12 44.09 243.2 46.21 245.27 46.68 243.15 46.76 242.68 48.83 242.6 46.71 240.53 46.24 242.65 46.16 243.12 44.09"/>
<polygon class="cls-3" points="240.97 46.52 240.11 46.02 239.39 46.72 239.9 45.86 239.2 45.14 240.06 45.65 240.78 44.95 240.27 45.81 240.97 46.52"/>
<polygon class="cls-1" points="236.26 45.62 234.64 46.94 235.5 48.84 234.18 47.22 232.28 48.08 233.89 46.76 233.04 44.86 234.35 46.48 236.26 45.62"/>
<polygon class="cls-3" points="230.84 49.25 230.38 50.22 231.21 50.91 230.23 50.45 229.54 51.28 230 50.3 229.18 49.61 230.15 50.07 230.84 49.25"/>
<polygon class="cls-2" points="290.41 61.64 290.68 62.43 291.5 62.37 290.72 62.64 290.78 63.46 290.51 62.68 289.68 62.74 290.47 62.47 290.41 61.64"/>
<polygon class="cls-3" points="295.13 62.55 294.18 62.76 294.14 63.73 293.93 62.78 292.96 62.74 293.91 62.53 293.95 61.56 294.16 62.51 295.13 62.55"/>
<polygon class="cls-3" points="295.63 65.3 296.6 64.78 296.34 63.71 296.86 64.68 297.93 64.42 296.96 64.95 297.22 66.01 296.7 65.05 295.63 65.3"/>
<polygon class="cls-3" points="298.42 65.7 298.91 64.66 298.04 63.92 299.07 64.41 299.82 63.54 299.32 64.57 300.2 65.31 299.16 64.82 298.42 65.7"/>
<polygon class="cls-2" points="299.75 65.04 299.28 65.91 299.99 66.58 299.13 66.11 298.45 66.83 298.92 65.96 298.2 65.28 299.07 65.75 299.75 65.04"/>
<polygon class="cls-4" points="299.83 68.74 299.67 68.02 298.93 67.99 299.65 67.83 299.68 67.09 299.84 67.81 300.58 67.84 299.86 68 299.83 68.74"/>
<polygon class="cls-3" points="299.19 69.81 298.67 69.84 298.56 70.36 298.53 69.83 298.01 69.73 298.54 69.7 298.64 69.18 298.67 69.7 299.19 69.81"/>
<polygon class="cls-1" points="299.26 72.27 299.81 71.07 298.79 70.22 299.99 70.78 300.84 69.75 300.28 70.96 301.3 71.8 300.1 71.25 299.26 72.27"/>
<polygon class="cls-1" points="299.55 74.1 300.26 74.75 301.06 74.23 300.42 74.94 300.93 75.74 300.23 75.1 299.42 75.61 300.07 74.91 299.55 74.1"/>
<polygon class="cls-1" points="301.58 73.2 300.59 73.57 300.7 74.63 300.32 73.64 299.27 73.75 300.26 73.37 300.15 72.31 300.52 73.31 301.58 73.2"/>
<polygon class="cls-3" points="302.04 72.14 301.12 71.24 300.01 71.9 300.91 70.98 300.25 69.87 301.17 70.77 302.28 70.11 301.38 71.03 302.04 72.14"/>
<polygon class="cls-3" points="302.58 69.76 301.66 69.28 300.97 70.05 301.44 69.13 300.68 68.44 301.6 68.91 302.29 68.15 301.81 69.06 302.58 69.76"/>
<polygon class="cls-3" points="302.98 65.33 302.59 65.71 302.86 66.19 302.47 65.8 302 66.06 302.39 65.68 302.12 65.2 302.5 65.6 302.98 65.33"/>
<polygon class="cls-1" points="306.62 65.37 305.6 65.81 305.76 66.91 305.32 65.89 304.22 66.06 305.24 65.61 305.07 64.51 305.52 65.53 306.62 65.37"/>
<polygon class="cls-3" points="306.92 67.58 307.34 66.49 306.4 65.8 307.49 66.22 308.17 65.28 307.75 66.37 308.7 67.06 307.61 66.64 306.92 67.58"/>
<polygon class="cls-3" points="309.79 66.34 309.39 65.34 308.33 65.47 309.32 65.08 309.19 64.01 309.59 65 310.65 64.88 309.66 65.28 309.79 66.34"/>
<polygon class="cls-3" points="310.37 65.79 311.58 65.59 311.7 64.37 311.9 65.58 313.12 65.69 311.91 65.89 311.79 67.11 311.59 65.91 310.37 65.79"/>
<polygon class="cls-1" points="310.05 66.89 310.29 65.94 309.44 65.47 310.38 65.71 310.86 64.86 310.62 65.8 311.47 66.28 310.52 66.04 310.05 66.89"/>
<polygon class="cls-1" points="308.5 65.66 308.24 64.7 307.25 64.71 308.2 64.45 308.19 63.46 308.46 64.41 309.45 64.4 308.49 64.67 308.5 65.66"/>
<polygon class="cls-4" points="307.2 64.26 306.95 64.86 307.46 65.25 306.87 65 306.47 65.51 306.72 64.92 306.21 64.52 306.81 64.77 307.2 64.26"/>
<polygon class="cls-1" points="304.22 62.32 304.88 63.15 305.86 62.73 305.02 63.39 305.45 64.37 304.79 63.53 303.81 63.96 304.64 63.3 304.22 62.32"/>
<polygon class="cls-1" points="302.87 62.25 302.11 62.19 301.86 62.9 301.92 62.14 301.21 61.89 301.96 61.95 302.22 61.24 302.15 61.99 302.87 62.25"/>
<polygon class="cls-4" points="301.73 59.02 302.63 58.3 302.15 57.25 302.88 58.14 303.93 57.67 303.04 58.4 303.51 59.45 302.78 58.55 301.73 59.02"/>
<polygon class="cls-3" points="301.8 54.87 302.34 54.37 302 53.73 302.5 54.26 303.14 53.92 302.61 54.42 302.94 55.06 302.45 54.53 301.8 54.87"/>
<polygon class="cls-3" points="303.67 51.81 302.99 52.19 303.18 52.94 302.8 52.26 302.05 52.45 302.73 52.07 302.54 51.32 302.92 52 303.67 51.81"/>
<polygon class="cls-4" points="301.53 56.72 302.31 56.87 302.65 56.16 302.51 56.93 303.22 57.27 302.44 57.13 302.1 57.84 302.25 57.06 301.53 56.72"/>
<polygon class="cls-2" points="302.35 58.96 301.42 58.37 300.6 59.12 301.2 58.18 300.45 57.37 301.38 57.96 302.2 57.21 301.6 58.15 302.35 58.96"/>
<polygon class="cls-1" points="300.53 60.01 300 61.03 300.85 61.81 299.83 61.28 299.06 62.13 299.59 61.11 298.74 60.33 299.76 60.86 300.53 60.01"/>
<polygon class="cls-4" points="298.82 63 298.85 62.51 298.38 62.35 298.87 62.38 299.02 61.91 299 62.4 299.47 62.56 298.97 62.53 298.82 63"/>
<polygon class="cls-4" points="296.52 61.76 296.56 62.82 297.59 63.06 296.53 63.09 296.3 64.13 296.26 63.07 295.22 62.83 296.28 62.8 296.52 61.76"/>
<polygon class="cls-4" points="295.62 62.53 295.19 62.27 294.84 62.62 295.09 62.19 294.74 61.84 295.17 62.09 295.53 61.74 295.27 62.17 295.62 62.53"/>
<polygon class="cls-3" points="293.27 61.08 292.46 61.74 292.88 62.69 292.23 61.88 291.27 62.31 292.08 61.65 291.65 60.7 292.31 61.51 293.27 61.08"/>
<polygon class="cls-2" points="290.11 62.13 289.88 62.61 290.29 62.96 289.8 62.73 289.46 63.14 289.69 62.65 289.27 62.31 289.76 62.53 290.11 62.13"/>
<polygon class="cls-4" points="329.52 81.68 327.67 86.35 331.73 89.31 327.06 87.47 324.09 91.52 325.94 86.85 321.88 83.89 326.56 85.73 329.52 81.68"/>
</g>
</svg>
<div class="hero-text-container">
<span class="hero-sub-text-sm">A front-end architecture that will</span>
<h1 class="hero-sub-text">turn your complex React application into a dependable masterpiece.</h1>
<div class="hero-button-container">
<a href="#" class="link-reset">
<div class="button hero-button">Online Demo</div>
</a>
<a href="https://github.com/ai-labs-team/architecture" class="link-reset">
<div class="button hero-button">Download</div>
</a>
</div>
</div>
</div>
<p class="intro"> The Casium Front-End Architecture is a data and effects management system that helps you manage the complexity of large React applications reliabily and predictably.
</p>
<p class="intro">It does this by modeling the state of your application (yes, all of it) as a single, immutable value, and handling side-effects in application logic with messages. If this reminds you of Redux, that might be because both are derived from The Elm Architecture. However, this library attempts to hew more closely to Elm's design in order to gain more of Elm's advantages, and to provide a better, more cohesive developer experience.
</p>
<div class="section why">
<div class="why-container container">
<div class="row">
<div class="why-reason col-md-6 col-xs-12">
<i class="fa fa-envelope-square icon" aria-hidden="true"></i>
<h4 class="why-reason-text">
Messages - A powerful abstraction that allows for uniform and controlled management of data between all areas of the application.
</h4>
</div>
<div class="why-reason col-md-6 col-xs-12">
<i class="fa fa-anchor icon" aria-hidden="true"></i>
<h4 class="why-reason-text">
By using an immutable approach Casium allows for immediate access to the entire application's state at any point. This significantly improves tests and stability.
</h4>
</div>
<div class="why-reason col-md-6 col-xs-12">
<i class="fa fa-mobile icon" aria-hidden="true"></i>
<h4 class="why-reason-text">
Views are implemented as
<a class="link-visible" href="https://www.reactenlightenment.com/react-state/8.4.html">pure functions</a>, meaning that the inputs will control what is rendered instead of the context.
</h4>
</div>
<div class="why-reason col-md-6 col-xs-12">
<i class="fa fa-cubes icon" aria-hidden="true"></i>
<h4 class="why-reason-text">
Containers are implemented using a builder function exported by the architecture
</h4>
</div>
</div>
</div>
</div>
<div class="section demo">
Compare Casium to Redux and see the light!
<div class="redux-comparison">
<div class="comparison-btn-container">
<div class="button casium-btn comparison-btn btn-focus">View Casium</div>
<div class="button comparison-btn redux-btn">View Redux</div>
</div>
<img class="redux-example" src="img/redux.png" alt="Redux illustration" >
<img class="casium-example block" src="img/architecture_with_commands.png" alt="Casium architecture illustration with commands">
</div>
</div>
<div class="section advantages-container">
<h2 class="advantages-title">Casium Helps You</h2>
<div class="advantage">
<i class="fa fa-cog advantage-icon icon" aria-hidden="true"></i>
<h3 class="advantage-title">High Performance</h3>
<p class="advantage-text">Casium’s immutable architecture means code that runs faster. Faster code means lower infrastructure costs, and more flexibility and, of course, happier clients. </p>
<!--REMOVED UNTIL CONTENT AVAILABLE
<a href="#" class="link-reset advantage-link">
More about Casium's high performance
<i class="fa fa-arrow-right link-icon" aria-hidden="true"></i>
</a> -->
</div>
<div class="advantage">
<i class="fa fa-bullseye advantage-icon icon" aria-hidden="true"></i>
<h3 class="advantage-title">No Embarrassment</h3>
<p class="advantage-text">Forced coding structure and definitions reveals errors to your engineers during development, not to your clients, safeguarding your reputation and brand.</p>
<!--REMOVED UNTIL CONTENT AVAILABLE
<a href="#" class="link-reset advantage-link">
More about no embarrassment
<i class="fa fa-arrow-right link-icon" aria-hidden="true"></i>
</a> -->
</div>
<div class="advantage">
<i class="fa fa-cube advantage-icon icon" aria-hidden="true"></i>
<h3 class="advantage-title">Compartmentalized Approach</h3>
<p class="advantage-text">By simplifying and compartmentalizing various tasks Casium makes it easier to make precise and error-free changes. This lowers your initial investment and maintenance cost. </p>
<!--REMOVED UNTIL CONTENT AVAILABLE
<a href="#" class="link-reset advantage-link">
More about Casium's compartmentalized approach
<i class="fa fa-arrow-right link-icon" aria-hidden="true"></i>
</a> -->
</div>
</div>
</div>
</main>
<footer class="footer">
<!-- <a href="#">
<div class="footer-logo"></div>
</a> -->
<div class="logo-copyright-container">
<svg xmlns="http://www.w3.org/2000/svg" class="footer-casium-logo" viewBox="0 0 479.62 206">
<title>casium_logo_</title>
<g id="Layer_1" data-name="Layer 1">
<path d="M208,126.9c3.82,3,6,7.44,6.74,13.48h-2.41c-.7-5.23-2.71-9.05-5.93-11.67-3.42-2.62-7.64-3.92-12.87-3.92a18,18,0,0,0-15.19,7.44c-3.62,4.63-5.43,10.76-5.43,18.21q0,10.86,5.13,17.5c3.62,4.53,8.75,6.84,15.39,6.84,10.86,0,17.3-5.73,19.21-17.1h2.41c-1,6.24-3.32,11.06-7,14.48s-8.55,5-14.59,5c-7.44,0-13.28-2.62-17.3-7.85-3.82-4.83-5.63-11.06-5.63-18.91s1.91-14.48,5.93-19.71c4.22-5.63,10-8.35,17.1-8.35Q202.28,122.37,208,126.9Z"/>
<path d="M261.23,128.41c2.92,3.42,4.43,7.95,4.43,13.68v33.7h-2.41v-12a31.9,31.9,0,0,1-8.85,8.75,27.87,27.87,0,0,1-15,4.63c-4.83,0-8.85-1.21-11.87-3.62a12.09,12.09,0,0,1-4.93-10.16c0-6,2.51-10.46,7.64-13.18,4.22-2.41,10.46-3.62,18.51-3.62l14.48-.1v-3.82c0-12-5.93-17.9-17.6-17.9-4.83,0-9,1-12.17,3.22a14.71,14.71,0,0,0-6.64,9.76l-2.31-.2a17.16,17.16,0,0,1,7.34-11.37c3.62-2.62,8.25-3.82,13.78-3.82C252.58,122.37,257.81,124.39,261.23,128.41ZM248.76,149c-15.89,0-23.74,4.83-23.74,14.48a9.75,9.75,0,0,0,4,8.25c2.62,2,6.24,3,10.66,3,5.83,0,11.27-2.21,16.29-6.44,4.83-4,7.24-8.15,7.24-12.17v-7.24Z"/>
<path d="M314.24,138.06h-2.41c-.7-4.22-2.31-7.34-4.83-9.56-3-2.51-7.14-3.72-12.37-3.72a18.12,18.12,0,0,0-11,3.12c-3,2-4.43,4.43-4.43,7.44,0,3.22,1.61,5.73,5,7.75,2.11,1.21,5.93,2.62,11.37,4,6.64,1.71,11.27,3.32,13.68,4.73,4.22,2.41,6.34,5.73,6.34,10.06,0,10.16-6.54,15.29-19.61,15.29-12.67,0-19.61-5.83-20.82-17.4h2.51c.6,5.33,2.41,9.25,5.63,11.67q4.22,3.32,12.67,3.32c11.37,0,17.1-4.33,17.1-12.87,0-3.62-1.91-6.34-5.53-8.25-1.91-1-6-2.41-12.47-4.12-6-1.61-10.26-3.22-12.57-4.63-3.82-2.31-5.73-5.53-5.73-9.56,0-3.82,1.81-7,5.43-9.46a20.85,20.85,0,0,1,12.37-3.52Q311.83,122.37,314.24,138.06Z"/><path d="M327.24,123.78v52h-2.41v-52Z"/>
<path d="M340.85,123.78v31.89c0,6.14,1.31,10.86,3.92,14.08,2.82,3.32,7,5,12.88,5a17,17,0,0,0,12.77-5.43c3.42-3.62,5.13-8.35,5.13-14.08V123.78H378v52h-2.41V165.63c-3.82,7.64-9.76,11.57-17.9,11.57-12.87,0-19.21-7.24-19.21-21.53V123.78Z"/>
<path d="M424.94,134.54a18.83,18.83,0,0,1,6.54-8.85,15.64,15.64,0,0,1,10-3.32c5.53,0,9.76,1.61,12.77,4.93s4.53,8.15,4.53,14.48v34h-2.41v-34c0-5.43-1.21-9.56-3.42-12.37-2.51-3.12-6.34-4.63-11.47-4.63a14.1,14.1,0,0,0-11.06,4.93,16.89,16.89,0,0,0-4.43,12.07v34h-2.51v-34c0-11.37-4.93-17-14.79-17a13.84,13.84,0,0,0-11.06,5.33A18.91,18.91,0,0,0,393,143.19v32.59h-2.41v-52H393v9.56c3.32-7.34,8.55-11,15.69-11C417.3,122.37,422.73,126.4,424.94,134.54Z"/>
</g>
</svg>
<div class="copyright-container">
<p class="copyright-ai">Advisor Innovation Labs© 2017</p>
<p class="code-license">Code licensed under a <a href="https://elinux.org/Developer_Certificate_Of_Origin">Linux-style License</a></p>
</div>
</div>
<ul class="nav-footer">
<li>
<a class="link-reset" href="#">Quick Start</a>
</li>
<li>
<a class="link-reset" href="https://github.com/ai-labs-team/architecture">Github</a>
</li>
<li>
<a class="link-reset" href="architecture-book/book/index.html">Book</a>
</li>
<li>
<a class="link-reset" href="contributor-guide.html">Contribute</a>
</li>
</ul>
</footer>
<script type="text/javascript" src="scripts.js"></script>
</body>
</html>