Content update and minor UI changes

public/recommended.yaml

@@ -7,37 +7,42 @@
             - title: The C Programming Language [K&R]
               url: https://en.wikipedia.org/wiki/The_C_Programming_Language
             - title: Expert C Programming by Peter van der Linden
-      - title: Practical C Programming by Steve Oualline (outdated like all the books
+            - title: Practical C Programming by Steve Oualline
-          in this section but still good)
+              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:
-      - Programming Perl by Larry Wall [Camel Book] (one of the first programming
+            - title: Programming Perl by Larry Wall [Camel Book]
-        books I used. It probably is outdated but it is written well)
+              description: One of the first programming
-      - 'Programming Rust: Fast, Safe Systems Development'
+                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
-      - 'Operating Systems: Design and Implementation by Andrew S. Tanenbaum (I have
+            - title: "Operating Systems: Design and Implementation by Andrew S. Tanenbaum"
-        not had a chance to read his other books on OS. I am not a fan of his networking
+              description:
-        book though.)'
+                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'
+            - "Making Embedded Systems: Design Patterns for Great Software by Elecia White"
-      - 'Computer Organization and Design: the Hardware/Software Interface [Patterson
+            - "Computer Organization and Design: the Hardware/Software Interface [Patterson
-        Hennessy]'
+              Hennessy]"
-      - 'Computer Architecture: A Quantitative Approach [Hennessy Patterson]'
+            - "Computer Architecture: A Quantitative Approach [Hennessy Patterson]"
         - title: Compilers
           children:
-      - title: 'Compilers: Principles, Techniques, and Tools [Dragon Book] (discusses
+            - title: "Compilers: Principles, Techniques, and Tools [Dragon Book]"
-          theory in detail so it is kind of hard to read)'
+              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: "Definitive Guide to sed: Tutorial and Reference"
     - title: Classics
-    description: Only the English ones for now.
+      description: I am not sure I should make a sublist for the ones that were not originally in English.
       children:
         - Christmas Carol
         - A Tale of Two Cities
@@ -48,10 +53,13 @@
         - Othello
         - Adventures of Huckleberry Finn
         - Murder on the Orient Express
-  - title: Language Learning
+    - title: Latin Learning
       children:
         - Lingua Latina per se Illustrata (Both parts)
+        - Henle's Textbooks
 - title: Movies
+  children:
+    - title: English language
       children:
         - Pulp Fiction
         - Blade Runner 2049
@@ -64,10 +72,15 @@
         - 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:
+    - title: Rock
       children:
         - American Pie by Don McLean
+    - title: Multimedia OST
+      children:
         - L'Ultima Diligenza by Ennio Morricone
-- title: Classical Music
+    - title: Classical
       children:
         - Große Fuge Op. 133
         - KV 387
@@ -80,9 +93,10 @@
         - 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
     - 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
     - Red Dead Redemption
+    - Sid Meier's Civilization VI

styles/lists.module.css

@@ -1,3 +1,7 @@
+.desc {
+    font-size: 0.95rem;
+}
+
 .listItem {
     padding: 0.25rem;
     display: block;
@@ -7,3 +11,11 @@
     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>