-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
995 lines (799 loc) · 50.7 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
<!DOCTYPE html>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Space+Mono&display=swap" rel="stylesheet">
<html lang="en" dir=ZgotmplZ>
<link href="https://github.com/VegaDeftwing" rel="me">
<link rel="webmention" href="https://webmention.io/opguides.info/webmention" />
<link rel="pingback" href="https://webmention.io/opguides.info/xmlrpc" />
<script src="/webmention.min.js" async></script>
<script src="/footnotes.js"> </script>
<script src="/keybed.js"> </script>
<script src="/js/egg.min.js"> </script>
<script>
var egg = new Egg("d,e,v", function() {
var elements = document.getElementsByClassName("egg");
for(var i = 0; i < elements.length; i++) {
elements[i].removeAttribute("hidden");
}
}).listen();
</script>
<head>
<meta name="generator" content="Hugo 0.127.0">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Welcome to Opinionated Guides # Opinionated Engineering makes up the majority of this site, and aims to bring you from normie to neckbeard technomancer.
Opinionated Music will take you on a journey of sound design and artistic expression via sonic exploration. Buckle up bois, it’ll teach you all about 𝓂𝑜𝒹𝓊𝓁𝒶𝓇 𝓈𝓎𝓃𝓉𝒽𝑒𝓈𝒾𝓈𝑒𝓇𝓈 while we’re at it.
Opinionated Design is split into two sections. The first aims to help you not suck at art™ and the second is a stroll though making a website like this one.">
<meta name="theme-color" content="#FFFFFF">
<meta name="color-scheme" content="light dark">
<style>
a { color: #42b9f3; }
a:active { color: #42b9f3; }
::-webkit-scrollbar-thumb { background: #009CDF !important; }
.footnote-index { color: #42b9f3; }
</style>
<meta property="og:url" content="https://opguides.info/">
<meta property="og:site_name" content="Opinionated Guides">
<meta property="og:title" content="Home">
<meta property="og:description" content="Welcome to Opinionated Guides # Opinionated Engineering makes up the majority of this site, and aims to bring you from normie to neckbeard technomancer.
Opinionated Music will take you on a journey of sound design and artistic expression via sonic exploration. Buckle up bois, it’ll teach you all about 𝓂𝑜𝒹𝓊𝓁𝒶𝓇 𝓈𝓎𝓃𝓉𝒽𝑒𝓈𝒾𝓈𝑒𝓇𝓈 while we’re at it.
Opinionated Design is split into two sections. The first aims to help you not suck at art™ and the second is a stroll though making a website like this one.">
<meta property="og:locale" content="en_us">
<meta property="og:type" content="website">
<title>Home | Opinionated Guides</title>
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/book.min.5e547eb27897068e85cec09758535e9ea757a11dfa15b321b9e8e756ac3a6b01.css" integrity="sha256-XlR+sniXBo6FzsCXWFNenqdXoR36FbMhuejnVqw6awE=" crossorigin="anonymous">
<script defer src="/flexsearch.min.js"></script>
<script defer src="/en.search.min.b6efc2ab425d2c752d40cda2dc32c4c1717e5bde6ebcc44df5dc71b4eebfe4fa.js" integrity="sha256-tu/Cq0JdLHUtQM2i3DLEwXF+W95uvMRN9dxxtO6/5Po=" crossorigin="anonymous"></script>
<link rel="alternate" type="application/rss+xml" href="https://opguides.info/index.xml" title="Opinionated Guides" />
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->
<script src="/sw-register.js"></script>
</head>
<body dir=ZgotmplZ>
<script src="https://unpkg.com/@h0rn0chse/night-sky/dist/bundle.min.js"></script>
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "c6f9eeb56e4645ee9ca07afbee7e0462"}'></script>
<input type="checkbox" class="hidden toggle" id="menu-control" />
<input type="checkbox" class="hidden toggle" id="toc-control" />
<main class="container flex">
<aside class="book-menu">
<nav>
<h2 class="book-brand">
<a href="/"><img src="/nonfree/logo/opguide2.png" alt="Logo" id="logo" style="float: left; margin: 10px 10px 0px 0px;" /><span>Opinionated Guides</span>
</a>
</h2>
<div class="book-search">
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul>
</div>
<div class="navbak" style="background:#009CDF;>
<ul>
<li><a href="/engineering/engineering/"><strong>Engineering</strong></a></li>
</ul>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Introduction</p>
<div class="progress-ww">
<dl>
<dt>0 </dt><dd> <a href="/engineering/engineering/">What is this?</a></dd>
<dt>Ⅰ </dt><dd> <a href="/engineering/intro/community/">Community</a></dd>
<dt>Ⅱ </dt><dd> <a href="/engineering/intro/howtolearn/">Learn How to Learn</a></dd>
<dt>EXT</dt><dd> <a href="https://soatok.blog/2020/06/08/furward-momentum-introduction/">Furward Momentum</a></dd>
</dil>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Linux & Your Computer</p>
<div class="progress-ww">
<dl>
<dt>1 </dt><dd> <a href="/engineering/linux/firstgoal/">The First Goal</a></dd>
<dt>2 </dt><dd> <a href="/engineering/linux/arch/">Installing Arch Linux</a></dd>
<dt>3 </dt><dd> <details id="hardwareMenu"> <summary><a href="/engineering/linux/hardware/">Into The Hardware</a></summary>
<dt class="sub">.1 </dt><dd class="sub"> <a href="/engineering/linux/hardware/cpu"> CPU</a></dd>
<dt class="sub">.2 </dt><dd class="sub"> <a href="/engineering/linux/hardware/ram"> RAM</a></dd>
<dt class="sub">.3 </dt><dd class="sub"> <a href="/engineering/linux/hardware/motherboard"> Motherboard</a></dd>
<dt class="sub">.4 </dt><dd class="sub"> <a href="/engineering/linux/hardware/gpu"> Graphics</a></dd>
<dt class="sub">.5 </dt><dd class="sub"> <a href="/engineering/linux/hardware/storage"> Storage</a></dd>
<dt class="sub">.6 </dt><dd class="sub"> <a href="/engineering/linux/hardware/network"> Networking</a></dd>
<dt class="sub">.7 </dt><dd class="sub"> <a href="/engineering/linux/hardware/power"> Power</a></dd>
<dt class="sub">.8 </dt><dd class="sub"> <a href="/engineering/linux/hardware/cooling"> Cooling</a></dd>
<dt class="sub">.9 </dt><dd class="sub"> <a href="/engineering/linux/hardware/peripherals"> Peripherals</a></dd>
<dt class="sub">.10</dt><dd class="sub"> <a href="/engineering/linux/hardware/biggerpicture"> The Bigger Picture</a></dd>
<dt class="sub">.11</dt><dd class="sub"> <a href="/engineering/linux/hardware/buying"> What to Buy?</a></dd>
<dt class="sub">.12</dt><dd class="sub"> <a href="/engineering/linux/hardware/legacy"> Legacy</a></dd>
</details> </dd>
<dt>3½</dt><dd> <a href="/engineering/linux/hardware/architectures/">Architectures</a></dd>
<dt>4 </dt><dd> <a href="/engineering/linux/linuxdirtree/">Getting Rooted in Linux</a></dd>
<dt>5 </dt><dd> <a href="/engineering/linux/howwework/">Working on <i>How</i> we work</a></dd>
<dt>5½</dt><dd> <a href="/engineering/linux/git/">Git</a></dd>
<dt>A1</dt><dd> <a href="/engineering/linux/linuxshell/">Using The Linux Shell</a></dd>
<dt>A2</dt><dd> <a href="/engineering/linux/windows/">Ugh. Windows.</a></dd>
</dil>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Prerequisites</p>
<div class="progress-ww">
<dl>
<dt>6 </dt><dd> <details id="mathMenu"> <summary><a href="/engineering/math/math/">Math</a></summary>
<dt class="sub">.1</dt><dd class="sub"> <a href="/engineering/math/algebra"> Algebra</a></dd>
<dt class="sub">.2</dt><dd class="sub"> <a href="/engineering/math/logic"> Logic</a></dd>
<dt class="sub">.3</dt><dd class="sub"> <a href="/engineering/math/geometry"> Geometry & Trig</a></dd>
<dt class="sub">.4</dt><dd class="sub"> <a href="/engineering/math/calc"> Calculus</a></dd>
<dt class="sub">.5</dt><dd class="sub"> <a href="/engineering/math/diffeq"> Diff Eq</a></dd>
<dt class="sub">.6</dt><dd class="sub"> <a href="/engineering/math/linalg"> Linear Algebra</a></dd>
<dt class="sub">.7</dt><dd class="sub"> <a href="/engineering/math/numanalysis"> Numerical Analysis</a></dd>
<dt class="sub">.8</dt><dd class="sub"> <a href="/engineering/math/settheory"> Set Theory</a></dd>
<dt class="sub">.9</dt><dd class="sub"> <a href="/engineering/math/probability"> Probability</a></dd>
<dt class="sub">.10</dt><dd class="sub"> <a href="/engineering/math/newmath"> New Math</a></dd>
</details> </dd>
<dt>6½</dt><dd> <a href="/engineering/math/units/">Units</a></dd>
<dt>7 </dt><dd> <a href="/engineering/prereq/physics/">Physics</a></dd>
<dt>8 </dt><dd> <a href="/engineering/prereq/chem/">Chemistry</a></dd>
<dt>9 </dt><dd> <a href="/engineering/prereq/othersubjects/">'The Rest'</a></dd>
</dil>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Programming</p>
<div class="progress-ww">
<dl>
<!--<dt>10 </dt><dd> <a href="/engineering/programming/codeintro/">Let's Write Some Code</a>-->
</dd>
<dt>10 </dt><dd> <details id="codeMenu"> <summary><a href="/engineering/programming/intro/prog0intro">Let's Write Some Code</a></summary>
<dt class="sub">.1 </dt><dd class="sub"> <a href="/engineering/programming/intro/prog1math"> It's Math?</a></dd>
<dt class="sub">.2 </dt><dd class="sub"> <a href="/engineering/programming/intro/prog2turtle"> Turtles!</a></dd>
<dt class="sub">.3 </dt><dd class="sub"> <a href="/engineering/programming/intro/prog3tools"> Getting Tools</a></dd>
<dt class="sub">.4 </dt><dd class="sub"> <a href="/engineering/programming/intro/prog4comments"> Knowing our Tools</a></dd>
<dt class="sub">.5 </dt><dd class="sub"> <a href="/engineering/programming/intro/prog5two"> 2 for 1</a></dd>
<dt class="sub">.6 </dt><dd class="sub"> <a href="/engineering/programming/intro/prog6types"> Types</a></dd>
<dt class="sub">.7 </dt><dd class="sub"> <a href="/engineering/programming/intro/prog7logic"> logic & Functions</a></dd>
<dt class="sub">.8 </dt><dd class="sub"> <a href="/engineering/programming/intro/prog8oo"> Data Structures</a></dd>
<dt class="sub">.9 </dt><dd class="sub"> <a href="/engineering/programming/intro/prog9stdlib"> Libraries</a></dd>
<dt class="sub">.10</dt><dd class="sub"> <a href="/engineering/programming/intro/prog10"> Rest of the Owl</a></dd>
<dt class="sub">.11</dt><dd class="sub"> <a href="/engineering/programming/intro/progendreal"> Getting Real</a></dd>
</details> </dd>
<dt>11 </dt><dd> <a href="/engineering/programming/bestpractices/">Best Practices</a></dd>
<dt>11½</dt><dd> <a href="/engineering/programming/ethics/">Ethics & Copyright</a></dd>
<dt>12 </dt><dd> <a href="/engineering/programming/lifeofcode/">Life Of Code</a></dd>
<dt>13 </dt><dd> <a href="/engineering/programming/fixxingissuses/">Fixing Issues</a></dd>
<dt>14 </dt><dd> <a href="/engineering/programming/lowlvl/">Low Level Programming</a></dd>
<dt>15 </dt><dd> <a href="/engineering/programming/algorithms/">Algorithms and More</a></dd>
<dt>15½</dt><dd> <a href="/engineering/programming/data/">Data is hard</a></dd>
<dt>16 </dt><dd> <a href="/engineering/programming/gitcicd/">Git, Testing, CI & CD</a></dd>
<dt>17 </dt><dd> <a href="/engineering/programming/optimization/">Optimization</a></dd>
<dt>18 </dt><dd> <a href="/engineering/programming/guiprog/">Graphical Programming</a></dd>
<dt>19 </dt><dd> <a href="/engineering/programming/shaders/">Shaders + GpGPU</a></dd>
<dt>20 </dt><dd> <a href="/engineering/programming/funcprog/">(((())(()((()(()))))))</a></dd>
<dt>21 </dt><dd> <a href="/engineering/programming/game/">Game Programming</a></dd>
<dl>
<dt>22 </dt><dd> <details id="compilersMenu"> <summary><a href="/engineering/programming/compilers/intro/">Custom Languages</a></summary>
<dt class="sub">.1 </dt><dd class="sub"> <a href="/engineering/programming/compilers/prelude/"> Prelude</a></dd>
<dt class="sub">.2 </dt><dd class="sub"> <a href="/engineering/programming/compilers/lexing/"> Lexing</a></dd>
<dt class="sub">.3 </dt><dd class="sub"> <a href="/engineering/programming/compilers/parsing/"> Parsing</a></dd>
<dt class="sub">.4 </dt><dd class="sub"> <a href="/engineering/programming/compilers/translation/"> Translation</a></dd>
<dt class="sub">.5 </dt><dd class="sub"> <a href="/engineering/programming/compilers/generation/"> Code Generation</a></dd>
<dt class="sub">.5 </dt><dd class="sub"> <a href="/engineering/programming/compilers/intermezzo/"> Intermezzo</a></dd>
<dt class="sub">.6 </dt><dd class="sub"> <a href="/engineering/programming/compilers/commands/"> Commands</a></dd>
<dt class="sub">.7 </dt><dd class="sub"> <a href="/engineering/programming/compilers/subroutines/"> Subroutines</a></dd>
<dt class="sub">.8 </dt><dd class="sub"> <a href="/engineering/programming/compilers/conditionals/"> Conditionals</a></dd>
<dt class="sub">.9 </dt><dd class="sub"> <a href="/engineering/programming/compilers/variables/"> Variables</a></dd>
<dt class="sub">.10</dt><dd class="sub"> <a href="/engineering/programming/compilers/conclusion/"> Conclusion</a></dd>
</details></dd>
</dil>
<dt>A3 </dt><dd> <a href="/engineering/programming/languages/">Programming Languages</a></dd>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Circuits</p>
<div class="progress-ww">
<dl>
<dl>
<dt>23 </dt><dd> <details id="Circuits1Menu"> <summary><a href="/engineering/circuits/intro/1-intro/">Circuits!</a></summary>
<dt class="sub">.1 </dt><dd class="sub"> <a href="/engineering/circuits/intro/2-tools/"> Tools</a></dd>
<dt class="sub">.2 </dt><dd class="sub"> <a href="/engineering/circuits/intro/3-lcr/"> ⅏ ⟛ Ω</a></dd>
<dt class="sub">.3 </dt><dd class="sub"> <a href="/engineering/circuits/intro/4-sim/"> Simulation</a></dd>
</details></dd>
</dil>
<dt>24 </dt><dd> <a href="/engineering/circuits/circuits2/">Semiconductors</a></dd>
<dt>24½</dt><dd> <a href="/engineering/circuits/parts/">Parts</a></dd>
<dt>25 </dt><dd> <a href="/engineering/circuits/digitallogic/">Digital Logic</a></dd>
<dt>26 </dt><dd> <a href="/engineering/circuits/embedded/">Embedded Systems</a></dd>
<dt>27 </dt><dd> <a href="/engineering/circuits/pcb/">Let's Make our own PCB</a></dd>
</dil>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Signal Processing</p>
<div class="progress-ww">
<dl>
<dt>28 </dt><dd> <a href="/engineering/signals/sigandsys">Signals & Systems</a></dd>
<dt>29 </dt><dd> <a href="/engineering/signals/commsys">Communications</a></dd>
<dt>30 </dt><dd> <a href="/engineering/signals/dsp">DSP</a></dd>
<dt>31 </dt><dd> <a href="/engineering/signals/controlsys">Control Systems</a></dd>
<dt>32 </dt><dd> <a href="/engineering/signals/compvision/">Computer Vision</a></dd>
<dt>33 </dt><dd> <a href="/engineering/signals/aiml/">Fine, here's AI/ML</a></dd>
</dil>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Going Deeper</p>
<div class="progress-ww">
<dl>
<dt>34 </dt><dd> <a href="/engineering/deeper/compileassemble/">Compilers & Assemblers</a></dd>
<dt>35 </dt><dd> <a href="/engineering/deeper/reverse/">Reverse Engineering</a></dd>
<dt>36 </dt><dd> <a href="/engineering/deeper/fpga1/">Programmable Logic</a></dd>
<dt>37 </dt><dd> <a href="/engineering/deeper/comparch/">Let's Make our own CPU</a></dd>
<dt>37½</dt><dd> <a href="/engineering/deeper/nonsilicon/">Why Just Silicon?</a></dd>
</dil>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Networking & Servers</p>
<div class="progress-ww">
<dl>
<dt>38 </dt><dd> <details id="netMenu"> <summary><a href="/engineering/networking/networking/">Networking</a></summary>
<dt class="sub">.1</dt><dd class="sub"> <a href="/engineering/networking/howyougothere"> How You Got Here</a></dd>
<dt class="sub">.2</dt><dd class="sub"> <a href="/engineering/networking/osi"> OSI</a></dd>
<dt class="sub">.3</dt><dd class="sub"> <a href="/engineering/networking/tools"> Tools</a></dd>
</details> </dd>
<dt>39 </dt><dd> <a href="/engineering/networking/servers/">Servers!</a></dd>
<dt>30½</dt><dd> <a href="/engineering/networking/cloud/">"The Cloud"</a></dd>
<dt>40 </dt><dd> <a href="/engineering/networking/databases/">Databases</a></dd>
<dt>41 </dt><dd> <a href="/engineering/networking/security/">Security & Exploitation</a></dd>
<dt>41½</dt><dd> <a href="/engineering/networking/privacy/">Privacy</a></dd>
</dil>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Making & Hobbies</p>
<div class="progress-ww">
<dl>
<dt>42 </dt><dd> <a href="/engineering/making/3dprint/">3D Printing & CNC</a></dd>
<dt>43 </dt><dd> <a href="/engineering/making/hamradio/">Ham Radio</a></dd>
<dt>44 </dt><dd> <a href="/engineering/making/history/">Computer History</a></dd>
<dt>45 </dt><dd> <a href="/engineering/making/mechanical/">Mechanical</a></dd>
</dil>
</div>
<p class="navhead" style="color:#009CDF;margin-bottom:0px;" > Wrapping Up</p>
<div class="progress-ww">
<dl>
<dt>46 </dt><dd> <a href="/engineering/wrappingup/wrappingup/">Where next?</a></dd>
<dt>A3 </dt><dd> <a href="/engineering/wrappingup/cheat/">Cheat Sheets & Libraries</a></dd>
<dt>A4 </dt><dd> <a href="/engineering/wrappingup/resources/">Other Great Resources</a></dd>
<dt>A5 </dt><dd> <a href="/engineering/wrappingup/job/">Getting a Job</a></dd>
<dt>A6 </dt><dd> <a href="/engineering/wrappingup/latex/">Markdown and LaTeX</a></dd>
</dil>
</div>
<hr>
<div class="navbak" style="background:#973999;">
<ul>
<li><strong>Music</strong></li>
</ul>
</div>
</div>
<div class="progress-ww">
<dl>
<dt>1 </dt><dd> <a href="/music/intro">Bang Zwoop Bada-dap-bap</a></dd>
<dt>2 </dt><dd> <a href="/music/gettingstarted/">Getting Started</a></dd>
<dt>3 </dt><dd> <a href="/music/gettingstartedcont/">On We Go</a></dd>
<dt>4 </dt><dd> <a href="/music/sound-sources/">Sound Sources</a></dd>
<dt>5 </dt><dd> <details id="instMenu"> <summary><a href="/music/instruments/">Instruments</a></summary>
<dt class="sub">.1</dt><dd class="sub"> <a href="/music/instruments/perc/"> Percussion</a></dd>
<dt class="sub">.2</dt><dd class="sub"> <a href="/music/instruments/strings/"> Strings</a></dd>
<dt class="sub">.3</dt><dd class="sub"> <a href="/music/instruments/wind/"> Wind</a></dd>
<dt class="sub">.4</dt><dd class="sub"> <a href="/music/instruments/synth/"> Synths</a></dd>
<dt class="sub">.5</dt><dd class="sub"> <a href="/music/instruments/esoteric/"> The Esoteric</a></dd>
</details> </dd>
<dt>6 </dt><dd> <details id="effectMenu"> <summary><a href="/music/effects/">Effects</a></summary>
<dt class="sub">.1</dt><dd class="sub"> <a href="/music/effects/trivial/"> Trivial Effects</a></dd>
<dt class="sub">.2</dt><dd class="sub"> <a href="/music/effects/time/"> Time Based Effects</a></dd>
<dt class="sub">.3</dt><dd class="sub"> <a href="/music/effects/filter/"> Filters!</a></dd>
<dt class="sub">.4</dt><dd class="sub"> <a href="/music/effects/dynamics/"> Dʸⁿᵃᵐᶦᶜˢ</a></dd>
<dt class="sub">.5</dt><dd class="sub"> <a href="/music/effects/misc/"> Everything Else</a></dd>
<dt class="sub">.6</dt><dd class="sub"> <a href="/music/effects/meta/"> Meta</a></dd>
</details> </dd>
<dt>7 </dt><dd> <a href="/music/seqandmidi/">Sequencing & MIDI</a></dd>
</details> </dd>
<dt>8 </dt><dd> <details id="softMenu"> <summary><a href="/music/software/music-software">Software</a></summary>
<dt class="sub">.1</dt><dd class="sub"> <a href="/music/software/daw"> DAW?</a></dd>
<dt class="sub">.2</dt><dd class="sub"> <a href="/music/software/plugin/"> Plugins!</a></dd>
<dt class="sub">.3</dt><dd class="sub"> <a href="/music/software/livecoding/"> Live Code</a></dd>
</details> </dd>
<dt>8½</dt><dd> <a href="/music/midi/">MIDI in Detail</a></dd>
<dt>9 </dt><dd> <a href="/music/music-hardware/">Hardware</a></dd>
<dt>10 </dt><dd> <a href="/music/theory/">Theory</a></dd>
<dt>11 </dt><dd> <a href="/music/mix-and-master/">Mixing & Mastering</a></dd>
<dt>12 </dt><dd> <a href="/music/lyrics/">Lyrics</a></dd>
<dt>13 </dt><dd> <a href="/music/psychoacoustic/">Psychoacoustics</a></dd>
<dt>A1 </dt><dd> <a href="/music/other-resources-music/">Other Resources</a></dd>
<dt>A2 </dt><dd> <a href="/music/video/">Video</a></dd>
<dt>A3 </dt><dd> <a href="/music/vcv/">VCV Tips</a></dd>
<dt>A4 </dt><dd> <a href="/music/musicpiracy/">Piracy</a></dd>
</dil>
</div>
<hr>
<div class="navbak" style="background:#E23838;">
<ul>
<li><strong>Philosophy</strong></li>
</ul>
</div>
<div class="progress-ww">
<dl>
<dt>1 </dt><dd> <a href="/phil/basic-phil/">Basic Philosophy</a></dd>
<dt>2 </dt><dd> <a href="/phil/fallacies/">Logical Fallacies+</a></dd>
<dt>3 </dt><dd> <a href="/phil/arguments/">Arguments</a></dd>
<dt>4 </dt><dd> <a href="/phil/idea-labs/">Community Idea Labs</a></dd>
<dt>5 </dt><dd> <a href="/phil/community/">Community Efforts</a></dd>
<dt>6 </dt><dd> <a href="/phil/education/">Education</a></dd>
<dt>7 </dt><dd> <a href="/phil/labor/">Labor & Compensation</a></dd>
<dt>8 </dt><dd> <a href="/phil/copyright/">Copyright</a></dd>
<dt>9 </dt><dd> <a href="/phil/consumerism/">Consumerism</a></dd>
<dt>10 </dt><dd> <a href="/phil/law-and-order/">Law & Order</a></dd>
<dt>11 </dt><dd> <a href="/phil/infrastructure/">Infrasturcture</a></dd>
<dt>12 </dt><dd> <a href="/phil/environment/">Environment</a></dd>
<dt>13 </dt><dd> <a href="/phil/religion/">Religion</a></dd>
<dt>14 </dt><dd> <a href="/phil/sex/">Sex</a></dd>
<dt>15 </dt><dd> <a href="/phil/medical/">Medical</a></dd>
<dt>16 </dt><dd> <a href="/phil/foriegn/">Foriegn Involvement</a></dd>
<dt>17 </dt><dd> <a href="/phil/voting/">Voting</a></dd>
<dl>
<dt>18 </dt><dd> <details id="freedomMenu"> <summary><a href="/phil/freedoms/freedoms/">Freedoms</a></summary>
<dt class="sub">.1 </dt><dd class="sub"> <a href="/phil/freedoms/speech/"> Speech</a></dd>
<dt class="sub">.2 </dt><dd class="sub"> <a href="/phil/freedoms/press/"> Press</a></dd>
<dt class="sub">.3 </dt><dd class="sub"> <a href="/phil/freedoms/search/"> Search & Seizure</a></dd>
<dt class="sub">.4 </dt><dd class="sub"> <a href="/phil/freedoms/fairtrial/"> Fair Trial</a></dd>
<dt class="sub">.5 </dt><dd class="sub"> <a href="/phil/freedoms/body/"> Bodily Autonomy</a></dd>
<dt class="sub">.6 </dt><dd class="sub"> <a href="/phil/freedoms/environmentalconcern/"> Environment</a></dd>
<dt class="sub">.7 </dt><dd class="sub"> <a href="/phil/freedoms/travel/"> Travel</a></dd>
<dt class="sub">.8 </dt><dd class="sub"> <a href="/phil/freedoms/armament/"> Armament</a></dd>
<dt class="sub">.9 </dt><dd class="sub"> <a href="/phil/freedoms/recording/"> Recording</a></dd>
<dt class="sub">.10</dt><dd class="sub"> <a href="/phil/freedoms/ownership"> Ownership</a></dd>
<dt class="sub">EXT</dt><dd class="sub"> <a href="https://anewdigitalmanifesto.com"> Digital Manifesto</a></dd>
</details> </dd>
<dt>19 </dt><dd> <a href="/phil/duties/">Duties</a></dd>
<dt>20 </dt><dd> <a href="/phil/phil-and-the-internet/">Internet</a></dd>
<dt>21 </dt><dd> <a href="/phil/economics/">Economics</a></dd>
<dt>22 </dt><dd> <a href="/phil/history/">History</a></dd>
<dt>21 </dt><dd> <a href="/phil/phil-misc/">Misc</a></dd>
<dt>A1 </dt><dd> <a href="/phil/phil-other/">Other Resources</a></dd>
</dil>
</div>
<hr>
<div class="navbak" style="background:#F78200;">
<ul>
<li><strong>Design</strong></li>
</ul>
</div>
<div class="progress-ww">
<dl>
<dt>EXT</dt><dd> <a href=https://www.youtube.com/watch?v=5Tx6U5OhMDg&list=PL6haVw-BFETw13kBFhbWl6UCshzgIC7Ea> Catastrovtivity </a></dd>
<dt>1 </dt><dd> <a href="/design/basics/">Basics of Art</a></dd>
<dt>1½</dt><dd> <a href="/design/vbasics/">Basics++</a></dd>
<dt>2 </dt><dd> <a href="/design/analog/">Analog Art</a></dd>
<dt>3 </dt><dd> <a href="/design/digital/">Digital Art</a></dd>
<dt>3½</dt><dd> <a href="/design/dacadc/">DAC/ADC</a></dd>
<dt>4 </dt><dd> <a href="/design/ui/">UI/UX</a></dd>
<dt>5 </dt><dd> <a href="/design/3d/">3D</a></dd>
<dt>6 </dt><dd> <a href="/design/gen/">Generative Tools</a></dd>
<dt>7 </dt><dd> <a href="/design/animation/">Animation</a></dd>
<dt>A1 </dt><dd> <a href="/design/design-other/">Other Resources</a></dd>
<dt>A2 </dt><dd> <a href="/design/ia/">Inspirational Art</a></dd>
<dt>A3 </dt><dd> <a href="/design/photo/">Photo</a></dd>
</dil>
</div>
<p class="navhead, webhead" style="background: linear-gradient(90deg, #F78200 0%, #FFF 50%, #009CDF 75%) ;-webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:0px;" > Web Development</p>
</div>
<div class="progress-ww">
<dl>
<dt>1 </dt><dd> <a href="/design/web/jack/">Jack of all trades</a></dd>
<dt>2 </dt><dd> <a href="/design/web/garden/">Your own garden</a></dd>
</details> </dd>
<dt>3 </dt><dd> <details id="webMenu"> <summary><a href="/design/web/langs">HTML, CSS, JS, WUT?</a></summary>
<dt class="sub">.1</dt><dd class="sub"> <a href="/design/web/langs/html/"> HTML</a></dd>
<dt class="sub">.2</dt><dd class="sub"> <a href="/design/web/langs/css/"> CSS</a></dd>
<dt class="sub">.3</dt><dd class="sub"> <a href="/design/web/langs/js/"> JS</a></dd>
</details> </dd>
<dt>4 </dt><dd> <a href="/design/web/static/">Static & Dynamic</a></dd>
<dt>5 </dt><dd> <a href="/design/web/cost/">Cost?</a></dd>
<dt>6 </dt><dd> <a href="/design/web/setup/">Getting Setup</a></dd>
<dt>7 </dt><dd> <a href="/design/web/content/">Content is King</a></dd>
<dt>8 </dt><dd> <a href="/design/web/thinkingweb/">Thinking Web</a></dd>
<dt>8½</dt><dd> <a href="/design/web/access/">Accessability</a></dd>
<dt>A1 </dt><dd> <a href="/design/web/tools/">Web development tools</a></dd>
<dt>A2 </dt><dd> <a href="/design/web/resources/">Other Resources</a></dd>
</dil>
</div>
<hr>
<div class="navbak" style="background:#FFB900;">
<ul>
<li><strong>Interviews</strong></li>
</ul>
</div>
<div class="progress-ww">
<dl>
<dt> </dt><dd> <a href="/interviews/loial/">Loial Otter</a></dd>
<dt> </dt><dd> <a href="/interviews/soatok/">Soatok Dreamseeker</a></dd>
<dt> </dt><dd> <a href="/interviews/cadeyratio/">Cadey Ratio</a></dd>
<dt> </dt><dd> <a href="/interviews/kell/">Kell Bengal</a></dd>
<dt> </dt><dd> <a href="/interviews/taxbadger/">Tax Badger</a></dd>
<dt> </dt><dd> <a href="/interviews/spg/">Sex Positive Gaming</a></dd>
<dt> </dt><dd> <a href="/interviews/cendyne/">Cendyne</a></dd>
<dt> </dt><dd> <a href="/interviews/wolfgun/">Wolfgun</a></dd>
<dt> </dt><dd> <a href="/interviews/paulshapera/">Paul Shapera</a></dd>
</dil>
</div>
<hr>
<div class="navbak" style="background:#5EBD3E;">
<ul>
<li><strong>Other</strong></li>
</ul>
</div>
<div class="progress-ww">
<dl>
<dt> </dt><dd> <a href="/other/funlinks/">Interesting Links</a></dd>
<dt> </dt><dd> <a href="/other/advice/">Advice</a></dd>
<p class="navhead" style="color:#5EBD3E;margin-bottom:0px;" > Technical</p>
<dt></dt><dd>
<details id="hciMenu"> <summary> <a href="/other/hci2/intro/">The Way We Interact With Computers Sucks</a></summary>
<dt class="sub">1</dt><dd class="sub"> <a href="/other/hci2/physical"> The Physical</a></dd>
<dt class="sub">2</dt><dd class="sub"> <a href="/other/hci2/digital"> The Digital</a></dd>
<dt class="sub">3</dt><dd class="sub"> <a href="/other/hci2/whatelse"> What Is Needed?</a></dd>
<dt class="sub">4</dt><dd class="sub"> <a href="/other/hci2/contradictions"> What Contradicts?</a></dd>
<dt class="sub">5</dt><dd class="sub"> <a href="/other/hci2/radicallychanging"> Radically Changing</a></dd>
<dt class="sub">6</dt><dd class="sub"> <a href="/other/hci2/wrappingup"> Wrapping Up</a></dd>
</details>
</dd>
<dt> </dt><dd> <a href="/other/coolhardware/">Cool Hardware</a></dd>
<dt> </dt><dd> <a href="/other/fediverse/">The Fediverse, ActivityPub, & The IndieWeb </a></dd>
<p class="navhead" style="color:#5EBD3E;margin-bottom:0px;" > Conlangs & Neography</p>
<dt> </dt><dd> <a href="/other/conlangs/neography/">Intro to Conlangs & Neography</a></dd>
<dt> </dt><dd> <a href="/other/conlangs/tokipona/">toki pona! <span class="conlang"></span> </a></dd>
<dt> </dt><dd> <a href="/other/conlangs/janolin/">Thoughts on olin</a> <span style="font-size:.4rem;">by jan Usawi</span>
<dt> </dt><dd> <a href="/other/conlangs/rhapsodaic/">Rhapsodaic</a> <span style="font-size:.4rem;">by jan Usawi</span></dd>
<!--
<dt> </dt><dd> <a href="/other/conlangs/neography/">Neography </a></dd>
<dt> </dt><dd> <a href="/other/conlangs/rhapsodaic/">Rhapsodaic </a></dd>
<p class="navhead" style="color:#5EBD3E;margin-bottom:0px;" > Writing & Storytelling</p>
<dt>1 </dt><dd> <a href="/other/writing/writing">Writing is hard</a></dd>
<dt>1½</dt><dd> <a href="/other/writing/creative">Creative Thinking</a></dd>
<dt>2 </dt><dd> <a href="/other/writing/plot">Plot & Pacing</a></dd>
<dt>3 </dt><dd> <a href="/other/writing/conflict">Conflict</a></dd>
<dt>4 </dt><dd> <a href="/other/writing/characters">Characters</a></dd>
<dt>5 </dt><dd> <a href="/other/writing/language">Language</a></dd>
<dt>6 </dt><dd> <a href="/other/writing/worldbuilding">World Building</a></dd>
<dt>7 </dt><dd> <a href="/other/writing/revision">Revision</a></dd>
<dt>A1</dt><dd> <a href="/other/writing/poetry">Poetry</a></dd>
--->
</dil>
</div>
<hr>
<div class="navbak" style="background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);animation: animatedgradient 5s ease alternate infinite;background-size: 300% 300%;">
<ul>
<li><b><a href="/posts/" style="color: #000 !important;">Blog<a></b></li>
</ul>
</div>
<div style="width: 90%;margin: auto;">
<dl>
<li class="flex justify-between">
<dd><b><a href="/tags/">TAG</a></b><dt>
<b><dd class="blogdd" style="color: #fff;">№ of Posts</dt></b>
</li>
<hr>
<li class="flex justify-between">
<dd><a href="/tags/music/">Music</a><dt>
<dd class="blogdd" style="color: #fff;">2</dt>
</li>
<li class="flex justify-between">
<dd><a href="/tags/meta/">Meta</a><dt>
<dd class="blogdd" style="color: #fff;">3</dt>
</li>
<li class="flex justify-between">
<dd><a href="/tags/language/">Language</a><dt>
<dd class="blogdd" style="color: #fff;">1</dt>
</li>
<li class="flex justify-between">
<dd><a href="/tags/personal/">Personal</a><dt>
<dd class="blogdd" style="color: #fff;">10</dt>
</li>
<li class="flex justify-between">
<dd><a href="/tags/technical/">Technical</a><dt>
<dd class="blogdd" style="color: #fff;">11</dt>
</li>
<li class="flex justify-between">
<dd><a href="/tags/art/">Art</a><dt>
<dd class="blogdd" style="color: #fff;">3</dt>
</li>
<li class="flex justify-between">
<dd><a href="/tags/school/">School</a><dt>
<dd class="blogdd" style="color: #fff;">2</dt>
</li>
<li class="flex justify-between">
<dd><a href="/tags/politics/">Politics</a><dt>
<dd class="blogdd" style="color: #fff;">2</dt>
</li>
</dil>
</li>
</div>
<br />
</nav>
<script>document.addEventListener("DOMContentLoaded",function(){var n=localStorage.getItem("storedScrollTop"),t=document.querySelector("body > main > aside.book-menu > nav");console.log("Menu after DOM element:",t),t.scrollTop=n}),window.onbeforeunload=function(){var t=document.querySelector("body > main > aside.book-menu > nav");console.log("Menu bufore unload element:",t),localStorage.setItem("storedScrollTop",t.scrollTop)}</script>
</aside>
<div class="book-page">
<header class="book-header">
<div class="flex align-center justify-between">
<label for="menu-control">
<img src="/svg/menu.svg" class="book-icon" alt="Menu" />
</label>
<strong>Home</strong>
<label for="toc-control">
<img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
</label>
</div>
<aside class="hidden clearfix">
<nav id="TableOfContents">
<ul>
<li><a href="#welcome-to-opinionated-guides">Welcome to Opinionated Guides</a>
<ul>
<li>
<ul>
<li></li>
</ul>
</li>
</ul>
</li>
<li><a href="#why">Why?</a></li>
<li><a href="#thank-you">Thank You!</a></li>
<li><a href="#contributors">Contributors</a></li>
<li><a href="#copyright">Copyright</a></li>
</ul>
</nav>
</aside>
</header>
<article class="markdown"><h1 id="welcome-to-opinionated-guides">
Welcome to Opinionated Guides
<a class="anchor" href="#welcome-to-opinionated-guides">#</a>
</h1>
<p>
<a href="/engineering/engineering/" class="book-btn ">
Opinionated Engineering
</a>
makes up the majority of this site, and aims to bring you from normie to <del>neckbeard</del> technomancer.</p>
<p>
<a href="/music/gettingstarted/" class="book-btn music">
Opinionated Music
</a>
will take you on a journey of sound design and artistic expression via sonic exploration. Buckle up bois, it’ll teach you all about 𝓂𝑜𝒹𝓊𝓁𝒶𝓇 𝓈𝓎𝓃𝓉𝒽𝑒𝓈𝒾𝓈𝑒𝓇𝓈 while we’re at it.</p>
<p>
<a href="/design/basics/" class="book-btn design">
Opinionated Design
</a>
is split into two sections. The first aims to help you not suck at art™ and the second is a stroll though making a website like this one.</p>
<p>
<a href="/phil/basic-phil/" class="book-btn phil">
Opinionated Philosophy
</a>
is <del>a place for me to screm my oppinions into the void</del> an attempt to apply philisophical ideas and reasoning to modern problems.</p>
<p>The
<a href="/interviews/interviews/" class="book-btn interview">
Interviews
</a>
section will introduce you to some kick ass engineers, musicians, and kool kids from all walks of life.</p>
<p>If you’re interested in what I have to say, there’s some
<a href="/posts/" class="book-btn gradient-border">
⠀ ⠀⠀ ⠀ ⠀⠀
</a>
too.</p>
<p>Finally, there’s some
<a href="/other/hci2/intro/" class="book-btn other">
Other
</a>
miscellaneous pages too. Content in this section ranges from discussions of conlangs like toki pona to 10,000 word rants about technology.
</br></p>
<p>Note that this website is <em><a href="#copyright">mostly</a></em> open source and I really appriciate contributions ❤️</p>
<p>The site is hosted though GitHub Pages, so all you have to do is <a href="https://github.com/VegaDeftwing/OpGuidesHugoSrc">submit a PR on GitHub</a>.</p>
<hr>
<div style="float: left; width: 30%;">
<img src="/nonfree/character/opguidesSiplick.png" alt="opguidesSiplick" style="zoom:34%;" />
<p class="attribution ">
Character is owned by me, art is by <a href="https://www.deviantart.com/siplick">Siplick</a>
</p>
</div>
<h5 id="alright-but-who-are-you">
Alright, but who are you?
<a class="anchor" href="#alright-but-who-are-you">#</a>
</h5>
<p>I’m Vega!</p>
<p>I have degrees in both Computer and Electrical Engineering. I am very into music, especially guitars and modular synths. I enjoy spending my free time scouring the internet for new things to learn and falling down YouTube pits until 3 in the morning.</p>
<p>I’m one of those people that types on a split Dvorak keyboard. I love old technology that predates me so much that I wear an old vacuum tube as a necklace. I like long boarding around town and playing video games.</p>
<p>I’m pretty opinionated, but I’d like to think most of those opinions have been tested reasonably rigorously or have at the very least come from a fair amount of experience, though I know I will need to update this site based on new information over time. I will occasionally try to sway you into my camp - like getting you to use Linux - for reasons that are both practical and ideological; however, I hope that once I share my reasons for both you’ll agree as well. Of course, I greatly enjoy a good debate and hearing new information too, so if you disagree, to me that’s even more valuable.</p>
<p><strong>TLDR</strong>: I enjoy programming guitars and playing computers 💾 I strum Dvorak, and type in chords 🤘</p>
<h1 id="why">
Why?
<a class="anchor" href="#why">#</a>
</h1>
<p>Why write Opinionated Guides?</p>
<p style="text-align: center;">The answer changes from time to time,<p>
<p>At first, I had this grandiose idea that I could offer something akin to a college education for computer science and engineering, with a good dose of electrical engineering for good measure.</p>
<p>And maybe that’s possible still, maybe over the course of a decade OpGuides will still end up as that. But I don’t think that’s even what I want anymore. I don’t want this to be Vega’s Opinionated Big Ass Book To Give You An All-In-One Education, both because VegaOpBABTGYAAIOEdu is far less catchy, and because I don’t even think it’s possible. The more I write on this the more I value input of others and other resources I find, and the more happy I am that I called this project Opinionated Guides.</p>
<p><em><strong>A Guide</strong></em>. That’s what I want this to be. I want OpGuides to be a resource that’s like your friend you can come back to for advice on where to go next, and I think that’s something the internet really needs.</p>
<p>Search engines <del>are</del> were awesome for finding information, but only when you know what to look for, so I figure OpGuides can be a sort of curated information source, with the crappy results filtered out, the best resources I know of included, and a healthy mix of entertainment in the education so that it’s not a chore to read.</p>
<p>But that’s what I want, not the why.</p>
<p style="text-align: center;">Why am I doing it?</p>
<p>I’m deeply passionate about what I write about and I really, really just want
to share my passions with others. The idea that much of the information for the topics I care about is either:</p>
<ul>
<li>
<p>Being behind the ever growing pay wall of college education</p>
</li>
<li>
<p>Being presented in the most horribly dry to read text books</p>
</li>
<li>
<p>Or being glossed over as people get a poor excuse of an engineering (or other technical) education that misses out on so much of both the really important stuff and the really, really fucking cool stuff</p>
</li>
</ul>
<p>is crazy to me.</p>
<p>Because of everything from an abusive text book industry to capitalism as a whole what we have right now is expensive, boring, low quality, and isn’t even worth it.</p>
<p>Seriously, look at how poor of a value even a technical education is becoming! College prices have sky rocketed, the dream of finding a career with decent work-life balance is imploding, and the big employers of computer engineers and computer scientists are being generally fucking evil and I just don’t get why anyone would want to do it….</p>
<p>…except for 18 year old high school graduates that have been fed the line that college is necessary for them to have a fulfilling life and have been repeatedly told how much it’s expected of them to go to college.</p>
<p>I fell down that trap. College is not worth it today. Sure, I have a good paying job, but I taught myself nearly everything I know via YouTube, not by going to class.</p>
<p>Because of my college experience I do know what college gets right and wrong, what is covered and isn’t. So, while I think I could have done a lot better on my own, it did serve as the catalyst. It gave me the terms to search, it pulled the curtain back just enough so that I could see some of the options. I think that’s all that’s really need for someone with enough motivation to be able to succeed, so that’s what I want OpGuides to do.</p>
<p>If you are going to college, I hope that OpGuides can supplement your college education. I hope that I can finish the job of opening the curtains to show you the full stage, to show you the things you missed or re-light that spark of passion.</p>
<p>OpGuides won’t ever be a single resource and should never be in print. The reason I know I can do better than what most existing higher education provides is because instead of shying away from the internet and other resources for the sake of selling a book, I want to show them off and link to them. That’s why I think I stand a chance of making something that can compete with college: I’m not alone, I’m a guide, showing you around the internet and introducing your to my other <del>totally not para-social relationships</del> friends.</p>
<span class="smalltext ">
As an added reason, it really annoys me how much knowledge is lost due to poor indexing. See <a href="http://ascii.textfiles.com/archives/5509">Discord, or the Death of Lore (Jason Scott)</a>
</span>
<p>On the note of links, those that I think are a cut above the rest will have a lil’ <span class="best ">
<img src="/nonfree/logo/best.svg" width="20em" style="margin: -10px 0px 0px 0px; margin-bottom: -10px;"/>
</span> symbol next to them to mark them as being particularly good resources.</p>
<h1 id="thank-you">
Thank You!
<a class="anchor" href="#thank-you">#</a>
</h1>
<div class="book-columns flex flex-wrap">
<div class="flex-even markdown-inner">
<img src="/nonfree/logo/copper.svg" style="zoom:33%;" />
<p><strong>Copper Level Supporters</strong></p>
<p class="attribution ">
one time contribution of $10+ or any monthly contribution on GitHub Sponsors or Patreon
</p>
<hr>
<p>Albert Wavering</p>
<p><a href="https://simongrunwald.de">Simon Grunwald</a></p>
</div>
<div class="flex-even markdown-inner">
<img src="/nonfree/logo/silver.svg" style="zoom:33%;" />
<p><strong>Silver Level Supporters</strong></p>
<p class="attribution ">
one time contribution of $50+ or $5+ monthly contribution on GitHub Sponsors or Patreon
</p>
<hr>
<p><a href="https://github.com/killthekitten">Nikolay Shebanov</a></p>
<p><a href="https://twitter.com/elimisteve">Steve Phillips</a></p>
</div>
<div class="flex-even markdown-inner">
<img src="/nonfree/logo/gold.svg" style="zoom:33%;" />
<p><strong>Gold Level Supporters</strong></p>
<p class="attribution ">
one time contribution of $100+ or $10+ monthly contribution on GitHub Sponsors or Patreon
</p>
<hr>
</div>
</div>
<hr>
<p>If you would like to sponsor this work, please do so on GitHub Sponsors → <iframe src="https://github.com/sponsors/VegaDeftwing/button" title="Sponsor VegaDeftwing" height="35" width="116" style="border: 0;"></iframe></p>
<p>or tip me on Venmo, @vegadeftwing</p>
<h1 id="contributors">
Contributors
<a class="anchor" href="#contributors">#</a>
</h1>
<p>Thank you to all of these people for your content contributions to OpGuides, the work you’ve put in really hepls!</p>
<div class="book-columns flex flex-wrap">
<div class="flex-even markdown-inner">
<hr>
<p>Eric Pereyra</br><a href="https://github.com/isopropilick">isopropilick</a></p>
<p><a href="https://github.com/brickhausdorff">brickhausdorff</a></p>
<p><a href="https://github.com/jamespeapen">jamespeapen</a></p>
<p><a href="https://github.com/LorenzBung">Lorenz Bung</a></p>
</div>
<div class="flex-even markdown-inner">
<hr>
<p><a href="https://github.com/jhwgh1968">jhwgh1968</a></p>
<p><a href="https://github.com/exdeejay">DJ</a></p>
<p><a href="https://github.com/docquantum">DocQuantum</a></p>
</div>
<div class="flex-even markdown-inner">
<hr>
<p>Want your name on this list? <a href="https://github.com/VegaDeftwing/OpGuidesHugoSrc">Sumbit a PR on GitHub</a></p>
</div>
</div>
<p>And an additional <strong>thank you</strong> from the bottom of my heart to <strong>Loial Otter</strong>, <strong>Soatok Dreamseeker</strong>, and <strong>Cadey Ratio</strong> for the opportunity to do an interview with each, as well as to all my friends that have read over the guides and helped point out issues and gaps in content, and finally to all those that haven’t just responded with ‘RTFM’ and worked with me as I’ve asked some of absolute legends in their fileds to help with the OpGuides project. ❤️</p>
<h1 id="copyright">
Copyright
<a class="anchor" href="#copyright">#</a>
</h1>
<p>This guide links to and re-hosts a bunch of other content. If you don’t want your content shown here please submit an issue on GitHub or just poke me on Twitter. I have done my best to ask for permission where necessary when other resources are used.</p>
<p>As for the license, everything on OpGuides <strong>except</strong></p>
<ul>
<li>
<p>The images, quotes, videos, and code that are marked as being from elsewhere or are dynamically loaded from other sources (YouTube, Twitter embeds, JavaScript, and the like)</p>
<span class="smalltext ">
<strong>Why:</strong> Nobody has the right to re-license another person’s hard work
</span>
</li>
<li>
<p>The OpGuides name and Logo</p>
<span class="smalltext ">
<strong>Why:</strong> To avoid confusion
</span>
</li>
<li>
<p>The Interviews section (<a href="https://opguides.info/interviews/">https://opguides.info/interviews/</a>*)</p>
<span class="smalltext ">
<strong>Why:</strong> Other people should have the right to know where their interviews are hosted and request they be removed
</span>
</li>
<li>
<p>The Blog Section (<a href="https://opguides.info/posts/">https://opguides.info/posts/</a>*)</p>
<span class="smalltext ">
<strong>Why:</strong> Many of the posts are about my life, copying them is just weird
</span>
</li>
<li>
<p>Images of the character ‘Vega Deftwing’</p>
<span class="smalltext ">
<strong>Why:</strong> I shouldn’t have to have my likeness on a page with content I don’t get a say in
</span>
</li>
<li>
<p>Resources given special permission by the artist for OpGuides (all are located in <code>static/nonfree/permissiongranted</code>)</p>
<span class="smalltext ">
<strong>Why</strong>: Permission was given for OpGuides, but not for an arbitrary website
</span>
</li>
</ul>
<p>is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-NC-BY-SA 4.0</a>, with the a few extra stipulations</p>
<ul>
<li>Contributors must agree that I (Vega) can still collect donations though the site - at the moment this is though GitHub Sponsors and Venmo, though this may change in the future. This covers the cost of the domain, and gives me a little spending money to justify purchases that allow me to write further content.</li>
<li>Contributors also agree that I (Vega) or one other person - “The Backup” - I appoint at a time may grant this same exception to those wishing to host a fork of OpGudides themselves. In the event that I am unable to grant this exception further, the last person appointed “The Backup” becomes the copyright holder of the OpGuides name, logo, Interviews, and blog posts and may appoint a new backup.
<ul>
<li>Currently Soatok Dreamseeker of <a href="https://soatok.blog">https://soatok.blog</a> is “The Backup”</li>
</ul>
</li>
</ul>
<p>What this means is you are welcome to fork the project; <em>however,</em> if you want to host it yourself you’ll need to remove the <code>nonfree</code> folder of content in the <code>static</code> folder at the base of this repo. If you’d like to collect donations (to cover the cost of hosting and encourage development) you’ll need to ask for an exception from me (Vega). This exception will almost certainly be granted if you’ve put in any more work than just changing the logo around and removing the nonfree folder.</p>
<p>It is worth noting that a fair amount of content on OpGuides is presented under the assumption of fair use, some of this done more liberally than it probably should be. Many images on OpGuides are used because of broad permission granting statements on the authors websites such as the statements from <a href="https://xkcd.com/about/">xkcd</a> and <a href="https://sarahcandersen.com/about">Sarah Scribbles</a>. Some images are almost certainly violations of copyright, but exist under the same gray area that has let meme and <a href="https://fortune.com/2016/11/07/giphy-gifs-copyright/">gif culture</a> flourish. If you plan to host a fork of OpGuides you may want to consider your own level of comfort regarding the usage of this content and change pages as necessary.</p>
<hr>
<p>At the bottom you’ll find a fancy logo that acts as a link to the <a href="https://en.wikipedia.org/wiki/Webring">Webring</a> that this site is a part of.</p>
</article>
<footer class="book-footer">
<div class="flex flex-wrap justify-between">
<div>
<a class="flex align-center" href="https://github.com/VegaDeftwing/OpGuidesHugoSrc/tree/main/content//_index.md" target="_blank" rel="noopener">
<img src="/svg/edit.svg" class="book-icon" alt="Edit" />
<span>Edit this page</span>
</a>
</div>
</div>
<hr/>
<span><a href="https://webring.xxiivv.com/#random" target="_blank"><img id="webring-img" src="https://webring.xxiivv.com/icon.white.svg" style="width:100px;height:100px;opacity: .7;"/></a> </span>
<p>If you would like to support my development of OpGuides, please consider supporting me on <a href="https://github.com/sponsors/VegaDeftwing">GitHub Sponsors</a> or dropping me some spare change on Venmo @vegadeftwing - every little bit helps ❤️</p>
</footer>
<div id="webmentions"></div>
</footer>
<div class="book-comments">
</div>
<label for="menu-control" class="hidden book-menu-overlay"></label>
</div>
<aside class="book-toc">
<div class="book-toc-content">
<nav id="TableOfContents">
<ul>
<li><a href="#welcome-to-opinionated-guides">Welcome to Opinionated Guides</a>
<ul>
<li>
<ul>
<li></li>
</ul>
</li>
</ul>
</li>
<li><a href="#why">Why?</a></li>
<li><a href="#thank-you">Thank You!</a></li>
<li><a href="#contributors">Contributors</a></li>
<li><a href="#copyright">Copyright</a></li>
</ul>
</nav>
</div>
</aside>
</main>
</body>
</html>