Content update and minor UI changes

public/recommended.yaml

@@ -1,88 +1,102 @@
 - title: Books
   children:
-  - title: Technology
+    - title: Technology
-    children:
-    - title: C programming
       children:
-      - title: The C Programming Language [K&R]
+        - title: C programming
-        url: https://en.wikipedia.org/wiki/The_C_Programming_Language
+          children:
-      - title: Expert C Programming by Peter van der Linden
+            - title: The C Programming Language [K&R]
-      - title: Practical C Programming by Steve Oualline (outdated like all the books
+              url: https://en.wikipedia.org/wiki/The_C_Programming_Language
-          in this section but still good)
+            - title: Expert C Programming by Peter van der Linden
-      - title: Mastering Algorithms with C by Kyle Loudon
+            - title: Practical C Programming by Steve Oualline
-    - title: Other Programming
+              description:
+                Outdated like many the books in this section but it is very helpful
+                to learn some of the things discussed, especially if you have no exposure
+                to the language outside of school.
+            - title: Mastering Algorithms with C by Kyle Loudon
+        - title: Other Programming
+          children:
+            - title: Programming Perl by Larry Wall [Camel Book]
+              description: One of the first programming
+                books I have ever used. It probably is outdated but it is written well.
+            - "Programming Rust: Fast, Safe Systems Development"
+            - The Rust Programming Language
+            - Programming in Lua, Fourth Edition by Roberto Ierusalimschy
+        - title: Operating Systems
+          children:
+            - Advanced Programming in the Unix Environment by W. Richard Stevens
+            - title: "Operating Systems: Design and Implementation by Andrew S. Tanenbaum"
+              description:
+                I have not had a chance to read his other books on OS. I am
+                not a fan of his networking book though.
+        - title: Computer Engineering
+          children:
+            - "Making Embedded Systems: Design Patterns for Great Software by Elecia White"
+            - "Computer Organization and Design: the Hardware/Software Interface [Patterson
+              Hennessy]"
+            - "Computer Architecture: A Quantitative Approach [Hennessy Patterson]"
+        - title: Compilers
+          children:
+            - title: "Compilers: Principles, Techniques, and Tools [Dragon Book]"
+              description: Discusses theory in detail so it is kind of hard to read.
+        - title: Other
+          children:
+            - title: "Definitive Guide to sed: Tutorial and Reference"
+    - title: Classics
+      description: I am not sure I should make a sublist for the ones that were not originally in English.
       children:
-      - Programming Perl by Larry Wall [Camel Book] (one of the first programming
+        - Christmas Carol
-        books I used. It probably is outdated but it is written well)
+        - A Tale of Two Cities
-      - 'Programming Rust: Fast, Safe Systems Development'
+        - The Mayor of Casterbridge
-      - The Rust Programming Language
+        - The Citadel
-      - Programming in Lua, Fourth Edition by Roberto Ierusalimschy
+        - Oliver Twist
-    - title: Operating Systems
+        - Macbeth
+        - Othello
+        - Adventures of Huckleberry Finn
+        - Murder on the Orient Express
+    - title: Latin Learning
       children:
-      - Advanced Programming in the Unix Environment by W. Richard Stevens
+        - Lingua Latina per se Illustrata (Both parts)
-      - 'Operating Systems: Design and Implementation by Andrew S. Tanenbaum (I have
+        - Henle's Textbooks
-        not had a chance to read his other books on OS. I am not a fan of his networking
-        book though.)'
-    - title: Computer Engineering
-      children:
-      - 'Making Embedded Systems: Design Patterns for Great Software by Elecia White'
-      - 'Computer Organization and Design: the Hardware/Software Interface [Patterson
-        Hennessy]'
-      - 'Computer Architecture: A Quantitative Approach [Hennessy Patterson]'
-    - title: Compilers
-      children:
-      - title: 'Compilers: Principles, Techniques, and Tools [Dragon Book] (discusses
-          theory in detail so it is kind of hard to read)'
-    - title: Other
-      children:
-      - title: 'Definitive Guide to sed: Tutorial and Reference'
-  - title: Classics
-    description: Only the English ones for now.
-    children:
-    - Christmas Carol
-    - A Tale of Two Cities
-    - The Mayor of Casterbridge
-    - The Citadel
-    - Oliver Twist
-    - Macbeth
-    - Othello
-    - Adventures of Huckleberry Finn
-    - Murder on the Orient Express
-  - title: Language Learning
-    children:
-    - Lingua Latina per se Illustrata (Both parts)
 - title: Movies
   children:
