-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
1187 lines (1108 loc) · 73.3 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
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
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<title>ChthuluGraph</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="css/vendor.css">
<link href="plugins/bootstrap-5.1.3/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
</head>
<body data-bs-spy="scroll" data-bs-target="#header-nav" tabindex="0">
<div id="overlayer">
<span class="loader">
<div class="dot dot-1"></div>
<div class="dot dot-2"></div>
<div class="dot dot-3"></div>
</span>
</div>
<!-- SVG Import -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="hamburger" xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512">
<title>Filter</title>
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"
d="M32 144h448M112 256h288M208 368h96" />
</symbol>
<symbol id="location" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
<g fill-rule="evenodd" clip-rule="evenodd">
<path d="M16.272 10.272a4 4 0 1 1-8 0a4 4 0 0 1 8 0Zm-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z" />
<path
d="M5.794 16.518a9 9 0 1 1 12.724-.312l-6.206 6.518l-6.518-6.206Zm11.276-1.691l-4.827 5.07l-5.07-4.827a7 7 0 1 1 9.897-.243Z" />
</g>
</symbol>
<symbol id="check" viewBox="0 0 16 16">
<title>Check</title>
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z">
</path>
</symbol>
<symbol id="bootstrap" viewBox="0 0 118 94">
<title>Bootstrap</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z">
</path>
</symbol>
<symbol id="home" viewBox="0 0 16 16">
<path
d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z" />
</symbol>
<symbol id="speedometer2" viewBox="0 0 16 16">
<path
d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z" />
<path fill-rule="evenodd"
d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z" />
</symbol>
<symbol id="table" viewBox="0 0 16 16">
<path
d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z" />
</symbol>
<symbol id="people-circle" viewBox="0 0 16 16">
<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
<path fill-rule="evenodd"
d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
</symbol>
<symbol id="grid" viewBox="0 0 16 16">
<path
d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z" />
</symbol>
<symbol id="collection" viewBox="0 0 16 16">
<path
d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z" />
</symbol>
<symbol id="calendar3" viewBox="0 0 16 16">
<path
d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" />
<path
d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
</symbol>
<symbol id="chat-quote-fill" viewBox="0 0 16 16">
<path
d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM7.194 6.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 6C4.776 6 4 6.746 4 7.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 9.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 6c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z" />
</symbol>
<symbol id="cpu-fill" viewBox="0 0 16 16">
<path d="M6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z" />
<path
d="M5.5.5a.5.5 0 0 0-1 0V2A2.5 2.5 0 0 0 2 4.5H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2A2.5 2.5 0 0 0 4.5 14v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14a2.5 2.5 0 0 0 2.5-2.5h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14A2.5 2.5 0 0 0 11.5 2V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5zm1 4.5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3A1.5 1.5 0 0 1 6.5 5z" />
</symbol>
<symbol id="gear-fill" viewBox="0 0 16 16">
<path
d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" />
</symbol>
<symbol id="speedometer" viewBox="0 0 16 16">
<path
d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z" />
<path fill-rule="evenodd"
d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z" />
</symbol>
<symbol id="toggles2" viewBox="0 0 16 16">
<path d="M9.465 10H12a2 2 0 1 1 0 4H9.465c.34-.588.535-1.271.535-2 0-.729-.195-1.412-.535-2z" />
<path
d="M6 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm.535-10a3.975 3.975 0 0 1-.409-1H4a1 1 0 0 1 0-2h2.126c.091-.355.23-.69.41-1H4a2 2 0 1 0 0 4h2.535z" />
<path d="M14 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0z" />
</symbol>
<symbol id="tools" viewBox="0 0 16 16">
<path
d="M1 0L0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z" />
</symbol>
<symbol id="chevron-right" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
</symbol>
<symbol id="geo-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z" />
</symbol>
</svg>
<!-- MENU -->
<header class="site-header position-fixed py-1 text-white">
<nav id="header-nav" class="navbar navbar-expand-lg px-3 mb-3">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src=""></a>
<button class="navbar-toggler text-white" type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasNavbar2" aria-controls="offcanvasNavbar2"
aria-label="Toggle navigation"><ion-icon name="menu-outline"></ion-icon></button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar2"
aria-labelledby="offcanvasNavbar2Label">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbar2Label">Menu</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end align-items-center flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link me-4" href="#theprocess">The Process</a>
</li>
<li class="nav-item">
<a class="nav-link me-4" href="#stay">About</a>
</li>
<li class="nav-item">
<a class="btn btn-primary btn-lg rounded-pill"
href="https://github.com/Explorers-in-the-Chthulucene/SemioticDrifting/tree/main">Github
Repo</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<!-- BANNER -->
<section id="intro" class="padding-large jarallax">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="section-title my-5">
<h2 id="backup" style="text-shadow: 0 0 10px #FF0000;" class="text-white display-2">
Chthulu<em>Graph</em></h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="card card-dark" data-aos="fade-up" data-aos-delay="0">
<div class="card-body">
<h3>A Knowledge Representation Heuristic Method</h3>
<p>Taking inspiration from this paper <a href="https://arxiv.org/abs/1811.01409">"Semantic
Role Labeling for Knowledge Graph Extraction from Text"</a> we studied how tools can
be used, together with heuristic methods, to produce content for an ontology[...]</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card card-dark" data-aos="fade-up" data-aos-delay="300">
<div class="card-body">
<h3>Script materials available</h3>
<p>Are you struggling with semantic role labelling? This shall become a great occasion to
understand more about the potentialities of knowledge representation and organization.
</p>
Access the repo above.
</div>
</div>
</div>
<div class="col-md-4">
<div class="card card-dark" data-aos="fade-up" data-aos-delay="600">
<div class="card-body">
<h3>Donna Haraway legacy</h3>
<p>What is this project about? Donna Haraway's <i>Staying with the Trouble</i>, is a book
that represents a milestone when it comes to questioning human-nature relationship,
together with nature/culture division. We are building a section about Donna Haraway's
Legacy</p>.
</div>
</div>
</div>
</div>
</div>
<img src="images/banner.jpg" class="jarallax-img">
</section>
<!-- WIDE BTN -->
<section id="intro">
<div class="d-grid">
<a href="#stay" class="btn btn-dark">↓ ↓ ↓ ↓ ↓ ↓ ↓</a>
</div>
</section>
<section id="intro">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="section-title my-5">
</div>
</div>
</div>
<!-- second intro : container del container -->
<div class="col-md-12" style="padding-bottom: 50px">
<div class=card data-aos="fade-up" data-aos-delay="600"
style="padding-left:25px; padding-right: 25px; padding-top: 25px; padding-bottom: 25px;">
<p id="stay" style="text-align: center;">~ ABOUT ~</p>
<div class="card" style="margin-top: 95px; margin-bottom: 95px;">
<header class="text-center my-5">
<span class="text-muted">[THE SOURCE]</span>
<h2 style="text-align: center;">Staying w/ the Trouble</h2>
</header>
<p id="seconPart" style="padding-left: 38px; padding-right: 38px; justify-content:center;">Donna
Haraway's philosophy transcends intellectual novelty, reaching into the realm of practical
implications that resound with transformative potential. Her groundbreaking work shatters
the confines of conventional thought, urging us to reimagine our relationships with the
myriad non-human beings who share our planet. By nurturing a sense of ecological
responsibility and ethical engagement, Haraway's philosophy challenges dominant power
structures and calls for multispecies solidarity. Her resonant voice echoes through
contemporary debates on social justice, environmental ethics, and the urgent imperative of
sustainable coexistence.
As we venture into the captivating tapestry of ideas woven within Chapter 7 of "Staying with
the Trouble," we embark on a profound journey of unlearning, reevaluation, and
reorientation. Haraway's visionary thinking beckons us to discard our preconceived notions
and embrace a paradigm shift that transcends anthropocentrism. Through her incisive prose,
we are compelled to forge new alliances, to grapple with the complexities of our entangled
existence, and to confront the pressing issues of our time with unwavering intellectual
rigor, boundless empathy, and an unyielding commitment to the flourishing of all beings.</a>
</div>
<!-- creative kit -->
<div class="container px-4 py-5" id="icon-grid">
<header class="text-center my-5">
<span class="text-muted">[HOW?]</span>
<h2><strong>The steps</strong></h2>
</header>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5">
<div class="col d-flex align-items-start">
<svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em">
<use xlink:href="#tools"></use>
</svg>
<div>
<h4 class="fw-bold mb-0">Knowledge Extraction</h4>
<p>Extraction of the main entities and concepts to build the ontology.</p>
</div>
</div>
<div class="col d-flex align-items-start">
<svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em">
<use xlink:href="#toggles2"></use>
</svg>
<div>
<h4 class="fw-bold mb-0">Knowledge Graph and Evaluation</h4>
<p>Defining the milestones for Ontology Development.</p>
</div>
</div>
<div class="col d-flex align-items-start">
<svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em">
<use xlink:href="#tools"></use>
</svg>
<div>
<h4 class="fw-bold mb-0">Ontology Design</h4>
<p>Competecny Questions and SPARQL queries are built to obtain a complete Graph.</p>
</div>
</div>
<div class="col d-flex align-items-start">
<svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em">
<use xlink:href="#cpu-fill"></use>
</svg>
<div>
<h4 class="fw-bold mb-0">Further Developments</h4>
<p></p>
</div>
</div>
</div>
</div>
<div class="card" style="margin-top: 40px;">
<header class="text-center my-5">
<span class="text-muted">[A Curious Practice]</span>
<h2 style="text-align: center;"><code>chapter seven</code></h2>
</header><!-- metti qui accordion item -->
<p id="seconPart" style="padding-left: 38px; padding-right: 38px; justify-content: center;">This
project delves into the magnificence of Donna Haraway's philosophy as it unfolds within the
pages of "Staying with the Trouble." Within the intricate tapestry of ideas interwoven in
Chapter 7, we strive to grasp the transformative power of her profound originality. By
delving into the depths of her thinking, we unravel the potential to reshape our
understanding of ourselves and the intricate fabric of the world we inhabit.</a>
<section class="padding-medium">
<div class="container">
<div class="row mb-3">
<div class="col-md-6">
<div class="accordion mb-5" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-expanded="false" aria-controls="collapseOne">
Reader | Chap 7 | Chthulu Concepts <b>*in progress, try the
first button*</b>
</h2>
<div id="collapseOne" class="accordion-collapse collapse"
aria-labelledby="headingOne">
<div class="accordion-body">
<button id="btn" type="button" class="btn btn-outline-primary"
style="margin-bottom: 25px;">CC | Chthulu Concepts</button>
<button id="btn" type="button" class="btn btn-outline-primary"
style="margin-bottom: 25px;">CC | Chthulu Entities</button>
<p style="text-align:justify;">Vinciane Despret <a
id="keywords">thinks-with</a> other beings, human and
not. That is a rare and precious vocation. Vocation:
calling, calling with, called by, calling as if the world
mattered, calling out, going too far, going visiting.
Despret listened to a singing blackbird one morning—a living
blackbird outside her particular window—and that way learned
what importance sounds like. She thinks in attunement with
those she thinks with—recursively, inventively,
relentlessly—with joy and verve. She studies how beings
render each other capable in actual encounters, and she
theorizes— makes cogently available—that kind of theory and
method. Despret is not interested in thinking by discovering
the stupidities of others, or by reducing the field of
attention to prove a point. Her kind of thinking enlarges,
even invents, the competencies of all the players, including
herself, such that the domain of ways of being and knowing
dilates, expands, adds both ontological and epistemological
possibilities, proposes and enacts what was not there
before. That is her worlding practice. She is a philosopher
and a scientist who is allergic to denunciation and hungry
for discovery, needy for what must be known and built
together, with and for earthly beings, living, dead, and yet
to come. Referring both to her own practice for observing
scientists and also to the practices of ethologist Thelma
Rowell observing her Soay sheep, Despret affirmed “a
particular epistemological position to which I am committed,
one that I call a virtue: the virtue of politeness.” In
every sense, Despret’s cultivation of politeness is a
curious practice. She trains her whole being, not just her
imagination, in Arendt’s words, “to go visiting.” Visiting
is not an easy practice; it demands the ability to find
others actively interesting, even or especially others most
people already claim to know all too completely, to ask
questions that one’s interlocutors truly find interesting,
to cultivate the wild virtue of curiosity, to retune one’s
ability to sense and respond—and to do all this politely!
What is this sort of politeness? It sounds more than a
little risky. Curiosity always leads its practitioners a bit
too far off the path, and that way lie stories. The first
and most important thing at risk in Despret’s practice is an
approach that assumes that beings have pre-established
natures and abilities that are simply put into play in an
encounter. Rather, Despret’s sort of politeness does the
energetic work of holding open the possibility that
surprises are in store, that something interesting is about
to happen, but only if one cultivates the virtue of letting
those one visits intra-actively shape what occurs. They are
not who/what we expected to visit, and we are not who/what
were anticipated either. Visiting is a subjectand
object-making dance, and the choreographer is a trickster.
Asking questions comes to mean both asking what another
finds intriguing and also how learning to engage that
changes everybody in unforeseeable ways. Good questions come
only to a polite inquirer, especially a polite inquirer
provoked by a singing blackbird. With good questions, even
or especially mistakes and misunderstandings can become
interesting. This is not so much a question of manners, but
of epistemology and ontology, and of method alert to
off-the-beaten-path practices. At the least, this sort of
politeness is not what Miss Manners purveys in her advice
column. There are so many examples of Despret learning and
teaching polite inquiry. Perhaps the most famous is her
visit to the Negev desert field site of the Israeli
ornithologist Amotz Zahavi, where she encountered Arabian
babblers who defied orthodox accounts of what birds should
be doing, even as the scientists also acted off-script
scientifically. Specifically, Zahavi asked in excruciating
detail, what matters to babblers? He could not do good
science otherwise. The babblers’ practices of altruism were
off the charts, and they seemed to do it, according to
Zahavi, for reasons of competitive prestige not well
accounted for by theories like kin selection. Zahavi let the
babblers be interesting; he asked them interesting
questions; he saw them dance. “Not only were these birds
described as dancing together in the morning sunrise, not
only were they eager to offer presents to one another, not
only would they take pride in caring for each other’s
nestlings or in defending an endangered comrade, but also,
according to Zahavi’s depiction, their relations relied on
trust.” What Despret tells us she came to know is that the
specific practices of observation, narration, and the
liveliness of the birds were far from independent of each
other. This was not just a question of worldviews and
related theories shaping research design and
interpretations, or of any other purely discursive effect.
What scientists actually do in the field affects the ways
“animals see their scientists seeing them” and therefore how
the animals respond. In a strong sense, observers and birds
rendered each other capable in ways not written into
preexisting scripts, but invented or provoked, more than
simply shown, in practical research. Birds and scientists
were in dynamic, moving relations of attunement. The
behavior of birds and their observers were made, but not
made up. Stories are essential, but are never “mere”
stories. Zahavi seemed intent on making experiments with
rather than on babblers. He was trying to look at the world
with the babblers rather than at them, a very demanding
practice. And the same demands were made of Despret, who
came to watch scientists but ended up in a much more complex
tangle of practices. Birds and scientists do something, and
they do it together. They become-with each other. The world
in the southern Israeli desert was composed by adding
competencies to engage competencies, adding perspectives to
engage perspectives, adding subjectivities to engage
subjectivities, adding versions to understand versions. In
short, this science worked by addition, not subtraction.
Worlds enlarged; the babblers and the scientists— Despret
included—inhabited a world of propositions not available
before. “Both humans and babblers create narratives, rather
than just telling them. They create/disclose new scripts.”
Good questions were posed; surprising answers made the world
richer. Visiting might be risky, but it is definitely not
boring. Despret’s work is full of literal collaborations,
with people and with animals, not simply metaphors of
thinking with each other. I admit I am drawn most by the
collaborations that entangle people, critters, and
apparatuses. No wonder that Despret’s work with sociologist
Jocelyne Porcher and the farmers, pigs, and cows in their
care sustains me. Despret and Porcher visited cow and pig
breeders on nonindustrial French farms, where the humans and
animals lived in daily interaction that led sober,
nonromantic, working breeders to say such things as, “We
don’t stop talking with our animals.” The question that led
Despret and Porcher to the farmers circled around their
efforts to think through what it means to claim that these
domestic food-producing animals are working, and working
with their people. The first difficulty, not surprisingly,
was to figure out how to ask questions that interested the
breeders, that engaged them in their conversations and
labors with their animals. It was decidedly not interesting
to the breeders to ask how animals and people are the same
or different in general. These are people who make
particular animals live and die and who live, and die, by
them. The task was to engage these breeders in constructing
the questions that mattered to them. The breeders
incessantly “uprooted” the researchers’ questions to address
the queries that concerned them in their work. The story has
many turns, but what interested me most was the insistence
of the breeders that their animals “know what we want, but
we, we don’t know what they want.” Figuring out what their
animals want, so that people and cows could together
accomplish successful breeding, was the fundamental
conjoined work of the farm. Farmers bad at listening to
their animals, bad at talking to them, and bad at responding
were not good farmers in their peers’ estimation. The
animals paid attention to their farmers; paying equally
effective attention to the cows and pigs was the job of good
breeders. This is an extension of subjectivities for both
people and critters, “becoming what the other suggests to
you, accepting a proposal of subjectivity, acting in the
manner in which the other addresses you, actualizing and
verifying this proposal, in the sense of rendering it true.”
The result is bringing into being animals that nourish
humans, and humans that nourish animals. Living and dying
are both in play. “Working together” in this kind of daily
interaction of labor, conversation, and attention seems to
me to be the right idiom. Continually hungry for more of
Despret’s visiting with critters, their people, and their
apparatuses—hungry for more of her elucidations of
“anthropo-zoo-genesis” —I have a hard time feeling satisfied
with only human people on the menu. That prejudice took a
tumble when I read Women Who Make a Fuss: The Unfaithful
Daughters of Virginia Woolf, which Isabelle Stengers and
Vinciane Despret wrote together with an extraordinary
collective of bumptious women. “Think we must!” cries this
book, in concert with the famous line from Virginia Woolf’s
Three Guineas. In Western worlds, and elsewhere too, women
have hardly been included in the patrilines of thinking,
most certainly including the patrilines making decisions for
(yet another) war. Why should Virginia Woolf, or any other
woman, or men for that matter, be faithful to such
patrilines and their demands for sacrifice? Infidelity seems
the least we should demand of ourselves! This all matters,
but the question in this book is not precisely that, but
rather what thinking can possibly mean in the civilization
in which we find ourselves. “But how do we take back up a
collective adventure that is multiple and ceaselessly
reinvented, not on an individual basis, but in a way that
passes the baton, that is to say, affirms new givens and new
unknowns?” We must somehow make the relay, inherit the
trouble, and reinvent the conditions for multispecies
flourishing, not just in a time of ceaseless human wars and
genocides, but in a time of humanpropelled mass extinctions
and multispecies genocides that sweep people and critters
into the vortex. We must “dare ‘to make’ the relay; that is
to create, to fabulate, in order not to despair. In order to
induce a transformation, perhaps, but without the artificial
loyalty that would resemble ‘in the name of a cause,’ no
matter how noble it might be.” Hannah Arendt and Virginia
Woolf both understood the high stakes of training the mind
and imagination to go visiting, to venture off the beaten
path to meet unexpected, non-natal kin, and to strike up
conversations, to pose and respond to interesting questions,
to propose together something unanticipated, to take up the
unasked-for obligations of having met. This is what I have
called cultivating response-ability. Visiting is not a
heroic practice; making a fuss is not the Revolution;
thinking with each other is not Thought. Opening up versions
so stories can be ongoing is so mundane, so earth-bound.
That is precisely the point. The blackbird sings its
importance; the babblers dance their shining prestige; the
storytellers crack the established disorder. That is what
“going too far” means, and this curious practice is not
safe. Like Arendt and Woolf, Despret and her collaborators
understand that we are dealing with “the idea of a world
that could be habitable.” “The very strength of women who
make a fuss is not to represent the True, rather to be
witnesses for the possibility of other ways of doing what
would perhaps be ‘better.’ The fuss is not the heroic
statement of a grand cause . . . It instead affirms the need
to resist the stifling impotence created by the ‘no
possibility to do otherwise, whether we want it or not,’
which now reigns everywhere.” It is past time to make such a
fuss. Despret’s curious practice has no truck with loyalty
to a cause or doctrine; but it draws deeply from another
virtue that is sometimes confused with loyalty, namely,
“thinking from” a heritage. She is tuned to the obligations
that inhere in starting from situated histories, situated
stories. She retells the parable of the twelve camels in
order to tease out what it means to “start from,” that is,
to “remain obligated with respect to that from which we
speak, think, or act. It means to let ourselves learn from
the event and to create from it.” In a sort of cat’s cradle
with powerful fables, Despret received the parable from
Isabelle Stengers, and then she relayed it to me in early .
I relay it back to her here. To inherit is an act “which
demands thought and commitment. An act that calls for our
transformation by the very deed of inheriting.” In his will,
the father in this story left his three quarrelsome sons a
seemingly impossible inheritance: eleven camels to be
divided in a precise way, half to the eldest son, a quarter
to the second son, and a sixth to the third. The perverse
requirements of the legacy provoked the confused sons, who
were on the verge of failing to fulfill the terms of the
will, to visit an old man living in the village. His savvy
kindness in giving the sons a twelfth camel allowed the
heirs to create a solution to their difficult heritage; they
could make their inheritance active, alive, generative. With
twelve camels, the fractions worked, and there was one camel
left over to give back to the old man. Despret notes that
the tale she read left actual camels out of the enlargement
and creativity of finding what it means to “start from.”
Those storied camels were conventional, discursive, figural
beasts, whose only function was to give occasion for the
problematic sons to grow in patriarchal understanding,
recapitulating more than a little the history of philosophy
that Despret—and I—inherited. But by listening, telling, and
activating that particular story her way, she makes
something that was absent present. She made an interesting,
curious fuss without denouncing anybody. Therefore, another
heritage emerges and makes claims on anyone listening,
anyone attuned. It isn’t just philosophy that has to change;
the mortal world shifts. Long-legged, big-lipped, humped
camels shake the dust from their hot, hard-worked hides and
nuzzle the storyteller for a scratch behind the ears.
Despret, and because of her, we, inherit camels now, camels
with their people, in their markets and places of travel and
labor, in their living and dying in worlds-at-stake, like
the contemporary Gobi Desert. We start from what is
henceforth a dilated story that makes unexpected demands to
cultivate response-ability. If we are to remain faithful to
starting from the transformed story, we can no longer not
know or not care that camels and people are at stake to each
other—across regions, genders, races, species, practices.
From now on, call that philosophy, a game of cat’s cradle,
not a lineage. We are obligated to speak from situated
worlds, but we no longer need start from a humanist
patriline and its breath-taking erasures and high-wire acts.
The risk of listening to a story is that it can obligate us
in ramifying webs that cannot be known in advance of
venturing among their myriad threads. In a world of
anthropozoogenesis, the figural is more likely than not to
grow teeth and bite us in the bum. Despret’s philosophical
ethology starts from the dead and missing as well as from
the living and visible. She has studied situated human
beings’ mourning practices for their dead in ways strongly
akin to her practice of philosophical ethology; in both
domains, she attends to how—in practice—people can and do
solicit the absent into vivid copresence, in many kinds of
temporality and materiality. She attends to how practices—
activated storytelling—can be on the side of what I call
“ongoingness”: that is, nurturing, or inventing, or
discovering, or somehow cobbling together ways for living
and dying well with each other in the tissues of an earth
whose very habitability is threatened. Many kinds of failure
of ongoingness crumble lifeways in our times of onrushing
extinctions, exterminations, wars, extractions, and
genocides. Many kinds of absence, or threatened absence,
must be brought into ongoing response-ability, not in the
abstract but in homely storied cultivated practice. To my
initial surprise, this matter brought Despret and me
together with racing pigeons, also called carrier pigeons
(in French voyageurs) and with their avid fanciers (in
French colombophiles, lovers of pigeons). I wrote an essay
for Despret after an extraordinary week with her and her
colleagues in the chateau at Cerisy in July , in which I
proposed playing string figure games with companion species
for cultivating multispecies response-ability. I sent
Despret a draft containing my discussion of the wonderful
art-technology-environmental-activist project by Beatriz da
Costa called PigeonBlog, as well as a discussion of the
communities of racing pigeons and their fanciers in Southern
California. Pigeon racing is a working-class men’s sport
around the world, one made immensely difficult in conditions
of urban war (Baghdad, Damascus), racial and economic
injustice (New York, Berlin), and displaced labor and play
of many kinds across regions (France, Iran, California). I
care about art-design-activist practices that join diverse
people and varied critters in shared, often vexed public
spaces. “Starting from” this caring, not from some
delusional caring in general, landed me in innovative pigeon
lofts, where, it turned out, Despret, attuned to practices
of commemoration, had already begun to roost. In particular,
by leading me to Matali Crasset’s Capsule, built in in the
leisure park of Caudry, she shared her understanding of the
power of holding open actual space for ongoing living and
working in the face of threatened absence as a potent
practice of commemoration. The Beauvois association of
carrier pigeon fanciers asked Crasset, an artist and
industrial designer, to build a prototype pigeon loft that
would combine beauty, functionality for people and birds,
and a pedagogic lure to draw future practitioners into
learning demanding skills. Actual pigeons had to thrive
inhabiting this loft; actual colombophiles had to experience
the loft working; and actual visitors to the ecological
park, which was rehabilitating exhausted farmland into a
variegated nature reserve for recuperating critters and
people, had to be infected with the desire for a life
transformed with avian voyageurs. Despret understood that
the prototype, the memorial, had to be for both the carrier
pigeons and their people—past, present and yet to come.
Neither the critters nor the people could have existed or
could endure without each other in ongoing, curious
practices. Attached to ongoing pasts, they bring each other
forward in thick presents and still possible futures; they
stay with the trouble in speculative fabulation.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<h3 id="Legacy" style="color:blue"><br><br>THE PROJECT FOR HARAWAY'S LEGACY</h3>
<p>Without aiming at taming the anti-categorical nature of Haraway's thought, we
thought useful and interesting to create an Ontology to try and organize the
content of Staying with the trouble with the twofold aim, on the one hand,
of making the stories and the thoughts contained in these pages more
navigable for people, on the other hand of enhancing the reach of Haraway's
connections and thought-travels by linking entities such as, people, places,
events and so on, with other existing knowledge on the web. As Haraway would
put it, this ontology aims at playing string figures and entangle different
sources of knowledge on the web to create a resource where users can exploit
digital tools to learn and play around while staying with the trouble.</a>
</p>
</div>
</section>
</div>
<!-- start block quoute
<div class="row mb-5">
<div class="col-md-6">
<blockquote class="blockquote">
<p>Neither the critters nor the people could have existed or could endure without each other in ongoing, <b>curious practices</b>. Attached to ongoing pasts, they bring each other forward in thick presents and still possible futures; <b>they stay with the trouble in speculative fabulation</b>.</p>
<cite class="mb-5">Donna Haraway, Staying with the Trouble, chap. 7</cite>
</blockquote>
</div>
<div class="col-md-6" style="background: url('images/veronika-jorjobert-27w3ULIIJfI-unsplash.jpg');background-size: cover;">
</div>
</div></div></div></div></div>
end block quoute -->
<!-- inizio 1a card Knowledge Extraction-->
<div class="card" style="margin-top: 40px;">
<header class="text-center my-5">
<a id="theprocess" href="SVG\kgEvaluation.svg"
title="Knowledge Extraction with semi-automated techniques"
class="image-link float-end"><img src="SVG\kgEvaluation.svg" width="50%"></a>
<h2 style="color:orange;">Knowledge Extraction</h2>
</header><!-- prova qui-->
<div class="col-md-24" style="padding: 25px;color:grey">
Considering the originality of the text we are dealing with, we decided to use several
automated tools along with our analogical interpretation of the text. Our aims where, on the
one hand, achieving a comprehensive understanding of the content of the text on a conceptual
level, on the other hand annotate the text syntactically and semantically to be able to
inquire deeper in the relation between Haraway's theory and the semiotics that convey it.
</div>
<div class="row mb-3">
<!-- toggle 1-->
<section class="padding-medium">
<div class="container">
<div class="col-md-12">
<div class="bootstrap-tabs">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-home-tab"
data-bs-toggle="tab" data-bs-target="#nav-home" type="button"
role="tab" aria-controls="nav-home" aria-selected="true">Topic
Modelling</button>
<button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab"
data-bs-target="#nav-profile" type="button" role="tab"
aria-controls="nav-profile" aria-selected="false">NER,
Dependencies and more</button>
<button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab"
data-bs-target="#nav-contact" type="button" role="tab"
aria-controls="nav-contact" aria-selected="false">FRED,
FrameNet</button>
</div>
</nav>
<di class="tab-content" id="nav-tabContent">
<div style="color: blue;" class="tab-pane fade show active"
id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
Along with the personal interpretation of our sources , we used
BERTopic to extract meaningful topics, especially the central
theoretical concepts, from the text. Find below the documentation of
this step.
<br> 📈<a href="script/BertTOPIC/topic_viz.html">Topics Interactive
Visualization</a>
<br> 📈<a href="script/BertTOPIC/similarity_heatmap">Similarity
Heatmap</a>
<br> 📈<a href="script/BertTOPIC/barchart.html">Barchart</a>
<br> 📈<a href="script/BertTOPIC/visualize_doc.html">BERTopic
Sheet</a>
<script
src="https://gist.github.com/teragramgius/3fd7fd0017fc31f8ffb64ce0623c4f10.js"></script>
</div>
<div style="color: blue;" class="tab-pane fade" id="nav-profile"
role="tabpanel" aria-labelledby="nav-profile-tab">
We used BookNLP natural language processing pipeline that scales to
books and other long documents (in English). To fully annotate the
text and extract its main entities as well as their relations and
dependencies. The pipeline produces 6 files: Tokens, Entities,
Supersense, Quotes (csv) and two Book files (json and html).
Althought the entire output was useful for in-depth analysis of
Staying with the trouble it didn't seem to perform very accurately
on it, according to our needs, probably because of the philosophical
and poetic content, in comparison to more narrative texts. For this
reason we decided to concentrate only on one chapter, Chapter 7: A
Curious Practice and manually correct the output of the tokens file.
This process allowed us to precisely access the tool's accuracy and
to obtain useful data for the creation of our ontology vocabulary
and model. Click here to read the documentation about the workflow.
<scrip
src="https://gist.github.com/teragramgius/9660d401f2b47b3e9feb75eadd68d437.js">
</script>
</div>
<div style="color: blue;" class="tab-pane fade" id="nav-contact"
role="tabpanel" aria-labelledby="nav-contact-tab">
FRED is a machine reader for the Semantic Web: it is able to parse
natural language text in 48 different languages and transform it to
linked data. <br>Our initial aim was to exploit FRED's output to add
semantic role labeling of the entities we extracted in the previous
steps. Unfortunately, this task resulted too time-consuming and
complex to preform in the contest of this project, that's why we
decided to try and mimic fred's semantic notation through a more
simple, semi-automated process that implied manually annotating
identified Frames and Roles in the first paragraph of Chapter 7 and
creating a Python pipeline to automatically create instances of
entities and their relation, according to our designed Ontology
model. <br>To annotate Frames we studied FrameNet project and went
through its lexical units index to see if we could classify our
sentences in appropriate FrameNet frames. When suitable, we adopted
FrameNet data, otherwise we created our own Frame, such as in the
case of the Frame Collaborative_thinking, give that it evokes a
semantic concept that is original to Donna Haraway's theory.
The identification of frames in the text was carried out following
this workflow. Identification of all the main concepts Individuation
of the significant terms related to each concept and relation of
concepts between them Abstraction into Frames evoked by the previous
conceptualization Aligning identified Frames with FrameNet's where
possible Listing of lexical units (concept-related identified
lexical units + new FrameNet related lexical unit) <br>
Find here all annotated Frames of our first paragraph.<a
href="images\fred_out_ex.png" title="FRED_output"
class="image-link float-end"><img
src="images\icons8-click-48.png"></a></div>
</section>
</div>
</div>
<!-- inizio 2a card Ontology Design--->
<div class="card" style="margin-top: 40px;">
<header class="text-center my-5">
<a href="SVG\merge.svg" title="Ontology Design" class="image-link float-end"><img
src="SVG\merge.svg" width="50%"></a>
<h2 style="color:orange;">Ontology Design</h2>
</header>
<!-- intro-->
<div class="col-md-24" style="padding: 25px; color:grey">
According to the Knowledge Extraction performed on the text we designed <b>two ontologies</b> to represent different layers of
abstractions. <br> They are concieved to be mapped through the owl property <b>sameAs</b>
when an instance of a concept is found by parsing the text, allowing to connect semantic
text-tied information at a sentence level with a more broader understanding of Haraway's
theory, in a process that unfolds from the particular to the general and is able to give a
comprehensive overview of how Entities, their roles and the conceptual knowledge they convey
are related to each other as well as hinting at how Haraway style of writing works on a
textual level. <br>
The final Ontology <b>ChthuluGraph</b> is the result of the merge of our
two desigend ontologies -described below- Chthulucene and ChthuluConceps.<br>
In Chthulugraph the equal classes <code>Concept</code> in both ontologies and their individuals are mapped, expanding the knowledge
about Concept individuals in Chthulucene by adding information about how different concepts
relate and interact with each other according to ChthuluConcepts' model<br><br>
<a href="ontologies/ChthuluGraph.ttl" download>>> 🔗 download ChthuluGraph.ttl</a><br><br>
<h2 style="color:orange; padding-top: 25px;">Ontology no.1 | ChthuluConcepts</h2>
<a href="ontologies/ChthuluConcepts.ttl" download>>> 🔗 download
ChthuluConcepts.ttl</a><br><br>
<h2 class="text-muted">Extracted Concepts</h2>This Ontology is designed to represent the
content of the text at a theoretical level. Starting from topic modeling and our
understanding of Staying with the trouble's Chapter 7, we created an Ontology to connect
meaningful extracted Concepts between them, highlighting their interconnectedness and
relations. <br>
<code>Becoming-with </code> <br>
<code>Go-visit </code> <br>
<code>Inheritance</code> <br>
<code>Ongoingness</code> <br>
<code>Playing SF</code> <br>
<code>Politeness</code> <br>
<code>Render-capable</code> <br>
<code>Response-ability</code> <br>
<code>Storytelling</code> <br>
<code>Think-from</code> <br>
<code>Think-with</code> <br>
<code>Worlding</code><br>
</div>
<div class="col-md-24" style="padding: 25px;color:grey">
<h2 class="text-muted">Classes</h2>The extracted individuals where grouped in three classes,
that have a general Concept class as Superclass:<br>
<ul>
<li><code style="color: orangered;">ActivityConcept</code>: ActivityConcepts are
situated, concrete processes actuated by and through the beings -human and not- that
participate in them. They are re-inventions of common activities such as "thinking",
"becoming" in the non-anthropocentric frame of the Chthulucene and they usually
require equal co-participation of all entities involved.</li>
<li><code style="color: orangered;">PracticeConcept</code>: A PracticeConcept identifies
general practices described by DonnaHaraway these practices are general conceptual
frames to understand and act in a troubled word and may manifest in different
situated examples. They are considered at an abstract level and explained through
original evocative terms such as "SF", "Worlding", "Ongoingness".</li>
<li><code style="color: orangered;">ModeConcept</code>: ModeConcepts are ways of doing
things, a particular state of mind and predisposition that is necessary for enabling
an ActivityConcept or a PracticeConcept. For example, Donna Haraway defines
Politeness as a virtue that makes the activity of thinking-with a generative
activity, really capable of transforming the beings that participate in it. In other
words, Politeness is the modality of thinking that transform "think" in
"think-with".</li>
</ul>
</div>
<div class="col-md-24" style="padding: 25px;color:grey">
<h2 class="text-muted">Properties</h2>We established the relationships between Concepts by
interpreting Donna Haraway's theory and created a conceptual map. <a
href="images\Concept_map.png" title="concept_map" class="image-link float-end"><img
src="images\icons8-click-48.png"></a><br> These are our final objectProperties:
<code>exampleOf</code> <br>
<code>hasExample</code> <br>
<code>generatedBy</code> <br>
<code>generates</code> <br>
<code>hasCondition</code> <br>
<code>impliesActivity</code> <br>
<code>impliedIn</code> <br>
<code>overlapsWith</code> <br>
</div>
<div class="col-md-24" style="padding: 25px;color:grey">
<h2 class="text-muted">Competency Questions</h2>We designed some Competency questions to be
able to evaluate the fulfillment of our ontology requirements by meand of SPARQL queries on
the Knowledge Graph:<br>
<ol>
<li>Which Practice implies the activity of thinking-with?</li>
<li>Which concepts generate other concepts? What are these other concepts?</li>
<li>What are the concepts that whose meaning overlap?</li>
<li>Which Concepts are activities?</li>
<li>Which Concepts are Practices?</li>
<li>What does Playing String Figures concept overlaps with?</li>
</ol>
Expected results:
<ol>
<li>To go visit</li>
<li>to become-with <code>generates</code> ongoingness</li>
<li>to become-with <code>and</code> to render-capable, storytelling <code>and</code>
playing String Figures, Inheritance <code>and</code> Storytelling</li>
<li>to become-with, Playing SF, to render-capable, Storytelling, tho think-from, to
think-with</li>
<li>to go-visit, Inheritance, Ongoingness, Worlding</li>
<li>thinking-with <code>has condition</code> Politeness, Ongoingness
<code>has condition</code> response-ability</li>
</ol>
<a
href="https://github.com/Explorers-in-the-Chthulucene/SemioticDrifting/blob/main/script/chthulu_cq.ipynb">🔗Go
to the SPARQL Queries</a> <br>
<a
href="https://github.com/Explorers-in-the-Chthulucene/SemioticDrifting/blob/main/script/chthulu_cq.ipynb">📓Go
to Documentation Notebook</a>
<h2 style="color:orange; padding-top: 25px;">Ontology no.2 | Chthulucene</h2>
<a href="ontologies/Chthulucene.ttl" download> >> 🔗 download Chthulucene.ttl</a><br><br>
<h2 class="text-muted">Classes</h2>Starting from Frame semantics, we aimed to be able to
connect our extracted Entities with their semantic roles in each sentence, in order to anna
layer of undertanding of entities relationships in a context, as well as understanding
better what types of entities could cover which role, given that Donna Haraway especially
adopts a <b>non-anthropocentric view</b> and focuses on the importance of <b>multispecies
collaboration</b> as well as the centrality of <b>situating knowledge</b>, namely
expliciting from what position a being produces knowledge, or in Haraway's terms "what
thoughts think other thoughts". <br> To do so we identified for main classes to group
different types of Frame Arguments: <br>
<code>AgentiveEntity </code> <br>
<code>Concept </code> <br>
<code>Descriptor</code> <br>
<code>Place</code> <br> Each classes has several subclasses, adding more detailed
classification. <br>Finally, at the lower classes level, <b>every Named Entity extracted
from the text is a Class on its own</b>, given that, by parsing the text, several
instances of the same classes can be found. <br>Morover, we created two other classes: <br>
<code>Frame </code> <br>
<code>Role </code> <br> They both have as subclasses all the Frames and Roles we manually
annotated in the first paragraph of Chapter 7, and would need to be expanded if considering
the whole text. However, this is a very time consuming task to do manually, it could be done
by exploiting FRED framenet alignment, for example, but automating such a step was out of
the scope of this project. <br>So far these are the Frame subclasses extracted from the
first paragraph and present in our ontology:
<ol>
<li>Being_in_category</li>
<li>Cause_expansion</li>
<li>Collaborative_thinking</li>
<li>Coming_to_believe</li>
<li>Coming_up_with</li>
<li>Mental_stimulus_stimulus_focus</li>
<li>Needing</li>
<li>People_by_vocation</li>