-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·3997 lines (3478 loc) · 298 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
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2023-09-05 Tue 02:02 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>‎</title>
<meta name="author" content="Jeet Ray" />
<meta name="generator" content="Org Mode" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/styles/primary/syvl.css" />
<link rel="icon" href="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/icons/favicons/shiny-zigzagoon-galar.ico" sizes="any" />
<link rel="icon" href="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/icons/favicons/shiny-zigzagoon-galar.svg" />
<link rel="manifest" href="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/manifest.json" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/paraiso-dark.min.css" />
<script src="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/scripts/highlight/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<div class="header">
<h1>We Are Syvlorg.</h1>
<a href="">About Me</a>
<a href="">About This Website</a>
<a href="">About Syvlorg</a>
<a href="https://resume.syvl.org">Résumé</a>
<a href="https://index.syvl.org">Index</a>
</div>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/styles/primary/syvl.css" />
<link rel="icon" href="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/icons/favicons/shiny-zigzagoon-galar.ico" sizes="any" />
<link rel="icon" href="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/icons/favicons/shiny-zigzagoon-galar.svg" />
<link rel="manifest" href="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/manifest.json" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/paraiso-dark.min.css" />
<script src="https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/scripts/highlight/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<div class="header">
<h1>We Are Syvlorg.</h1>
<a href="">About Me</a>
<a href="">About This Website</a>
<a href="">About Syvlorg</a>
<a href="https://resume.syvl.org">Résumé</a>
<a href="https://index.syvl.org">Index</a>
</div>
</head>
<body>
<div id="content" class="content">
<div id="table-of-contents" role="doc-toc">
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
<li><a href="#orgecbc6a0">CNAME</a></li>
<li><a href="#c821137f-41fe-46e8-aeb6-bb288400d272">General Properties and Settings</a></li>
<li><a href="#0ee9b692-e89d-46f4-9f34-bffa599bf068">HTML Export Options</a>
<ul>
<li><a href="#orgbf13f81">Mathjax</a></li>
<li><a href="#org1151b72">HTML Headers</a>
<ul>
<li><a href="#orgb784bb4">Syvl Stylesheet</a></li>
<li><a href="#orgf6f7c79">Favicons</a></li>
<li><a href="#org5cf3aa6">Manifest</a></li>
<li><a href="#orge45cad7">Highlightjs</a></li>
<li><a href="#org5bacf6c">Header</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#org0cf57ad">manifest.json</a></li>
<li><a href="#org3f8b012">src</a>
<ul>
<li><a href="#org704187b">icons</a>
<ul>
<li><a href="#org1fc3716">favicons</a></li>
</ul>
</li>
<li><a href="#org94ede57">styles</a>
<ul>
<li><a href="#org42c4d75">primary</a></li>
<li><a href="#org4cae083">highlight</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#org5093ff5">patches</a>
<ul>
<li><a href="#orge7e2263">bcachefs-module.patch</a></li>
<li><a href="#org0af4c95">licenses.patch</a></li>
<li><a href="#org4ee157d">python.patch</a></li>
<li><a href="#orgd75b6a1">hy.patch</a></li>
</ul>
</li>
<li><a href="#orgf8d8005">setup-var.pl</a></li>
<li><a href="#org60f2c42">makefile</a></li>
<li><a href="#org1c0d5bd">.envrc</a></li>
<li><a href="#org8eec072">.gitignore</a></li>
<li><a href="#org206e8a4">templates</a>
<ul>
<li><a href="#org190d86d">general</a>
<ul>
<li><a href="#org8a2300b">index.org</a></li>
<li><a href="#org5575f7f">nix.org</a></li>
</ul>
</li>
<li><a href="#org97f4f3b">emacs</a>
<ul>
<li><a href="#org2aa8452">nix.org</a></li>
</ul>
</li>
<li><a href="#org4c0f042">python-app</a>
<ul>
<li><a href="#org0080538">makefile</a></li>
<li><a href="#orgca361f4">changethis</a></li>
<li><a href="#orgce57e9f">pyproject.toml</a></li>
<li><a href="#orgfd75e7b">nix.org</a></li>
</ul>
</li>
<li><a href="#orgf357152">python-package</a>
<ul>
<li><a href="#org2fe57c7">changethis</a></li>
<li><a href="#orgc8b9809">nix.org</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#org6b9cbc0">default.nix</a></li>
<li><a href="#orgbd0fb33">shell.nix</a></li>
<li><a href="#org281ed8f">.gitignore</a></li>
<li><a href="#org6b640cd">bin</a>
<ul>
<li><a href="#org0874363">org-export</a></li>
<li><a href="#orgd91f662">org-export-functions.el</a></li>
<li><a href="#org6f19cca">org-tangle</a></li>
<li><a href="#org58feac6">org-tangle-functions.el</a></li>
<li><a href="#org2d5e577">org-interpreter</a></li>
</ul>
</li>
<li><a href="#org5a343c7">Addendum</a></li>
</ul>
</div>
</div>
<div id="outline-container-orgecbc6a0" class="outline-2">
<h2 id="orgecbc6a0">CNAME</h2>
<div class="outline-text-2" id="text-orgecbc6a0">
<div class="org-src-container">
<pre><code class="language-plaintext match-braces rainbow-braces">bundle.syvl.org
</code></pre>
</div>
</div>
</div>
<div id="outline-container-c821137f-41fe-46e8-aeb6-bb288400d272" class="outline-2">
<h2 id="c821137f-41fe-46e8-aeb6-bb288400d272">General Properties and Settings</h2>
<div class="outline-text-2" id="text-c821137f-41fe-46e8-aeb6-bb288400d272">
<p>
If setting this up again, use <code>C-c C-c</code> on the results of the <code>emacs-lisp</code> code block; taken from <a href="https://emacs.stackexchange.com/users/91/mankoff">mankoff's</a> answer <a href="https://emacs.stackexchange.com/a/60223/31428">here</a>:
</p>
<p>
Adapted from <a href="https://stackoverflow.com/users/776405/whil">Whil's</a> answer <a href="https://stackoverflow.com/a/65232183/10827766">here</a>:
</p>
</div>
</div>
<div id="outline-container-0ee9b692-e89d-46f4-9f34-bffa599bf068" class="outline-2">
<h2 id="0ee9b692-e89d-46f4-9f34-bffa599bf068">HTML Export Options</h2>
<div class="outline-text-2" id="text-0ee9b692-e89d-46f4-9f34-bffa599bf068">
<p>
More options can be found <a href="https://orgmode.org/manual/Export-Settings.html">on the orgmode website</a>:
</p>
</div>
<div id="outline-container-orgbf13f81" class="outline-3">
<h3 id="orgbf13f81">Mathjax</h3>
<div class="outline-text-3" id="text-orgbf13f81">
<p>
More <code>mathjax</code> options can be found <a href="https://orgmode.org/manual/Math-formatting-in-HTML-export.html">on the orgmode website</a> and <a href="http://doc.endlessparentheses.com/Var/org-html-mathjax-options.html">doc.endlessparentheses.com</a>:
</p>
</div>
</div>
<div id="outline-container-org1151b72" class="outline-3">
<h3 id="org1151b72">HTML Headers</h3>
<div class="outline-text-3" id="text-org1151b72">
<p>
More <code>html</code> options can be found on the orgmode website:
</p>
<ul class="org-ul">
<li><a href="https://orgmode.org/manual/HTML-specific-export-settings.html">https://orgmode.org/manual/HTML-specific-export-settings.html</a></li>
<li><a href="https://orgmode.org/manual/Publishing-options.html#:~:text=HTML%20specific%20properties">https://orgmode.org/manual/Publishing-options.html#:~:text=HTML%20specific%20properties</a></li>
<li><a href="https://orgmode.org/worg/org-tutorials/org-publish-html-tutorial.html#org2656e9f">https://orgmode.org/worg/org-tutorials/org-publish-html-tutorial.html#org2656e9f</a></li>
<li><a href="https://orgmode.org/guide/HTML-Export.html">https://orgmode.org/guide/HTML-Export.html</a></li>
<li><a href="https://orgmode.org/manual/Quoting-HTML-tags.html">https://orgmode.org/manual/Quoting-HTML-tags.html</a></li>
</ul>
<p>
Adapted from <a href="https://raw.githubusercontent.com/alhassy/alhassy.github.io/master/AlBasmala.org#:~:text=HTML%2DPreamble%0A%20%20%3AEND%3A-,%23%2BBEGIN_SRC%20emacs%2Dlisp%20%3Aexports%20results%20%3Aresults%20raw%20replace%20drawer,-(s%2Djoin%20%22%5Cn">here</a>:
</p>
</div>
<div id="outline-container-orgb784bb4" class="outline-4">
<h4 id="orgb784bb4">Syvl Stylesheet</h4>
<div class="outline-text-4" id="text-orgb784bb4">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">link</span> <span style="font-weight: bold; font-style: italic;">rel</span>=<span style="font-style: italic;">"stylesheet"</span> <span style="font-weight: bold; font-style: italic;">type</span>=<span style="font-style: italic;">"text/css"</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">"https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/styles/primary/syvl.css"</span> />
</code></pre>
</div>
</div>
</div>
<div id="outline-container-orgf6f7c79" class="outline-4">
<h4 id="orgf6f7c79">Favicons</h4>
<div class="outline-text-4" id="text-orgf6f7c79">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">link</span> <span style="font-weight: bold; font-style: italic;">rel</span>=<span style="font-style: italic;">"icon"</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">"https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/icons/favicons/shiny-zigzagoon-galar.ico"</span> <span style="font-weight: bold; font-style: italic;">sizes</span>=<span style="font-style: italic;">"any"</span> />
<<span style="font-weight: bold;">link</span> <span style="font-weight: bold; font-style: italic;">rel</span>=<span style="font-style: italic;">"icon"</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">"https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/icons/favicons/shiny-zigzagoon-galar.svg"</span> />
</code></pre>
</div>
</div>
</div>
<div id="outline-container-org5cf3aa6" class="outline-4">
<h4 id="org5cf3aa6">Manifest</h4>
<div class="outline-text-4" id="text-org5cf3aa6">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">link</span> <span style="font-weight: bold; font-style: italic;">rel</span>=<span style="font-style: italic;">"manifest"</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">"https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/manifest.json"</span> />
</code></pre>
</div>
</div>
</div>
<div id="outline-container-orge45cad7" class="outline-4">
<h4 id="orge45cad7">Highlightjs</h4>
<div class="outline-text-4" id="text-orge45cad7">
<p>
Check out more styles here: <a href="https://highlightjs.org/static/demo/">https://highlightjs.org/static/demo/</a>
Favorites include:
</p>
<ul class="org-ul">
<li><a href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/gradient-dark.min.css">https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/gradient-dark.min.css</a></li>
<li><a href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/kimbie-dark.min.css">https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/kimbie-dark.min.css</a></li>
<li><a href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/paraiso-dark.min.css">https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/paraiso-dark.min.css</a></li>
<li><a href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/base16/gruvbox-dark-hard.min.css">https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/base16/gruvbox-dark-hard.min.css</a></li>
</ul>
<p>
Unminify using <a href="https://unminify.com/">this</a>.
</p>
<p>
<code>Note:</code> If just <code>rel="stylesheet"</code> and the <code>href</code> don't work, add <code>type="text/css"</code> as well.
</p>
<p>
Highlightjs theme for development:
</p>
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">link</span> <span style="font-weight: bold; font-style: italic;">rel</span>=<span style="font-style: italic;">"stylesheet"</span> <span style="font-weight: bold; font-style: italic;">type</span>=<span style="font-style: italic;">"text/css"</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">"https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/paraiso-dark.min.css"</span> />
</code></pre>
</div>
<p>
Custom bundle of languages, built using the instructions from <a href="https://github.com/highlightjs/highlight.js/issues/3033#issuecomment-943846001">here</a>:
</p>
<div class="org-src-container">
<pre><code class="language-sh match-braces rainbow-braces">node tools/build.js -t browser bash css diff dockerfile hy ini json lisp makefile nim nix plaintext python xml yaml
</code></pre>
</div>
<p>
Highlightjs for development:
</p>
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">script</span> <span style="font-weight: bold; font-style: italic;">src</span>=<span style="font-style: italic;">"https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/scripts/highlight/highlight.min.js"</span>></<span style="font-weight: bold;">script</span>>
</code></pre>
</div>
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">script</span>>hljs.highlightAll();</<span style="font-weight: bold;">script</span>>
</code></pre>
</div>
</div>
</div>
<div id="outline-container-org5bacf6c" class="outline-4">
<h4 id="org5bacf6c">Header</h4>
<div class="outline-text-4" id="text-org5bacf6c">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">div</span> <span style="font-weight: bold; font-style: italic;">class</span>=<span style="font-style: italic;">"header"</span>>
<<span style="font-weight: bold;">h1</span>><span style="font-weight: bold; text-decoration: underline;">We Are Syvlorg.</span></<span style="font-weight: bold;">h1</span>>
</code></pre>
</div>
</div>
<ul class="org-ul">
<li><a id="org240681b"></a>About<br />
<ul class="org-ul">
<li><a id="org093c4cd"></a>Me<br />
<div class="outline-text-6" id="text-org093c4cd">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">a</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">""</span>>About Me</<span style="font-weight: bold;">a</span>>
</code></pre>
</div>
</div>
</li>
<li><a id="org44ddc10"></a>This Website<br />
<div class="outline-text-6" id="text-org44ddc10">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">a</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">""</span>>About This Website</<span style="font-weight: bold;">a</span>>
</code></pre>
</div>
</div>
</li>
<li><a id="orga740f9d"></a>Syvlorg<br />
<div class="outline-text-6" id="text-orga740f9d">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">a</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">""</span>>About Syvlorg</<span style="font-weight: bold;">a</span>>
</code></pre>
</div>
</div>
</li>
</ul>
</li>
<li><a id="orgfa392a6"></a>Résumé<br />
<div class="outline-text-5" id="text-orgfa392a6">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">a</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">"https://resume.syvl.org"</span>>Résumé</<span style="font-weight: bold;">a</span>>
</code></pre>
</div>
</div>
</li>
<li><a id="org17e0e64"></a>Index<br />
<div class="outline-text-5" id="text-org17e0e64">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"><<span style="font-weight: bold;">a</span> <span style="font-weight: bold; font-style: italic;">href</span>=<span style="font-style: italic;">"https://index.syvl.org"</span>>Index</<span style="font-weight: bold;">a</span>>
</code></pre>
</div>
</div>
</li>
<li><a id="org3db689c"></a>End of Header<br />
<div class="outline-text-5" id="text-org3db689c">
<div class="org-src-container">
<pre><code class="language-html match-braces rainbow-braces"></<span style="font-weight: bold;">div</span>>
</code></pre>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="outline-container-org0cf57ad" class="outline-2">
<h2 id="org0cf57ad">manifest.json</h2>
<div class="outline-text-2" id="text-org0cf57ad">
<p>
Adapted from <a href="https://developer.mozilla.org/en-US/docs/Web/Manifest">here</a> and <a href="https://css-tricks.com/svg-favicons-and-all-the-fun-things-we-can-do-with-them/">here</a>:
</p>
<div class="org-src-container">
<pre><code class="language-json match-braces rainbow-braces">{
"$schema": "https://json.schemastore.org/web-manifest-combined.json",
"name": "Syvl",
"short_name": "Syvl",
"start_url": ".",
"display": "standalone",
"description": "A readable Syvlorg.",
"icons": [
{ "src": "https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/icons/favicons/shiny-zigzagoon-galar-192.png", "type": "image/png", "sizes": "192x192" },
{ "src": "https://cdn.jsdelivr.net/gh/sylvorg/bundle@main/src/icons/favicons/shiny-zigzagoon-galar-512.png", "type": "image/png", "sizes": "512x512" }
]
}
</code></pre>
</div>
</div>
</div>
<div id="outline-container-org3f8b012" class="outline-2">
<h2 id="org3f8b012">src</h2>
<div class="outline-text-2" id="text-org3f8b012">
</div>
<div id="outline-container-org704187b" class="outline-3">
<h3 id="org704187b">icons</h3>
<div class="outline-text-3" id="text-org704187b">
</div>
<div id="outline-container-org1fc3716" class="outline-4">
<h4 id="org1fc3716">favicons</h4>
<div class="outline-text-4" id="text-org1fc3716">
</div>
<ul class="org-ul">
<li><a id="org410ed56"></a>shiny-sandshrew-alola.svg<br />
<div class="outline-text-5" id="text-org410ed56">
<div class="org-src-container">
<pre><code class="language-xml match-braces rainbow-braces"><<span style="font-weight: bold;">svg</span> <span style="font-weight: bold;">xmlns</span>=<span style="font-style: italic;">"http://www.w3.org/2000/svg"</span> <span style="font-weight: bold; font-style: italic;">viewBox</span>=<span style="font-style: italic;">"0 -0.5 68 56"</span> <span style="font-weight: bold; font-style: italic;">shape-rendering</span>=<span style="font-style: italic;">"crispEdges"</span>>
<<span style="font-weight: bold;">metadata</span>>Made with Pixels to Svg https://codepen.io/shshaw/pen/XbxvNj</<span style="font-weight: bold;">metadata</span>>
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#000000"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 35h1M28 35h4M25 36h1M27 36h1M32 36h3M25 37h1M34 37h1M25 38h1M33 38h1M35 38h2M24 39h1M33 39h1M37 39h1M24 40h1M38 40h1M43 40h2M24 41h1M30 41h2M39 41h1M42 41h1M44 41h1M24 42h1M29 42h1M40 42h2M44 42h1M25 43h1M29 43h1M43 43h1M25 44h1M43 44h1M25 45h1M42 45h1M26 46h2M41 46h1M27 47h1M40 47h1M28 48h1M39 48h1M28 49h1M32 49h2M39 49h1M29 50h3M34 50h1M38 50h1M34 51h1M38 51h1M35 52h3"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c5e6f6"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 36h1M29 36h1M27 37h4M28 38h1M31 38h1M25 39h1M30 39h1M36 39h1M34 40h1M36 40h2M33 41h3M37 41h1M25 42h1M28 42h1M33 42h1M35 42h4M42 42h1M26 43h2M34 43h2M38 43h1M40 43h2M38 44h1M41 44h2M34 45h1M38 45h2M41 45h1M34 46h2M39 46h1M38 47h1M38 48h1M34 49h1M37 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ffffff"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M28 36h1M30 36h2M32 37h1M26 38h2M29 38h2M32 38h1M31 39h1M26 41h3M36 41h1M43 41h1M26 42h2M30 42h1M43 42h1M36 43h2M42 43h1M35 44h2M39 44h1M35 45h2M37 46h1M36 47h2M34 48h4M35 49h2M35 51h1M37 51h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#7b94ac"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 37h1M31 37h1M33 37h1M34 38h1M26 39h4M32 39h1M34 39h1M25 40h9M25 41h1M29 41h1M32 41h1M32 42h1M32 43h1M34 44h1M38 46h1M28 47h2M39 47h1M33 48h1M30 49h2M38 49h1M35 50h3"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#414141"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M35 39h1M35 40h1M38 41h1M34 42h1M39 42h1M33 43h1M39 43h1M31 44h2M37 44h1M40 44h1M29 45h2M33 45h1M37 45h1M40 45h1M28 46h2M33 46h1M36 46h1M40 46h1M30 47h1M34 47h2M29 48h3"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#314183"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 42h1M30 43h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#7bbbe1"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M28 43h1M31 43h1M26 44h5M27 45h1M31 47h3M32 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#5696bc"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M33 44h1M28 45h1M31 45h2M30 46h3"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#7b7b7b"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 45h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#bdbdb4"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 49h1M36 51h1"</span> />
</<span style="font-weight: bold;">svg</span>>
</code></pre>
</div>
</div>
</li>
<li><a id="org70b23de"></a>shiny-zigzagoon-galar.svg<br />
<div class="outline-text-5" id="text-org70b23de">
<div class="org-src-container">
<pre><code class="language-xml match-braces rainbow-braces"><<span style="font-weight: bold;">svg</span> <span style="font-weight: bold;">xmlns</span>=<span style="font-style: italic;">"http://www.w3.org/2000/svg"</span> <span style="font-weight: bold; font-style: italic;">viewBox</span>=<span style="font-style: italic;">"0 -0.5 68 56"</span> <span style="font-weight: bold; font-style: italic;">shape-rendering</span>=<span style="font-style: italic;">"crispEdges"</span>>
<<span style="font-weight: bold;">metadata</span>>Made with Pixels to Svg https://codepen.io/shshaw/pen/XbxvNj</<span style="font-weight: bold;">metadata</span>>
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#000000"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M41 37h2M32 38h2M36 38h2M40 38h1M42 38h1M27 39h1M29 39h1M31 39h1M34 39h2M37 39h1M39 39h1M43 39h2M26 40h1M28 40h1M30 40h1M38 40h1M44 40h1M26 41h1M45 41h1M45 42h1M25 43h1M44 43h1M25 44h1M42 44h1M25 45h1M41 45h1M24 46h1M40 46h1M24 47h1M40 47h1M24 48h1M37 48h1M40 48h1M25 49h1M36 49h1M25 50h1M28 50h3M34 50h1M25 51h1M30 51h1M33 51h1M26 52h1M31 52h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#d10048"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M41 38h1M36 39h1M40 39h2M32 40h2M32 41h1M44 42h1M40 43h1M35 44h1M40 44h1M34 45h2M40 45h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#d5004d"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M32 39h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#bdbebd"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M33 39h1M38 43h1M37 44h1M36 45h2M25 48h1M36 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#313031"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M42 39h1M44 41h1M26 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ffffff"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 40h1M29 40h1M35 40h1M40 40h1M27 41h1M35 41h3M41 41h2M28 42h2M33 42h1M36 42h2M27 43h4M32 43h3M36 43h1M28 44h1M30 44h4M31 45h2M25 46h2M32 46h2M26 47h1M31 47h2M26 48h2M31 48h3M39 48h1M28 49h3"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#d20049"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 40h1M31 41h1M38 41h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c0bfc0"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M34 40h1M30 42h1M37 43h1M30 45h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#d00047"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 40h2M42 40h2M43 41h1M38 42h2M39 43h1M36 44h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#3c3e3c"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 40h1M30 41h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c4003b"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M41 40h1M40 41h1M35 46h1M34 47h2M32 50h2M32 51h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#aaaaaa"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M28 41h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ca0042"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 41h1M25 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#424142"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M33 41h2M31 42h2M34 42h2M40 42h2M31 43h1M35 43h1M41 43h1M34 44h1M33 45h1M34 46h1M33 47h1M32 49h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#080808"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 42h1M43 43h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#acacac"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 42h1M26 43h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#bcc3bc"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M42 42h1M42 43h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#444644"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M43 42h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c7003e"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 44h2M26 45h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c6003d"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 44h1M28 45h2M27 46h1M30 46h2M30 47h1M28 48h1M30 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c0bec0"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M38 44h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c90040"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 44h1M38 45h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#b5b6b5"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M41 44h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#00afb6"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M28 46h1M28 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ffeeff"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 46h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#bdbfbd"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 46h3M39 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#be0034"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 46h1M36 47h3"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#a8a8a8"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 47h1M29 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#5de4e7"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#474347"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M34 48h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#aaabaa"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M38 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#bababa"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c5c5c5"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c6c3c6"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M34 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#090409"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M35 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#000400"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M38 49h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#229ea4"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 50h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#6cdde3"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 50h1M26 51h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c8003f"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 50h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#090400"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 51h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#f6fbf6"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 51h1"</span> />
</<span style="font-weight: bold;">svg</span>>
</code></pre>
</div>
</div>
</li>
<li><a id="org1375df6"></a>shiny-linoone-galar.svg<br />
<div class="outline-text-5" id="text-org1375df6">
<div class="org-src-container">
<pre><code class="language-xml match-braces rainbow-braces"><<span style="font-weight: bold;">svg</span> <span style="font-weight: bold;">xmlns</span>=<span style="font-style: italic;">"http://www.w3.org/2000/svg"</span> <span style="font-weight: bold; font-style: italic;">viewBox</span>=<span style="font-style: italic;">"0 -0.5 68 56"</span> <span style="font-weight: bold; font-style: italic;">shape-rendering</span>=<span style="font-style: italic;">"crispEdges"</span>>
<<span style="font-weight: bold;">metadata</span>>Made with Pixels to Svg https://codepen.io/shshaw/pen/XbxvNj</<span style="font-weight: bold;">metadata</span>>
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#000000"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M38 33h4M37 34h1M42 34h1M36 35h1M41 35h1M36 36h1M41 36h1M37 37h1M42 37h1M28 39h1M33 39h3M44 39h1M27 40h1M29 40h1M31 40h2M44 40h1M26 41h1M30 41h1M44 41h1M26 42h1M43 42h1M25 43h1M43 43h1M24 44h1M44 44h1M24 45h1M44 45h1M23 46h1M44 46h1M23 47h1M39 47h2M43 47h1M23 48h1M28 48h1M37 48h2M41 48h2M36 49h1M24 50h1M27 50h3M34 50h1M24 51h1M26 51h1M33 51h1M25 52h1M31 52h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c4aab1"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M38 34h1M38 38h1M38 39h1M28 42h2M38 44h1M38 45h2M33 47h1M31 48h1M30 49h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ffffff"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 34h3M38 35h2M38 36h3M39 37h3M40 38h2M36 39h2M40 39h3M28 40h1M33 40h3M40 40h3M27 41h2M31 41h1M39 41h4M27 42h1M33 42h1M38 42h4M26 43h1M32 43h2M35 43h5M30 44h4M28 45h4M24 46h1M24 47h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c7aab3"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M37 35h1M25 44h1M25 48h1M34 48h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#bea1a9"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M40 35h1M32 41h1M27 43h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#936e79"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M37 36h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#d00047"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M38 37h1M38 40h2M43 40h1M38 41h1M43 41h1M25 46h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#181818"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 38h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ce0046"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 38h1M39 39h1M28 43h2M39 44h1M25 45h1M32 46h2M32 47h1M30 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#bea2a9"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M42 38h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#000400"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M43 38h1M24 49h1M35 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#cb0043"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M43 39h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#f6fbf6"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 40h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#a27f86"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M37 40h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ca0042"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 41h1M33 41h1M42 42h1M42 43h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#946d79"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M34 41h2M27 45h1M32 50h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c90040"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 41h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#d10048"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M30 42h2M30 43h1M26 44h2M40 44h3M26 45h1M40 45h3"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#424142"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M32 42h1M31 43h1M43 44h1M43 45h1M26 47h2M36 48h1M32 49h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#be0034"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M34 42h2M34 43h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#d20049"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 42h1M41 43h1M28 44h1M33 45h1M38 46h1M40 46h2M38 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c0a5ab"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M37 42h1M40 43h1M29 44h1M32 45h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c0a5ac"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M34 44h1M30 46h1M37 46h1M34 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#d5004d"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M35 44h1M34 45h1M31 46h1M34 46h2M31 47h1M36 47h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#393c39"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 44h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#f7f7f7"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M37 44h1M27 46h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#393839"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M35 45h1M36 46h1M30 47h1M35 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c7b0b6"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 45h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#cab2b9"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 46h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#67394a"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M28 46h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#3c3e3c"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 46h1M41 47h1M24 48h1M25 49h1M34 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#3d3e3d"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M42 46h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#947078"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M43 46h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ffeeff"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M28 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#9b7587"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#00b0b8"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M42 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#407072"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#00d9e1"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#3f3e3f"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 48h1M29 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c3a9af"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M32 48h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#485652"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 49h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#97707c"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M28 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#009ca4"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M25 50h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#00d5dd"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 50h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#413e41"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M30 50h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#00dbe2"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M25 51h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#090409"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M30 51h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#00e8f0"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 51h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#00767b"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M32 51h1"</span> />
</<span style="font-weight: bold;">svg</span>>
</code></pre>
</div>
</div>
</li>
<li><a id="org3bf156b"></a>shiny-obstagoon.svg<br />
<div class="outline-text-5" id="text-org3bf156b">
<div class="org-src-container">
<pre><code class="language-xml match-braces rainbow-braces"><<span style="font-weight: bold;">svg</span> <span style="font-weight: bold;">xmlns</span>=<span style="font-style: italic;">"http://www.w3.org/2000/svg"</span> <span style="font-weight: bold; font-style: italic;">viewBox</span>=<span style="font-style: italic;">"0 -0.5 68 56"</span> <span style="font-weight: bold; font-style: italic;">shape-rendering</span>=<span style="font-style: italic;">"crispEdges"</span>>
<<span style="font-weight: bold;">metadata</span>>Made with Pixels to Svg https://codepen.io/shshaw/pen/XbxvNj</<span style="font-weight: bold;">metadata</span>>
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#181818"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M30 22h3M26 23h1M28 23h2M33 23h4M24 24h2M27 24h1M37 24h1M23 25h1M36 25h1M22 26h1M37 26h2M21 27h1M39 27h1M21 28h1M40 28h1M42 28h3M21 29h1M41 29h1M45 29h1M20 30h1M46 30h1M20 31h1M46 31h1M20 32h1M46 32h1M20 33h1M25 33h1M45 33h1M46 34h1M19 35h1M46 35h1M46 36h1M19 38h1M22 38h1M26 38h2M29 38h1M44 38h1M23 39h1M28 39h1M44 39h1M25 40h1M28 40h1M43 40h1M25 41h1M29 41h1M42 41h1M22 42h1M24 42h1M30 42h1M42 42h1M23 43h1M31 43h1M43 43h1M30 44h1M35 44h3M43 44h1M30 45h1M34 45h1M44 45h1M29 46h1M34 46h1M39 46h1M45 46h1M28 47h2M34 47h1M39 47h1M45 47h1M27 48h1M33 48h1M39 48h1M46 48h1M28 49h5M40 49h1M45 49h1M40 50h1M46 50h1M40 51h1M46 51h1M41 52h5"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c52550"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M30 23h2M28 24h2M24 25h2M28 25h2M24 26h6M32 26h4M24 27h1M26 27h4M35 27h1M22 28h5M22 29h4M21 30h4M21 31h3M21 32h2M24 32h2M21 33h1M24 33h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c4244f"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M32 23h1M26 24h1M30 24h2M33 24h4M26 25h1M30 25h1M32 25h2M30 26h2M22 27h1M29 30h1M22 34h2M22 35h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#414041"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M32 24h1M31 25h1M23 35h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#6f1f35"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 25h1M23 26h1M23 27h1M30 32h2M32 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#424142"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M34 25h2M40 30h1M43 30h1M30 31h1M43 31h1M38 32h1M42 32h1M38 33h1M28 34h1M29 35h1M32 35h1M41 35h1M40 36h1M40 46h3M30 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#a82045"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 26h1M36 27h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#d37f99"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M25 27h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#313031"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M30 27h2M28 30h1M32 30h1M32 31h1M26 32h1M38 34h1M39 35h1M28 36h1M30 36h1M32 36h3M39 36h1M29 37h3M35 37h1M39 37h1M36 38h1M37 39h1M35 40h2M38 40h2M34 41h1M40 41h2M31 42h5M39 42h1M36 43h3"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ffffff"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M32 27h3M27 28h1M30 28h2M33 28h3M26 29h2M31 29h1M34 29h2M25 30h1M24 31h2M23 32h1M22 33h2M30 33h2M21 34h1M29 34h2M20 35h1M20 36h2M42 36h1M42 37h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#a21a3f"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M38 27h1M38 28h2M38 29h2M34 30h3M34 31h3M28 32h2M34 32h1M28 33h2M34 33h1M27 34h1M26 35h2M31 36h1M41 36h1M43 36h1M40 37h2M43 37h1M33 38h2M34 39h2M40 39h2M43 39h1M40 40h2M40 42h2M32 43h1M40 43h3M40 44h2M40 45h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#f7f7f7"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M28 28h1M26 30h1M19 36h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#292829"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 28h1M28 29h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#393839"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M32 28h1M32 29h2M36 34h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#f7ffff"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 28h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#a31c40"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M37 28h1M20 37h1M39 39h1M42 44h1M42 45h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#0c92ae"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M29 29h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#32b8d4"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M30 29h1M30 30h1M39 32h1M37 34h1M36 35h1M37 36h1M32 37h1M41 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#cccccc"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M36 29h2M33 30h1M37 30h2M33 31h1M37 31h2M35 32h2M33 33h1M35 33h2M32 34h2M28 35h1M31 35h1M33 35h2M22 36h1M27 36h1M21 37h1M20 38h1M40 38h4M42 39h1M42 40h1M34 43h2M33 44h2M38 44h1M33 45h1M39 45h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#414241"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M40 29h1M42 29h1M42 35h2M23 38h1M41 50h5"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#34bad6"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M43 29h2M44 32h2M44 33h1M38 35h1M34 40h1M44 46h1M41 51h1M43 51h1M45 51h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#686768"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 30h1M26 31h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c72752"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 30h1M31 31h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#9e163b"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 30h1M39 31h1M32 44h1M32 45h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#33b9d5"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M41 30h2M44 30h2M40 31h3M44 31h2M40 32h2M43 32h1M41 33h3M31 38h2M31 39h3M32 40h2M43 46h1M42 47h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#212021"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 31h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#a1193d"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M28 31h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#34edf0"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 32h1M26 33h2M26 34h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#9e173b"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M32 32h2M32 33h1M23 36h1M22 37h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c62651"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M37 32h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#292429"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M37 33h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#169cb8"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 33h1M40 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#1197b3"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M40 33h1M29 36h1M28 37h1M38 37h1M30 38h1M37 38h1M30 39h1M37 40h1M32 41h2M36 41h4M36 42h3"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#101410"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M20 34h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#4aecef"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M24 34h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#082821"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M25 34h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#393c39"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 34h1M30 35h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c2224d"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M34 34h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#1399b5"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 34h1M42 34h2M35 36h1M36 37h1M35 41h1M40 48h2M44 48h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#1298b4"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M40 34h2M44 34h2M40 35h1M44 35h2M28 38h1M29 39h1M30 40h2M30 41h1M30 46h4M31 47h3M28 48h2M42 48h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#cc2c57"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M21 35h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#324d4e"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M24 35h2"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#292021"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M35 35h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#014d5e"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M37 35h1M36 36h1M37 37h1M29 40h1M31 41h1M42 51h1M44 51h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#101010"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M18 36h1M18 37h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#174749"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M24 36h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#fff7ff"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M25 36h1M24 37h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#9f173c"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M26 36h1M26 37h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#474547"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M38 36h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ae0e39"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M44 36h1M44 37h1M41 49h1M44 49h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#0f95b1"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M45 36h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#c82853"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M19 37h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#608384"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M25 37h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#100c08"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M27 37h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#a51d42"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M33 37h1M36 39h1M39 43h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#ff618c"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M34 37h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#181418"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M45 37h1M20 39h2M22 40h1M22 41h1M38 45h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#4f5154"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M21 38h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#5bc8cc"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M24 38h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#44797b"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M25 38h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#df3f6a"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M35 38h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#313131"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M38 38h1M38 39h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#413f41"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 38h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#71f2f4"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M24 39h1M23 41h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#081810"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M25 39h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#53cbcf"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M23 40h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#79f2f5"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M24 40h1M24 41h1M23 42h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#aa3e5b"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M33 43h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#9c1438"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 44h1M31 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#b56379"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M39 44h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#1096b2"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M31 45h1M30 48h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#3e3b3e"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M43 45h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#0a90ac"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M44 47h1"</span> />
<<span style="font-weight: bold;">path</span> <span style="font-weight: bold; font-style: italic;">stroke</span>=<span style="font-style: italic;">"#a82044"</span> <span style="font-weight: bold; font-style: italic;">d</span>=<span style="font-style: italic;">"M42 49h2"</span> />
</<span style="font-weight: bold;">svg</span>>
</code></pre>
</div>
</div>
</li>
</ul>
</div>
</div>
<div id="outline-container-org94ede57" class="outline-3">
<h3 id="org94ede57">styles</h3>
<div class="outline-text-3" id="text-org94ede57">
</div>
<div id="outline-container-org42c4d75" class="outline-4">
<h4 id="org42c4d75">primary</h4>
<div class="outline-text-4" id="text-org42c4d75">
</div>
<ul class="org-ul">
<li><a id="org935061a"></a>syvl.css<br />
<div class="outline-text-5" id="text-org935061a">
<p>
Adapted from the following:
</p>
<ul class="org-ul">
<li><a href="https://github.com/jessekelly881/Rethink">rethink</a></li>
<li><a href="https://github.com/gongzhitaao/orgcss">orgcss</a></li>
<li><a href="https://gitlab.com/OlMon/org-themes">org-themes</a></li>
</ul>
<p>
<code>Note:</code> More settings can be found <a href="https://orgmode.org/manual/CSS-support.html">here</a>.
</p>
<div class="org-src-container">
<pre><code class="language-css match-braces rainbow-braces"><span style="font-weight: bold; font-style: italic;">/* </span><span style="font-weight: bold; font-style: italic;">@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400');</span><span style="font-weight: bold; font-style: italic;"> */</span>
<span style="font-weight: bold;">:root</span> {
<span style="font-weight: bold; font-style: italic;">--font-size-1</span>: 2rem;
<span style="font-weight: bold; font-style: italic;">--font-size-2</span>: 1.5rem;
<span style="font-weight: bold; font-style: italic;">--font-size-3</span>: 1.25rem;
<span style="font-weight: bold; font-style: italic;">--font-size-4</span>: 1rem;
<span style="font-weight: bold; font-style: italic;">--font-size-small</span>: 0.5rem;
<span style="font-weight: bold; font-style: italic;">--font-size-xsmall</span>: 0.25rem;
<span style="font-weight: bold; font-style: italic;">--margins</span>: 5rem;
<span style="font-weight: bold; font-style: italic;">--smaller-margins</span>: 2.5rem;
<span style="font-weight: bold; font-style: italic;">--padding</span>: 1rem;
<span style="font-weight: bold; font-style: italic;">--header-padding</span>: 0.25rem;
<span style="font-weight: bold; font-style: italic;">--background-color</span>: <span style="color: #ffffff; background-color: #222222;">#222222</span>;
<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>: <span style="color: #000000; background-color: #ffb86c;">#ffb86c</span>;
<span style="font-weight: bold; font-style: italic;">--exo-ui-red</span>: <span style="color: #ffffff; background-color: #ff5156;">#ff5156</span>;
<span style="font-weight: bold; font-style: italic;">--joker-purple</span>: <span style="color: #ffffff; background-color: #be80ff;">#be80ff</span>;
<span style="font-weight: bold; font-style: italic;">--acid-green</span>: <span style="color: #000000; background-color: #DFFF00;">#DFFF00</span>;
}
<span style="font-weight: bold;">.header </span>{
<span style="font-weight: bold;">text-align</span>: center;
<span style="font-weight: bold;">background</span>: var(<span style="font-weight: bold; font-style: italic;">--background-color</span>);
<span style="font-weight: bold;">font-size</span>: var(<span style="font-weight: bold; font-style: italic;">--font-size-3</span>);
<span style="font-weight: bold;">border-bottom</span>: 1px solid var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>);
<span style="font-weight: bold;">padding-bottom</span>: var(<span style="font-weight: bold; font-style: italic;">--padding</span>);
}
<span style="font-weight: bold; font-style: italic;">/* </span><span style="font-weight: bold; font-style: italic;">More information [[https://developer.mozilla.org/en-US/docs/Web/CSS/:not][here]]:</span><span style="font-weight: bold; font-style: italic;"> */</span>
<span style="font-weight: bold;">.header>a:not(:last-child)::after </span>{
<span style="font-weight: bold;">content</span>: <span style="font-style: italic;">" |"</span>;
}
<span style="font-weight: bold;">.header > a:link </span>{
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--joker-purple</span>);
<span style="font-weight: bold;">display</span>: inline;
<span style="font-weight: bold;">text-decoration</span>: none;
}
<span style="font-weight: bold;">html,</span>
<span style="font-weight: bold;">body </span>{
<span style="font-weight: bold;">background-color</span>: var(<span style="font-weight: bold; font-style: italic;">--background-color</span>);
<span style="font-weight: bold;">font-family</span>: <span style="font-style: italic;">"Courier New"</span>, monospace;
<span style="font-weight: bold;">font-weight</span>: 100;
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--joker-purple</span>);
}
<span style="font-weight: bold;">@media</span> only screen and (min-width: 750px) <span style="font-weight: bold; font-style: italic;">/* </span><span style="font-weight: bold; font-style: italic;">Large screens</span><span style="font-weight: bold; font-style: italic;"> */</span>
{
<span style="font-weight: bold;">html,</span>
<span style="font-weight: bold;"> body </span>{
<span style="font-weight: bold;">margin-left</span>: var(<span style="font-weight: bold; font-style: italic;">--margins</span>);
<span style="font-weight: bold;">margin-right</span>: var(<span style="font-weight: bold; font-style: italic;">--margins</span>);
}
}
<span style="font-weight: bold;">@media</span> only screen and (max-width: 750px) <span style="font-weight: bold; font-style: italic;">/* </span><span style="font-weight: bold; font-style: italic;">Small screens</span><span style="font-weight: bold; font-style: italic;"> */</span>
{
<span style="font-weight: bold;">html,</span>
<span style="font-weight: bold;"> body </span>{
<span style="font-weight: bold;">margin-left</span>: var(<span style="font-weight: bold; font-style: italic;">--smaller-margins</span>);
<span style="font-weight: bold;">margin-right</span>: var(<span style="font-weight: bold; font-style: italic;">--smaller-margins</span>);
}
}
::selection {
<span style="font-weight: bold;">background-color</span>: var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>);
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--background-color</span>);
}
<span style="font-weight: bold;">h1 </span>{
<span style="font-weight: bold;">font-size</span>: var(<span style="font-weight: bold; font-style: italic;">--font-size-1</span>);
}
<span style="font-weight: bold;">h2 </span>{
<span style="font-weight: bold;">font-size</span>: var(<span style="font-weight: bold; font-style: italic;">--font-size-2</span>);
}
<span style="font-weight: bold;">h1>.subtitle,</span>
<span style="font-weight: bold;">h3,</span>
<span style="font-weight: bold;">h4,</span>
<span style="font-weight: bold;">h5 </span>{
<span style="font-weight: bold;">font-size</span>: var(<span style="font-weight: bold; font-style: italic;">--font-size-3</span>);
}
<span style="font-weight: bold;">h1,</span>
<span style="font-weight: bold;">h2,</span>
<span style="font-weight: bold;">h3,</span>
<span style="font-weight: bold;">h4,</span>
<span style="font-weight: bold;">h5,</span>
<span style="font-weight: bold;">h6 </span>{
<span style="font-weight: bold;">font-weight</span>: 300;
<span style="font-weight: bold;">letter-spacing</span>: -0.03em;
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>);
}
<span style="font-weight: bold;">h2,</span>
<span style="font-weight: bold;">h3,</span>
<span style="font-weight: bold;">h4,</span>
<span style="font-weight: bold;">h5,</span>
<span style="font-weight: bold;">h6 </span>{
<span style="font-weight: bold;">border-bottom</span>: 1px solid var(<span style="font-weight: bold; font-style: italic;">--joker-purple</span>);
<span style="font-weight: bold;">width</span>: fit-content;
<span style="font-weight: bold;">padding-bottom</span>: var(<span style="font-weight: bold; font-style: italic;">--header-padding</span>);
}
<span style="font-weight: bold;">#table-of-contents </span>{
<span style="font-weight: bold;">padding-bottom</span>: var(<span style="font-weight: bold; font-style: italic;">--padding</span>);
<span style="font-weight: bold;">border-bottom</span>: 1px solid var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>);
}
<span style="font-weight: bold;">#table-of-contents ul,</span>
<span style="font-weight: bold;">#table-of-contents li </span>{
<span style="font-weight: bold;">list-style-type</span>: none;
<span style="font-weight: bold;">margin-top</span>: var(<span style="font-weight: bold; font-style: italic;">--header-padding</span>);
<span style="font-weight: bold;">margin-bottom</span>: var(<span style="font-weight: bold; font-style: italic;">--header-padding</span>);
}
<span style="font-weight: bold;">#table-of-contents .tag </span>{
<span style="font-weight: bold;">float</span>: right;
}
<span style="font-weight: bold;">#table-of-contents a:link </span>{
<span style="font-weight: bold;">text-decoration</span>: none;
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--joker-purple</span>);
}
<span style="font-weight: bold;">#table-of-contents a:hover </span>{
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--exo-ui-red</span>);
}
<span style="font-weight: bold;">img </span>{
<span style="font-weight: bold;">max-width</span>: 100%;
}
<span style="font-weight: bold;">blockquote </span>{
<span style="font-weight: bold;">border-left</span>: 0.2rem solid var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>);
<span style="font-weight: bold;">padding-left</span>: 1rem;
<span style="font-weight: bold;">font-style</span>: italic;
}
<span style="font-weight: bold; font-style: italic;">/* </span><span style="font-weight: bold; font-style: italic;">Adapted from [[https://css-tricks.com/forums/topic/need-help-to-override-font-color-for-blockquote/#post-99908][here]], and [[https://stackoverflow.com/users/3444240/potashin][potashin's]] answer [[https://stackoverflow.com/a/23631478/10827766][here]]:</span><span style="font-weight: bold; font-style: italic;"> */</span>
<span style="font-weight: bold;">blockquote>p </span>{
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--exo-ui-red</span>);
}
<span style="font-weight: bold;">p,</span>
<span style="font-weight: bold;">pre,</span>
<span style="font-weight: bold;">ol,</span>
<span style="font-weight: bold;">ul,</span>
<span style="font-weight: bold;">table,</span>
<span style="font-weight: bold;">code </span>{
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>);
}
<span style="font-weight: bold;">.done,</span>
<span style="font-weight: bold;">.priority,</span>
<span style="font-weight: bold;">.tag,</span>
<span style="font-weight: bold;">.todo,</span>
<span style="font-weight: bold;">code </span>{
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--background-color</span>);
<span style="font-weight: bold;">position</span>: relative;
<span style="font-weight: bold;">bottom</span>: .1rem;
<span style="font-weight: bold;">font-size</span>: 80%;
}
<span style="font-weight: bold;">.done,</span>
<span style="font-weight: bold;">.priority,</span>
<span style="font-weight: bold;">.todo,</span>
<span style="font-weight: bold;">code </span>{
<span style="font-weight: bold;">font-weight</span>: 400;
<span style="font-weight: bold;">background-clip</span>: padding-box;
<span style="font-weight: bold;">font-family</span>: <span style="font-style: italic;">"Courier New"</span>, monospace;
<span style="font-weight: bold;">font-weight</span>: bold;
<span style="font-weight: bold;">line-height</span>: 1
}
<span style="font-weight: bold;">.done,</span>
<span style="font-weight: bold;">.priority,</span>
<span style="font-weight: bold;">.tag>span,</span>
<span style="font-weight: bold;">.todo,</span>
<span style="font-weight: bold;">code </span>{
<span style="font-weight: bold;">border-radius</span>: 3px;
<span style="font-weight: bold;">padding-top</span>: .1rem;
<span style="font-weight: bold;">padding-left</span>: .3rem;
<span style="font-weight: bold;">padding-right</span>: .3rem;
<span style="font-weight: bold;">line-height</span>: 1;
}
<span style="font-weight: bold;">.priority,</span>
<span style="font-weight: bold;">.tag>span,</span>
<span style="font-weight: bold;">.todo,</span>
<span style="font-weight: bold;">code </span>{
<span style="font-weight: bold;">background-image</span>: linear-gradient(160deg, var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>), var(<span style="font-weight: bold; font-style: italic;">--exo-ui-red</span>));
}
<span style="font-weight: bold;">td > code </span>{
<span style="font-weight: bold;">background-image</span>: linear-gradient(160deg, var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>), var(<span style="font-weight: bold; font-style: italic;">--joker-purple</span>));
}
<span style="font-weight: bold; font-style: italic;">/* </span><span style="font-weight: bold; font-style: italic;">~.on>code~ refers to a checkbox's checked state; ~.off>code~ refers to the opposite.</span><span style="font-weight: bold; font-style: italic;"> */</span>
<span style="font-weight: bold;">.on>code,</span>
<span style="font-weight: bold;">.done </span>{
<span style="font-weight: bold;">background-image</span>: linear-gradient(160deg, var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>), var(<span style="font-weight: bold; font-style: italic;">--joker-purple</span>));
}
<span style="font-weight: bold;">.tag </span>{
<span style="font-weight: bold;">top</span>: .1rem;
<span style="font-weight: bold;">display</span>: block;
<span style="font-weight: bold;">float</span>: right;
<span style="font-weight: bold;">font-weight</span>: 550;
}
<span style="font-weight: bold;">.tag>span </span>{
<span style="font-weight: bold;">text-transform</span>: uppercase;
}
<span style="font-weight: bold;">table,</span>
<span style="font-weight: bold;">#table-of-contents </span>{
<span style="font-weight: bold;">margin-bottom</span>: var(<span style="font-weight: bold; font-style: italic;">--padding</span>);
}
<span style="font-weight: bold; font-style: italic;">/* </span><span style="font-weight: bold; font-style: italic;">Even Table Row</span><span style="font-weight: bold; font-style: italic;"> */</span>
<span style="font-weight: bold;">tr:nth-child(even) </span>{
<span style="font-weight: bold;">background-color</span>: <span style="color: #ffffff; background-color: #2f1e2e;">#2f1e2e</span>;
}
<span style="font-weight: bold;">.org-org-meta-line,</span>
<span style="font-weight: bold;">.org-keyword </span>{
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>);
}
<span style="font-weight: bold;">a</span>:link,
<span style="font-weight: bold;">a</span>:hover,
<span style="font-weight: bold;">a</span>:visited,
<span style="font-weight: bold;">a:visited:hover </span>{
<span style="font-weight: bold;">text-decoration</span>: none;
}
<span style="font-weight: bold;">a:link </span>{
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--acid-green</span>);
}
<span style="font-weight: bold;">a:visited </span>{
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--joker-purple</span>);
}
<span style="font-weight: bold; font-style: italic;">/* </span><span style="font-weight: bold; font-style: italic;">Adapted from [[https://stackoverflow.com/users/3246606/harry-the-mad-lurker][Harry The Mad Lurker's]] answer [[https://stackoverflow.com/a/21977877/10827766][here]]:</span><span style="font-weight: bold; font-style: italic;"> */</span>
<span style="font-weight: bold;">a</span>:hover,
<span style="font-weight: bold;">a:visited:hover </span>{
<span style="font-weight: bold;">color</span>: var(<span style="font-weight: bold; font-style: italic;">--exo-ui-red</span>);
}
<span style="font-weight: bold; font-style: italic;">/* </span><span style="font-weight: bold; font-style: italic;">Adapted from [[https://css-tricks.com/forums/topic/need-help-to-override-font-color-for-blockquote/#post-99908][here]], and [[https://stackoverflow.com/users/3444240/potashin][potashin's]] answer [[https://stackoverflow.com/a/23631478/10827766][here]]:</span><span style="font-weight: bold; font-style: italic;"> */</span>
<span style="font-weight: bold;">#postamble :not(:last-child)::after </span>{
<span style="font-weight: bold;">content</span>: <span style="font-style: italic;">" |"</span>;
}
<span style="font-weight: bold;">#postamble>p </span>{
<span style="font-weight: bold;">display</span>: inline;
}
<span style="font-weight: bold;">#postamble </span>{
<span style="font-weight: bold;">text-align</span>: center;
<span style="font-weight: bold;">width</span>: 100%;
<span style="font-weight: bold;">font-size</span>: var(<span style="font-weight: bold; font-style: italic;">--font-size-4</span>)
}
<span style="font-weight: bold;">.status </span>{
<span style="font-weight: bold;">padding</span>: var(<span style="font-weight: bold; font-style: italic;">--padding</span>);
<span style="font-weight: bold;">border-top</span>: 1px solid var(<span style="font-weight: bold; font-style: italic;">--dracula-orange</span>);
<span style="font-weight: bold;">text-align</span>: center;
}
<span style="font-weight: bold;">.outline-text-2,</span>
<span style="font-weight: bold;">.outline-text-3,</span>
<span style="font-weight: bold;">.outline-text-4 </span>{
<span style="font-weight: bold;">max-width</span>: 100%;
<span style="font-weight: bold;">overflow-x</span>: auto;
}
<span style="font-weight: bold;">.underline </span>{
<span style="font-weight: bold;">text-decoration</span>: var(<span style="font-weight: bold; font-style: italic;">--exo-ui-red</span>) wavy underline;
}
<span style="font-weight: bold;">del </span>{
<span style="font-weight: bold;">text-decoration</span>: var(<span style="font-weight: bold; font-style: italic;">--joker-purple</span>) wavy line-through;
}
</code></pre>
</div>
</div>
</li>
</ul>
</div>
<div id="outline-container-org4cae083" class="outline-4">
<h4 id="org4cae083">highlight</h4>
<div class="outline-text-4" id="text-org4cae083">
<p>
Alpha levels for hex colors can be set using the guide <a href="https://www.digitalocean.com/community/tutorials/css-hex-code-colors-alpha-values">here</a>;
alpha hex codes can be found on <a href="https://stackoverflow.com/users/1048340/jared-rummler">Jared Rummler's</a> answer <a href="https://stackoverflow.com/a/25170174">here</a>.
</p>
<p>
Regular expressions adapted from <a href="https://stackoverflow.com/users/4465/levik">levik's</a> answer <a href="https://stackoverflow.com/a/159140">here</a>.
</p>
<p>
Peach gradient colorscheme can be found <a href="https://every-single-one-of-the-things.tumblr.com/post/186683107707/send-me-a-peach-part-of-a-collab-with">here</a>:
</p>
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<colgroup>
<col class="org-left" />
<col class="org-left" />
</colgroup>
<thead>
<tr>
<th scope="col" class="org-left">Color</th>
<th scope="col" class="org-left">HEX</th>
</tr>
</thead>
<tbody>
<tr>
<td class="org-left">Tulip</td>
<td class="org-left">#F48191</td>
</tr>
<tr>
<td class="org-left">Dark Salmon</td>
<td class="org-left">#EF9188</td>
</tr>
<tr>
<td class="org-left">Tumbleweed</td>
<td class="org-left">#EDA58B</td>
</tr>
<tr>
<td class="org-left">Peach-Orange</td>
<td class="org-left">#F2BB9B</td>
</tr>
<tr>
<td class="org-left">Apricot</td>
<td class="org-left">#FBCCB2</td>
</tr>
</tbody>
</table>
</div>
<ul class="org-ul">
<li><a id="org7c1ebc1"></a>gradient-dark.min.css<br />
<div class="outline-text-5" id="text-org7c1ebc1">