-  - Pulp Fiction
+    - title: English language
-  - Blade Runner 2049
+      children:
-  - The Grand Budapest Hotel
+        - Pulp Fiction
-  - The Hateful Eight
+        - Blade Runner 2049
-  - Goodfellas
+        - The Grand Budapest Hotel
-  - Inception
+        - The Hateful Eight
-  - Memento
+        - Goodfellas
-  - Dune (2021)
+        - Inception
-  - Hot Fuzz
+        - Memento
-  - Snatch
+        - Dune (2021)
+        - Hot Fuzz
+        - Snatch
 - title: Music
+  description: This is probably the most incomplete list. I have a playlists page so maybe I should move these there.
   children:
-  - American Pie by Don McLean
+    - title: Rock
-  - L'Ultima Diligenza by Ennio Morricone
+      children:
-- title: Classical Music
+        - American Pie by Don McLean
-  children:
+    - title: Multimedia OST
-  - Große Fuge Op. 133
+      children:
-  - KV 387
+        - L'Ultima Diligenza by Ennio Morricone
-  - KV 448
+    - title: Classical
-  - KV 626
+      children:
-  - Piano Sonata No. 2 Mvmt. 3 (Chopin)
+        - Große Fuge Op. 133
-  - BWV 1048
+        - KV 387
-  - Prelude in G Minor (Op. 23 No. 5)
+        - KV 448
-  - String Quartet, Op. 20 No. 2 (Haydn)
+        - KV 626
-  - Arabesque No. 1 (Debussy)
+        - Piano Sonata No. 2 Mvmt. 3 (Chopin)
+        - BWV 1048
+        - Prelude in G Minor (Op. 23 No. 5)
+        - String Quartet, Op. 20 No. 2 (Haydn)
+        - Arabesque No. 1 (Debussy)
 - title: Video Games
   children:
-  - 'The Legend of Zelda: Breath of the Wild'
+    - "The Legend of Zelda: Breath of the Wild"
-  - Portal 2
+    - Portal 2
-  - Factorio
+    - Factorio
-  - 'The Witcher 3: The Wild Hunt GOTY Edition (Especially the DLCs)'
+    - "The Witcher 3: The Wild Hunt GOTY Edition (Especially the DLCs)"
-  - Baba is You
+    - Baba is You
-  - Red Dead Redemption
+    - Red Dead Redemption
+    - Sid Meier's Civilization VI

public/resources.yaml

@@ -1,34 +1,34 @@
 - title: Programming
   children:
