-
Notifications
You must be signed in to change notification settings - Fork 0
/
tutorial.html
418 lines (267 loc) · 39.6 KB
/
tutorial.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
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
<html>
<body>
<p>Fruto de la iniciativa del <a href="https://n-1.cc/blog/view/2095213/lorea-reloaded-spring-summer-autumn-2015">hackathon semi-permanente</a> [1], se inicia aquí el tutorial postzïzëkiano: habitante-oscuro: una interfaz de usuario en JavaScript.</p>
<p>This tutorial is intended to cover the darkinhabitant skeleton JS UI on ten or fifteen sessions. So let's go through over. Good be nice to keep in touch!!</p>
<p><u>Referencias </u>/ <u>links</u>:</p>
<p>[1] https://n-1.cc/discussion/view/2096019/%C2%BFte-apuntas-a-una-hackathon-con-codigo</p>
<p><img alt="Lorea - postzîuzêkian tutorial on JS skeleton UI" src="https://eartesania.files.wordpress.com/2015/03/lorea.png" style="height:201px; width:500px" /></p>
<p>[English]------------------------</p>
<p>Greetings,</p>
<p>This is to write down <em>Lorea's inhabitant's backup</em> plugin specifications.</p>
<p>By initializing:</p>
<p>1) The plugin should manage private and public documents acording to user privileges. Maybe, user's profile can be used to get an index with current elements. Meaning: user authored documents and related by privileges other's documents.</p>
<p>2) The plugin shoud offer some U.I. to check or uncheck desidered backup elements.</p>
<p>3) All elements of the network should be available for backup.</p>
<p>4) Particular points to be studied: (order from less to maximum complexity):</p>
<p>-- a) Telegrams -- b) Links -- c) Photos -- d) Vídeos -- e) Tasks -- f) Pages -- g) Calendar -- h) Blogs -- i) Wikis -- j) Groups -- -- j.0) Elements above. -- -- j.1) Discussions, assamblies module. -- -- j.2) Mail lists</p>
<p>See suggested approaching methods below...</p>
<p>[Spanish]----------------------</p>
<p>Saludos,</p>
<p>Quisiera proponer un hackaton para el tema del plugin para <em>copias de respaldo de los habitantes</em> de Lorea.</p>
<p>Sé que no hay nadie ahí escuchando, pero supongo que los pasos correctos pasan por abrir este hilo.</p>
<p>Igualmente, también, supongo, que en cuanto plantee la curva de aprendizaje de Lorea me vendré abajo porque veré que la imbrincación con los fósiles y cadáveres que se han amontonado pesa sobremanera. Igualmente, ahora hay energías.</p>
<p>Una primera aproximación:</p>
<p>Tomo como punto de partida el planteamiento que Blinge anotó:</p>
<blockquote>
<p>Supongo que un backup de usuarias tendría que distinguir entre los documentos publicos y los escritos en privado.. una forma de seleccionar la información no necesaria y descartarla del backup... ¿Se hace backup de los post de las listas de discusión o de las páginas publicadas en un grupo y no de de los telegramas? ¿Se realiza una busqueda en la base de datos de todo lo relacionado con tal o cual usuario, se copia y comprime todo en un archivo y se envía por email?</p>
<p>Al estar cada usuaria metida en varios grupos y cruzando conversaciones hacer un backup de todo me resulta primero complejo de imaginar de forma ordenada.</p>
<p>¿Y podrías entonces descargar todos los contenidos de otras usuarias si supieras sus contraseñas?</p>
<p>¿Y como sería visualizar el contenido descargado? ¿habría que volverlo a instalar en otro elgg para poder verlo ordenadamente o bastaría con la terminal para el que sepa usarla?</p>
<p>O le dedico tiempo a hacer estas reflexiones o a leer sobre como la gente debe limpiarse el culo. No se por donde seguir inspirándome.</p>
<p>¿Como puedo expresar gratitud por lo que has escrito siempre? Pero las que te hayan leido antes atentamente ya conocían la relación de acontecimientos que has percibido al haberlo explicado otras veces. ¿Para cuando un debate técnico y en inglés sobre problemas concretos? Podemos dinamizar eso mientras cada una se limpia el culo como pueda. O hacer nosotras lo mismo y liarnos a dedicarle a la misma cosa el tiempo que le prestamos atención al grupo lorea de n-1.</p>
</blockquote>
<p>Entonces, por sistematizar:</p>
<p>1) El plugin debe distinguir entre documentos públicos y privados y gestionar la descarga acorde con el habitante que la solicita y sus privilegios.</p>
<p>2) Ofrecer una interfaz de usuario para añadir/quitar los documentos que serán incluidos.</p>
<p>3) Los documentos exportables habrán de cubrir todos los módulos de datos de Lorea, desde telegramas hasta las páginas de las wikis, pasando por enlaces, fotos, páginas, etc.</p>
<p>4) Casos concretos a estudiar (ordenados de menor a mayor complejidad):</p>
<p>-- a) Telegramas -- b) Enlaces -- c) Fotos -- d) Vídeos -- e) Tareas -- f) Páginas -- g) Calendario -- h) Blogs -- i) Wikis -- j) Grupos -- -- j.0) Elementos anteriores -- -- j.1) Discusiones, módulo asambleas. -- -- j.2) Lista de correos</p>
<p> </p>
<p><img alt="Rose" src="https://eartesania.files.wordpress.com/2014/01/rosasyagua.gif" /></p>
<p>LOREA's BACKUP HOLDER - elgg2.0 inhabitant backup plugin - TUTORIAL</p>
<p> </p>
<p><u><strong>NOTA: EL TUTORIAL SE HARÁ EN INGLÉS. SOLICITA LA VERSIÓN EN CASTELLANO O CATALÁN O GALLEGO O EUSKERA O ESPERANTO.</strong></u></p>
<p> </p>
<p><strong>Índice</strong>:</p>
<ol>
<li><u>Step 1</u>: "Having a code overview"</li>
<li><u>Step 2</u>: "Having a tech overview"</li>
<li><u>Step 2.1</u>: "Going deeper on tech overview"</li>
<li>
<p><u>Step 3</u>: "Manifesto"</p>
</li>
<li>
<p><u>Step 3.1</u>: "Internationalization"</p>
</li>
<li>
<p><u>Step 4</u>: "index.html"</p>
</li>
<li>
<p><u>Step 5</u>: <strong>"The IDE Start-up is over: cronotoping on the repo."</strong></p>
</li>
</ol>
<p> </p>
<p><img alt="image" src="https://eartesania.files.wordpress.com/2014/01/separador.png" style="width:300px" /></p>
<p><u>Step 1</u><strong>: "Having a code overview"</strong></p>
<p>As Internet is heavily plenty full of information (it's like a fulfilled utopia to point out that something like this-huge-available-data-on-the-cloud would be desidered for those guys on the 70's phone phreaking times, like Captain Crunch and so on), as for it, this tutorial is intended to be like a knot matrix more than a big data concentration.</p>
<p>To tech the situation, one would mention the <a href="http://www.bbc.co.uk/news/world-asia-india-24815476">Gandhi's spinning wheel</a> and, together, parallel lines, lacanian knot; just as a way of making theory in a way like «<em>a kind of joinning together the polygon edges, rather than keeping on building isolated pyramids for world hegemons demonstrations</em>». That's not precisely a naîf feature. Quite simple, what I have on mind while writting this is: a descentraliced and <a href="https://bitmask.net/es">bitmasked</a> teching paradigma, so the Darkinhabitant APP keeps secure and criptographically protected from the colonizator spying <a href="http://prism-break.org/">Prism that must be broken</a>, and, that can bring his or her data to every Lorea-Elgg2.0 inhabitant by backing up in a safety way.</p>
<p>So we are here poszîzêkaning, there will be nothing to add, rather than bringing <a href="http://nosubject.com/index.php?title=Borromean_knot">Borromean knot</a> to your attention, while joining together <em>the imaginary-the simbolic-the real</em>, something that would bring to us <u><em>model-view-controller</em></u> paradigm as easy and rutinary on code desktop as a broom or a mop should be.</p>
<p>Directly straight from <a href="https://github.com/darkwallet/darkwallet/blob/develop/HACKING.md">DW repo</a>, take a look to this code jerarchy design:</p>
<blockquote>
<p>src/js/ Code Root:</p>
<p><br />
├── <strong>BACKEND: </strong>Background page specific code (runs on the background)<br />
│ ├── <strong>channels </strong>Communication channels and transport<br />
│ └── <strong>services </strong>Backend services<br />
│<br />
├── <strong>FRONTEND: </strong>User facing code (runs on the tabs, tied to html, uses angular)<br />
│ ├── <strong>controllers </strong>Angular controllers<br />
│ ├── <strong>directives </strong>Angular directives<br />
│ ├── <strong>filters </strong>Angular filters<br />
│ ├── <strong>popup </strong>Code for the popup area on the topbar<br />
│ └── <strong>scripts </strong>Content scripts<br />
│<br />
├──<strong> MODEL: </strong>Storage related core, and generic model functionality.<br />
└── <strong>util </strong>Generic utils<br />
└── <strong>ng </strong>Angular utils</p>
</blockquote>
<p>Check for<a href="https://github.com/aleph1888/darkinhabitant/blob/master/HACKING.md#debugging"> further structure hacking</a> on repo info file.</p>
<p>Ok, So it will be on this terms that we will build our skeleton. As the crows flies, in Newsted words: «Don't stop dreamming until the last breath. Until it becomes real.»</p>
<p><img alt="image" src="https://eartesania.files.wordpress.com/2014/01/separador.png" style="width:300px" /></p>
<p><u>Step 2</u>: <strong>"Having a tech overview"</strong></p>
<p>In this step of the post-zîzêkian tutorial, we can attach here this famous: "<em>From Platoo to NATO</em>" without further explanations but having drawn a precisely timeline where we can stay ahead, as also, back to the JS skeleton UI, by listing this tech we will use:</p>
<ul>
<li><a href="http://requirejs.org/">RequireJS</a> (module loader):</li>
</ul>
<blockquote>
<p>RequireJS is <strong>a JavaScript file and module loader</strong>. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and <a href="http://requirejs.org/docs/node.html">Node</a>. Using a modular script loader like RequireJS will improve the speed and quality of your code.</p>
</blockquote>
<ul>
<li><a href="http://gruntjs.com/">Grunt</a> (task runner):</li>
</ul>
<blockquote>
<p>In one word: <strong>automation</strong>. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes.</p>
</blockquote>
<ul>
<li><a href="http://bower.io/">Bower</a> (package manager):</li>
</ul>
<blockquote>
<p>Web sites are made of lots of things — frameworks, libraries, assets, utilities, and rainbows. Bower manages all these things for you.</p>
<p><strong>Bower works by fetching and installing packages from all over</strong>, taking care of hunting, finding, downloading, and saving the stuff you’re looking for. Bower keeps track of these packages in a manifest file, <a href="http://bower.io/docs/creating-packages/#bowerjson">bower.json</a>. How you use packages is up to you. Bower provides hooks to facilitate using packages in your <a href="http://bower.io/docs/tools">tools and workflows</a>.</p>
<p>Bower is optimized for the front-end. Bower uses a flat dependency tree, requiring only one version for each package, reducing page load to a minimum.</p>
</blockquote>
<p>Check <a href="https://github.com/aleph1888/darkinhabitant/blob/master/HACKING.md#addingupgrading-dependencies-with-bower">how can you hack with bower</a> on repo info file.</p>
<ul>
<li><a href="https://angularjs.org/">AngularJS</a> (HTML extension language):</li>
</ul>
<blockquote>
<p>HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications<strong>. AngularJS lets you extend HTML vocabulary for your application</strong>. The resulting environment is extraordinarily expressive, readable, and quick to develop.</p>
</blockquote>
<ul>
<li><a href="https://nodejs.org/">NodeJS</a> (platform):</li>
</ul>
<blockquote>
<p>Node.js® is a platform built on <a href="http://code.google.com/p/v8/">Chrome's JavaScript runtime</a> for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.</p>
</blockquote>
<p>Check for <a href="https://hacks.mozilla.org/category/node-js/">how to hack NodeJs on Firefox</a> on Mozilla's site.</p>
<ul>
<li><a href="https://github.com/beautify-web/js-beautify">js-beautify</a> (reformartor, reindentor, deobfuscator):</li>
</ul>
<blockquote>
<p><strong>This little beautifier will reformat and reindent bookmarklets</strong>, ugly JavaScript, unpack scripts packed by Dean Edward’s popular packer, as well as deobfuscate scripts processed by <a href="http://javascriptobfuscator.com/">javascriptobfuscator.com</a>.</p>
</blockquote>
<ul>
<li><a href="http://sass-lang.com/">SASS</a> (CSS extension language):</li>
</ul>
<blockquote>
<p><strong>CSS with superpowers</strong>. Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Sass boasts more features and abilities than any other CSS extension language out there.</p>
</blockquote>
<p>Check <a href="https://github.com/aleph1888/darkinhabitant/blob/master/HACKING.md#css-hacking">how can you hack on CSS</a> on repo info file.</p>
<p> </p>
<p><u>Step 2.1</u>: <strong>"Going deeper on tech overview"</strong></p>
<p>Have you heard about Zîzêk telling the audience that old joke about a man that goes to a bar and ask for a coffee without cream, and then, the waiter replies: «Sorry, we've run out of cream, may I offer you a coffee without milk?». That is, a bit, the point of going deeper on tech overview, one could say that it is the same thing a coffee-without-cream than a coffee-without-milk, but, indeed, they are not. Aren't they? Some naïve coder as me would piss out with this incognita. Netherless, however, I reckon as Goethe wrote and Nietzsche putted on black above white on the prologue of<em> The Use and Abuse of History</em> book: «I hate everything that merely instructs me without increasing or directly quickening my activity»:</p>
<p>Ok, directly straight from <a href="https://github.com/darkwallet/darkwallet/blob/develop/bower.json">DW repo</a>, take a look to this dependencies list managed by Bower, used in 0.8.0 version:</p>
<blockquote>
<p> "dependencies": {<br />
"font-awesome": "~4.0.3",<br />
"mnemonic.js": "~1.0.0",<br />
"sjcl": "~1.0.0",<br />
"lorea_gateway": "git://github.com/lorea/lorea-gateway",<br />
"bitcoinjs-lib": "git://github.com/bitcoinjs/bitcoinjs-lib#master",<br />
"angular": "~1.2.13",<br />
"ngprogress": "~1.0.4",<br />
"AngularJS-Toaster": "~0.4.3",<br />
"angular-route": "~1.2.14",<br />
"foundation": "~5.3",<br />
"angular-foundation": "~0.3.1",<br />
"requirejs": "~2.1.11",<br />
"requirejs-domready": "~2.0.1",<br />
"jsqrcode": "<a href="https://github.com/LazarSoft/jsqrcode.git#master%22">https://github.com/LazarSoft/jsqrcode.git#master"</a>,<br />
"qrcodejs": "<a href="https://github.com/davidshimjs/qrcodejs.git%22">https://github.com/davidshimjs/qrcodejs.git"</a>,<br />
"identicon": "<a href="https://github.com/stewartlord/identicon.js.git%22">https://github.com/stewartlord/identicon.js.git"</a>,<br />
"angular-xeditable": "~0.1.8",<br />
"async": "~0.7.0",<br />
"angular-moment": "~0.7.0",<br />
"big.js": "~2.5.0",<br />
"angular-translate": "~2.2.0",<br />
"angular-translate-loader-static-files": "~2.2.0"<br />
}</p>
</blockquote>
<p>Please, take note on this subversion of DW gateway on: <em>"lorea_gateway": "git://github.com/lorea/lorea-gateway"</em>, while thinking on our Darkinhabitant being a toy that can <a href="http://github.com/aleph1888/torsocks">go through a tor-socks</a> or similar into darkness.</p>
<p>I cannot imagine any mason going to work without a good toolbox and, neither, I can't imagine a mason spreading the word that he is a mason. Take a look also in <a href="https://github.com/darkwallet/darkwallet/blob/develop/package.json">package.json to devDependencies list</a>. We are not using this list above exactly, but it is good to know that we could take it, isn't it?</p>
<p>So, here, joking as Zîzêk on coffee-without-milk stupidity, we would like to know if a plugin that makes <a href="http://2014.kaosenlared.net/component/k2/84030-todos-los-programas-de-espionaje-de-la-nsa-desvelados-por-snowden.html">a backup without NSA-vigilance-detection</a> is the same as a plugin that makes <a href="https://www.meneame.net/m/tecnolog%C3%ADa/china-probablemente-ataca-github-introduciendo-troyano-baidu">a backup without Chinese-Big-Firewall-detection</a>, and, even, if they are the same as <a href="http://2014.kaosenlared.net/component/k2/101000-detrás-del-big-data">a backup without Big-Data-Merchants-interception</a>.</p>
<p>Next, ¡manifesto!</p>
<p><br />
<img alt="dia da liberdade" src="https://eartesania.files.wordpress.com/2015/03/flowe-cannon.png" style="height:360px; width:480px" /></p>
<p>¡Claveles!</p>
<p> </p>
<p><img alt="image" src="https://eartesania.files.wordpress.com/2014/01/separador.png" style="width:300px" /></p>
<p><u>Step 3</u>: <strong>"Manifesto"</strong></p>
<p>Just going into coding now. I've created three examples so we can talk about it. You know, <a href="http://semanticweb.org/wiki/Ontology">semantic web needs ontologies </a>over structures. <a href="http://hermetic.com/bey/">So does anarchism, Hakim Bey would say</a>, O.A.!</p>
<p><img alt="Hakim Bey and Ontological Anarchy" src="http://hermetic.com/bey/bey-site.gif" style="height:236px; width:238px" /></p>
<p>Forever and ever, <a href="http://www.washingtonpost.com/blogs/the-switch/wp/2015/01/28/bill-gates-on-dangers-of-artificial-intelligence-dont-understand-why-some-people-are-not-concerned/">the devil itself is calling for human agreement over artificial intelligence and bots</a>!, this could be a very bad thing for humans to do: making the <a href="http://en.wikipedia.org/wiki/Jacques_Lacan#Other.2Fother">lacanian Big Other</a> A/a a "tech-potens agent" able to learn by itself.</p>
<p>Here, one would be pretty sure that <a href="http://en.wikipedia.org/wiki/Boomeritis">we are not boomeritis sick people</a>, and that we are poszîzêkians, meaning that we are not going to develop the terms, but going through the burrow. Just simple as <a href="http://www.youtube.com/watch?v=2oRsw1wuhaA">orgasmatron</a>'s beyond (Sepultura's song here) standing point, here and now, hic et nunc, we can propose that a machine will never have a<a href="http://www.traficantes.net/actividad/cono-potens-manual-sobre-su-poder-su-prostata-y-sus-fluidos%E2%80%9D-de-diana-j-torres"> coño-potens</a> (pornterrorism speaking here), will it?</p>
<p>Ok, so here there are the three examples:</p>
<ul>
<li><a href="https://github.com/aleph1888/darkinhabitant/blob/master/manifest.json">Manifesto.json</a> (for robots):</li>
</ul>
<blockquote>
<p>"name": "Lorea 2.0 Backup Holder",<br />
"description": "Your Lorea's back ups.",<br />
"homepage_url": "https://n-1.cc/discussion/view/2095202/lorea-reloaded-spring-summer-autumn-2015-plugin-inhabitant-backups",<br />
"manifest_version": 0,<br />
"icons": {"128": "src/images/icon_128.png"}</p>
</blockquote>
<ul>
<li><a href="https://github.com/aleph1888/darkinhabitant/blob/master/README.md">Readme</a> (for people):</li>
</ul>
<blockquote>
<p>We love flowers, and, also, we love petals falling down from above the haulm.</p>
<p>It could be nice you start a seed. But, with this backs up APP, it could be nice you keep some petals of your Lorea.</p>
</blockquote>
<ul>
<li><a href="https://github.com/aleph1888/darkinhabitant/blob/master/manifest.ontology">Manifesto.ontology </a>(for darkinhabitants):</li>
</ul>
<blockquote>
<p>«... while building fluid and responsive APPcache based client-rendered UI's through JavaScript API; and while managing packages by RequireJS; and "auth-as-a-service" federating with oAuth or OpenID; we will use AngularJS to connect front and backend, by controlling some modules that binds data models between user interfaces and content deploying servers.» Ok, in short: «We are going to play around APP's, or some browser extensions, or some downloadable media pill... to be mobile-device consumed. Doing it in a Elgg2.0-lorea based taste!»</p>
</blockquote>
<p>Then, emerging from ex-nihilo, emerging from the void of our artwork and creation process, any robot, any people or any darkinhabitant can get a door to come into our reign. On Newsted heavy metal words: «... underdogs rise, from the flames»; while on Arch Enemy's words it could be: «Watch me closely, I will stand up - now». Just talking on philosophical zombies:</p>
<p><img alt="https://eartesania.files.wordpress.com/2015/01/philosophical-zombie.png" src="https://eartesania.files.wordpress.com/2015/01/philosophical-zombie.png" style="height:128px; width:290px" /></p>
<p> </p>
<p><u>Step 3.1</u>: <strong>"Internationalization"</strong></p>
<p>One would be naîf and would be blindly a silly coder while ignoring <a href="http://www.hispantv.com/showepisode/.../Fort-Apache...torturas-de-la-CIA/78">real terms as torture</a>, or <a href="https://duckduckgo.com/?q=El+truco+de+las+pol%C3%ADticas+de+la+UE+de+convertir+deuda+privada+en+deuda+p%C3%BAblica.+crisis+econ%C3%B3mica+&ia=videos">simbolic terms as debt</a>, or <a href="http://youtu.be/dlmYHbg5i_w">imaginary terms as surveillance </a>(We♥Surveillance), and so on.</p>
<p>Netherless, as it is sang on Clapton's <em>Tears from heaven</em>, one always must: «... be strong and carry on, cause I know I don't belong. Here in heaven». I am standing on such a confirmation on being myself a fallen <em>non serviam</em> angel rather than a titan or a prince bringing the god's light to the world.</p>
<p>Poszîzekanially, we can <a href="http://zizekstudies.org/index.php/ijzs/article/viewFile/160/266">talk on violence</a> towards a violent absolute theology, while asking ourselves <a href="http://www.sasazivkovic.org/?/Bias/revolutionarytoday/">what should be a revolutionary today</a>, rather than keeping calm and staying strong on a naîve <a href="http://global.britannica.com/EBchecked/topic/525247/satyagraha">non-violent satyagraha</a> state of mind against WASP colonizator. And, of course, against other existing colonizators.</p>
<p>A<a href="http://en.wikipedia.org/wiki/Linguistic_map"> Babel Tower Forum</a> to join in council (<a href="http://www.darklyrics.com/lyrics/archenemy/doomsdaymachine.html#3">Nemesis here</a>) will always be a chance to people, as it is painted on <a href="http://www.academia.edu/336056/ANTONIO_NEGRI_S_ONTOLOGY_OF_EMPIRE_AND_MULTITUDE">Negri's ontology on empire and multitude</a>; even if we fight each other like drunk people <a href="http://www.lacan.com/zizrobes.htm">on divine violence of terror.</a></p>
<p>From whatever, another entry point should be a language selector so APP users can choose their mother-tongue. Take a look to this commit example. Here we bring, directly from <a href="https://github.com/darkwallet/darkwallet/tree/develop/src/i18n">DW Repo i18n</a>:</p>
<blockquote>
<p>[<a href="https://github.com/aleph1888/darkinhabitant/commit/5dd72600ea3f4b0a65fced99c200311cc440be81">develop 5dd7260</a>] Hello translators! This is main internalization structure.</p>
</blockquote>
<p>We<a href="https://wiki.unsystem.net/en/index.php/Darkwallet/Translations"> work together with Transifex</a> files, where we hold its<strong> key-translation array</strong>, see initial commit on this tutorial repo. For official <strong>getting started overview</strong> check <a href="http://docs.transifex.com/developer/client/init">guide on tx web site</a>. Check also <a href="https://github.com/aleph1888/darkinhabitant/blob/master/HACKING.md#developers">hacking indications</a>.</p>
<p>So, as a conclusion, if we do really naîves and really naïfs would need<strong> </strong>to point out the origins of a violent-imperialist-way-of-living just to stay <a href="https://duckduckgo.com/?q=la+realidad+chiapas">peacefully </a>or <a href="https://duckduckgo.com/?q=blockupy">blockupiedly</a> in front of it, now a days, all around the world, I'm pretty sure we should take a branch from this tree, aren't we?:</p>
<p> </p>
<p><img alt="indo-european-language-tree" src="https://lakurrealidad.files.wordpress.com/2015/03/indo-european-language-tree.png" style="width:500px" /></p>
<p><img alt="image" src="https://eartesania.files.wordpress.com/2014/01/separador.png" style="width:300px" /></p>
<p><u>Step 4</u>: <strong>"index.html"</strong></p>
<p>Just another irrelevant and naîve day in my life took place on the 15th of November, 2007. I will explain later on. Could not seem relevant for this tutorial, but for sure it is.</p>
<p>It is very common in application development that <strong>main entry point to a rendered UI is named as <em>index</em></strong>. It would be <em>index.html</em> in our HTML context.</p>
<p>So I've uploaded, directly from <a href="https://github.com/darkwallet/darkwallet/tree/develop/src/html/index.html">DW repo</a>, a template where all the magic begins. Take a look:</p>
<blockquote>
<p>[<a href="https://github.com/aleph1888/darkinhabitant/blob/develop/src/html/index.html">develop 9c1e1fd</a>] Hello runtime environments! So this is main rendering entry point.</p>
</blockquote>
<p>We should take on consideration some critical blocks on this file. But let me first tell you about this irrelevant and naîf day on 15th November. In short: I just get trapped under <a href="http://energycontrol.org/foro/Foro-sobre-drogas-y-gesti%C3%B3n-de-placeres-y-riesgos/4915-Realidad-y-Sustancia-con-Escohotado.html">the ice of a cold and rationalist speech from spanish-liberal-philosopher, Antonio Escohotado</a>. Do you know what I mean?</p>
<p>The story goes by me taking some acids to Energy Control building on Madrid, in order to make some analytics over them. I was not aware about the book he was introducing to an uncertain audience (who dammit would care about "reality and substance" amoung those guys there?!!), neither, I was not aware of the speech. The event was organized by a self-called <em>Asociación Eleusis</em>; last month, to go beyond, I found some <em>Encuentros Eleusinos</em> going on, again about a <a href="http://www.encuentroseleusinos.com/work/el-mapa-del-alma-y-el-mapa-del-mundo-con-antonio-escohotado/">Soul map & reality map</a>, where the liberal-philosopher still tries to disturb the people whith his stupidities about, let's put in words: «a case that a gun cannon is threating you to be erased every bit of your personal memory». <strong>So does index.html in our APP. It is a kind of unforgettable APP memory loader</strong>.</p>
<p>Anyway, we should clearly distinguish some elements on <em>index.html</em>. Mainly, <u>the head block</u> from <u>the body block</u>; and, within heading block, we should appreciate there some <strong>meta</strong>, <strong>title </strong>and <strong>stylesheet</strong> tags. As, on the body, we should distinguish, <strong>main body APP controller</strong>, plus <strong>the area catching backend GUI update events</strong> (including the main operations container), and, finally, <strong>the notification controllers</strong> by identifying the ng-controller AngularJS directives and script tags; by loading RequireJS (which will load our needed modules and backend/frontend main JS loaders). Next, I will mason on this file to darkinhabitanize the tutorial over it, but I thought it would be a good idea to let you some advantage to work on it. You can pull request to server if you want. The idea is nested to this <a href="https://github.com/aleph1888/darkinhabitant/blob/develop/src/html/index.html#L31">"obelisk" calling through the gateway on line 31</a>; we will have to talk about darkinhabitant obelisk and torsocks invisibility powers to get Elgg2.0-Lorea backup's data. I truly would wish here I wasn't alone, as I am, so we could discuss about it.</p>
<p>Ok, I can't finish this step about darkinhabitant index page without focusing on the same year as above, 2007. In this year, a spanish professional-traitor Verstrynge's book was published, called: «Frente al Imperio: Guerra Asimétrica y Guerra Total', Foca, Madrid». You should notice that this man started his political career on the extreme-right arch section while coming across extreme-left on his olderly years. Aren't this fucking incredible? I must confess I get a bit upset when reading this book. Netherless, just in case you are confused by that in spanish we call: "el enemigo difuso", in a post-zîzêkianinly looking for some text to show your people on this heavy matter of against who you should fight, maybe you can take a look to 2013 spanish-professional-traitor's book: «Contra quiénes luchar, Ediciones Península, Madrid».</p>
<p>Just imagining that <a href="http://nonalignedmedia.com/2015/03/french-cartoonist-zeon-arrested-anti-zionist-work/">we, the people, were fighting with stones</a> while imperialism is killing us with machine-guns. As, for example, <a href="https://lakurrealidad.files.wordpress.com/2014/09/guerraisraelpalestiona.jpeg">Palestinian matter</a>, and so on. Follows Soyos picture, l'H comic illustrator:</p>
<p><img alt="image" src="https://lakurrealidad.files.wordpress.com/2014/12/ataraxia_mairena.jpg" style="width:500px" /></p>
<p>It is, indeed, very hard to follow being a naîve. It is not easy to be naîf. One would need big doses of stupidity on his mind. Netherless, you, reader, should always, as it is explained <a href="https://n-1.cc/discussion/view/2096019/%C2%BFte-apuntas-a-una-hackacthon-con-codigo">on main info tutorial page</a>, remember that I'm a trashed coder, periferia speaking worthless voice. So keep on your rails, while having some acid trip on a reality-substance bridge to break on through (the other side, The Doors's song here.) where the Empire can't stare at us.</p>
<p> </p>
<p><img alt="image" src="https://eartesania.files.wordpress.com/2014/01/separador.png" style="width:300px" /></p>
<p><u>Step 5</u>: <strong>"The IDE Start-up is over: cronotoping on the repo."</strong></p>
<p>There is some granaïno's raper-poet called Aitor now on Pangloss Band that wrote and sang on an oldest Hora Zulu granaïnan rap-metal band with Paco Luque on the guitar and so on, song called: «<em>No habrá viento suficiente</em>», what follows: «<em>... ves que hoy lo hacemos increíble y es posible que te parezca asequible; solamente prueba: que te entrara fiebre. Y, yo, me alegro, con mi quiebro estoy fundiendo tus fusibles, ¡estilo libre! que hoy no solo bastará con ser amable y predecible, tu postura me parece respetable, ¡no me hables!: tu puntuarme mientras yo recojo el cobre. Que te sobre. Si se crea otra religion sobre los logros y milagros de este ogro lo llevaré menos negro pa poder salir de pobre; ya verás que un vaso de agua no puede hacer que zozobre una embarcación con esta dimensión de este calibre. Y, ahora, estamos haciendo que el mar se nos abra, ¡abracadabra!: hoy nos hemos metido por donde cubre. Es más de lo que había pedío: pues mi objetivo nunca ha sío ser rey del gremio, no. MÁS BIEN ES EL APREMIO POR ESCAPAR DEL ANDAMIO: si me llevo lo comÍo por lo servÍo según convenio: se que a nadie le he pedío yo nunca nada que no sea miÓ. (...)</em>».</p>
<p>Ok. <a href="https://github.com/aleph1888/darkinhabitant/blob/develop/src/html/index.html">Index.html</a> is like an Aleph, ain't it?</p>
<p>Like an Aleph with virtual capacity to store infinite cronotopos, can't you see it? Just a <a href="https://bitmask.net/es/features/cryptography#storage-soledad">backup holder, Soledad based dark storing</a> inside the privacy of some mixed-trusted coin-joined colective, where darkinhabitant, <a href="http://wiki.unsystem.net/en">unsystemly</a>, can hold its cryptodata and Elgg2.0 federation on OpenID or so on. Rhyzomatic sowing stars, caedes vision of a d3 big-bang-coded thread of words in such order at such precisely time. Here starts the biography and literature finds the silence while introducing the <a href="http://en.wikipedia.org/wiki/Poiesis">poiesis </a>based <a href="http://fr.wikipedia.org/wiki/Internationale_situationniste">post-internationalized</a> situation of <a href="https://github.com/WhiteHouse/petitions/blob/7.x-1.x/README.md">we, the people</a>, in the world, <a href="http://fr.wikipedia.org/wiki/Serment_du_Jeu_de_paume">for the past</a>, <a href="http://en.wikipedia.org/wiki/Serment_du_jeu_de_paume">for the future</a>. Don't naîvely and naîfly take over the last two links over "for the past/future". This is poszîzêkian call for transatlantic peope party<a href="http://noalttip.blogspot.com.es/"> far from beyond coorp.'s ones</a> that by demons are driven. <a href="https://www.diagonalperiodico.net/tags-tags-nombres-propios/v-vendetta">What is happening on the real-simbolic-imaginary now on</a> will not be covered but this tutorial.</p>
<p><img alt="image" src="https://lakurrealidad.files.wordpress.com/2015/01/change.jpg" style="width:500px" /></p>
<p>As spanish cauditian dictatorship derrocator of the Democracy 1.0 on Republican 2.0 spanish <a href="http://ca.wikipedia.org/wiki/Res_publica">res publicanitation</a> always used to say to everyone: «<a href="http://argentina.indymedia.org/news/2014/03/856865.php"><em>Usted haga como yo y no se meta en política</em></a>» ¡Je, je! spanish "<a href="http://info.nodo50.org/Bitcoin-y-la-peligrosa-fantasia.html">no se meta en política</a>" is said in english as: <em>don't be naîve, man!</em> <em>what are you doing by your own on<a href="http://www.lamarea.com/2015/03/28/el-efecto-snowden/"> real politiks</a>?</em></p>
<p><a href="https://eartesania.wordpress.com/2015/01/09/carta-abierta-a-marvin-minsky/"><img alt="image" src="https://eartesania.files.wordpress.com/2015/01/carta_abierta_prometeo.png" style="width:200px" /></a><br />
<img alt="image" src="https://lakurrealidad.files.wordpress.com/2011/12/3.jpg" style="width:200px" /><br />
<a href="https://eartesania.wordpress.com/2015/01/02/carta-abierta-a-la-elite-mundial/"><img alt="image" src="https://lakurrealidad.files.wordpress.com/2015/01/carta_abierta_a_la_elite_mundial.png" style="width:200px" /></a></p>
<p>See further narrative of the goal on references below [1]... nethertheless, do you know what <a href="http://en.wikipedia.org/wiki/Chronotope">a chronotope</a> could be in real, simbolic and imaginary terms? It may sound to you, in a taoistic straight ahead line to Godwin on British parlament, like from this line on, on this postzîzêkanian JavaScript UI for a darkinhabitant tutorial, I'm like to work the stones. Less <em>architectural mapa</em> than sweating the spring: she is welcomed. <a href="https://lakurrealidad.files.wordpress.com/2011/12/paisaje-interior.jpg">2015 31th March.</a></p>
<p>I'm going right now to start chronotoping on the repository. Join the commit's time line or the milestoned issue lists... Chronotoping like this:</p>
<blockquote>
<p>https://github.com/aleph1888/darkinhabitant/blob/master/exe/power_on</p>
</blockquote>
<p>I will be back, if you are there, just to present the framing of cronotopos on the petal. Self-explained, for sure: darkinhabitant toy will say to the audience: «Hello world!». Keep on your rhythm while keeping safety your gpg keys. Pray to the hipocrenides just while <a href="http://en.wikipedia.org/wiki/Chronotropic">chronotropicanding </a>and <a href="http://en.wikipedia.org/wiki/Chronotype">chronotypeanding</a>.</p>
<p>Aleph, <a href="https://lakurrealidad.files.wordpress.com/2014/12/poeticaro.jpg">arcadian mad</a>, a l'H <a href="https://eartesania.files.wordpress.com/2015/01/carta_abierta_cuerpo_social.png">TICmason</a>, <a href="https://lakurrealidad.files.wordpress.com/2011/12/sem1306.png">lisergian-libido-sintetic transtimed</a> therapist, ¡Vivan las lenguas romance!</p>
<p><img alt="image" src="https://lakurrealidad.files.wordpress.com/2010/12/al-patir-machado.jpg" style="width:200px" /></p>
<p>Lots of love, drtek, <a href="https://lakurrealidad.files.wordpress.com/2011/10/ba2.png">is our band</a>! Lots of <a href="https://lakurrealidad.files.wordpress.com/2014/12/a_004_c.png">love Soyos</a>, <a href="https://lakurrealidad.files.wordpress.com/2014/09/pg-4-gaza-1-epa.jpg">no-band-no-cry</a>!</p>
<p><img alt="image" src="https://lakurrealidad.files.wordpress.com/2015/01/chus_colega.png" style="width:200px" /></p>
<p> </p>
<p>REFERENCES:</p>
<p>[1] <a href="http://aleph1888.github.io/darkinhabitant/">"Darkinhabitant, a pervert guide to TIC" - 2015 - eartesania</a> - chapter two: "The goal"</p>
<p> </p>
<p> </p>
<p><strong>p.d.</strong>: Don't forget to <a href="https://lakurrealidad.files.wordpress.com/2012/02/resujetokate.gif">resujetokate</a> your ego's as the petals fall.</p>
</body>
</html>