-  - url: http://aggregate.org/MAGIC/
+    - url: http://aggregate.org/MAGIC/
-    title: The Aggregate Magic Algorithms
+      title: The Aggregate Magic Algorithms
-  - url: https://3fx.ch/typing-is-hard.html
+    - url: https://3fx.ch/typing-is-hard.html
-    title: Typing is Hard
+      title: Typing is Hard
-  - url: https://www.atlassian.com/git/
+    - url: https://www.atlassian.com/git/
-    title: Atlassian's Git Guide
+      title: Atlassian's Git Guide
-  - url: https://learnopengl.com/
+    - url: https://learnopengl.com/
-    title: LearnOpenGL.com
+      title: LearnOpenGL.com
-  - url: http://ctan.math.utah.edu/ctan/tex-archive/info/symbols/comprehensive/symbols-letter.pdf
+    - url: http://ctan.math.utah.edu/ctan/tex-archive/info/symbols/comprehensive/symbols-letter.pdf
-    title: "[PDF] LaTeX Symbols"
+      title: "[PDF] LaTeX Symbols"
-  - url: https://tobi.oetiker.ch/lshort/lshort.pdf
+    - url: https://tobi.oetiker.ch/lshort/lshort.pdf
-    title: "[PDF] The Not So Short Introduction to LATEX 2ε"
+      title: "[PDF] The Not So Short Introduction to LATEX 2ε"
-  - url: https://writing.kemitchell.com/2016/09/21/MIT-License-Line-by-Line.html
+    - url: https://writing.kemitchell.com/2016/09/21/MIT-License-Line-by-Line.html
-    title: The MIT License, Line by Line by Kyle E. Mitchell
+      title: The MIT License, Line by Line by Kyle E. Mitchell
-  - title: Posts
+    - title: Posts
-    children:
+      children:
-    - title: How to Make Your Code Reviewer Fall in Love with You by Michael Lynch
+        - title: How to Make Your Code Reviewer Fall in Love with You by Michael Lynch
-      url: https://mtlynch.io/code-review-love/
+          url: https://mtlynch.io/code-review-love/
-    - title: What's in the box? by @fasterthanlime
+        - title: What's in the box? by @fasterthanlime
-      url: https://fasterthanli.me/articles/whats-in-the-box
+          url: https://fasterthanli.me/articles/whats-in-the-box
-  - title: Talks
+    - title: Talks
-    children:
+      children:
-    - title: Concurrency is not Parallelism by Rob Pike
+        - title: Concurrency is not Parallelism by Rob Pike
-      url: https://talks.golang.org/2012/waza.slide
+          url: https://talks.golang.org/2012/waza.slide
 - title: Electrical
   children:
-  - title: Common Wire-To-Board, Wire-To-Wire Connectors, And Crimp Tools
+    - title: Common Wire-To-Board, Wire-To-Wire Connectors, And Crimp Tools
-    url: http://www.mattmillman.com/info/crimpconnectors/
+      url: http://www.mattmillman.com/info/crimpconnectors/
 - title: Other Topics
   children:
-  - title: Sight Reading Trainer
+    - title: Sight Reading Trainer
-    url: https://sightreading.training/
+      url: https://sightreading.training/

styles/lists.module.css

@@ -1,3 +1,7 @@
+.desc {
+    font-size: 0.95rem;
+}
+
 .listItem {
     padding: 0.25rem;
     display: block;
@@ -6,4 +10,12 @@
 .listItem::before {
     content: '■';
     padding: 0 0.5rem;
-}
+}
+
+.listItemDesc {
+    display: inline-block;
+    padding: 0.25rem;
+    margin-left: 2.5rem;
+    font-size: 0.95rem;
+}
+

util/resrec.tsx

@@ -55,11 +55,22 @@ export function mapChild(obj: listItem | string, level: number) {
     if (obj.title === '')
         return <></>
 
+    const desc = obj.description
+        ? <span className={style.listItemDesc}>{obj.description}</span>
+        : <></>;
     if (obj.url)
-        return <span className={style.listItem}><a href={obj.url}>{obj.title}</a></span>
+        return (
+            <>
+                <span className={style.listItem}><a href={obj.url}>{obj.title}</a></span>
+                {desc}
+            </>);
 
     if (!obj.children)
-        return <span className={style.listItem}>{obj.title}</span>
+        return (
+            <>
+                <span className={style.listItem}>{obj.title}</span>
+                {desc}
+            </>);
 
     let title: ReactElement;
 
@@ -69,9 +80,9 @@ export function mapChild(obj: listItem | string, level: number) {
         title = React.createElement('strong', {}, obj.title);
 
     return (
-        <section className={level < 5 ? 'block' : ''}>
+        <section className={level < 4 ? 'block' : ''}>
             {title}
-            {obj.description ? <p>{obj.description}</p> : <></>}
+            {obj.description ? <p className={style.desc}>{obj.description}</p> : <></>}
             <div>
                 {obj.children.map(l => mapChild(l, level + 1))}
             </div>