From b09ebf79ae356a2f7442a9521e589d27744efafa Mon Sep 17 00:00:00 2001 From: kyscg Date: Sat, 10 Feb 2024 13:45:26 +0530 Subject: [PATCH] rewrote about.html, design changes and updates --- about.html | 134 +++++------- assets/main.css | 332 ++++++++++++++++++++++++---- reading.html | 572 +++++++++++++++++++++++++++++++++++++++--------- todo.md | 4 +- 4 files changed, 820 insertions(+), 222 deletions(-) diff --git a/about.html b/about.html index b8d4fc3..3452e9d 100644 --- a/about.html +++ b/about.html @@ -39,7 +39,7 @@ @@ -50,7 +50,7 @@

About

What you can and cannot find on this site

-

Updated: July 06, 2022

+

Updated: The Ides of March

@@ -58,15 +58,15 @@

What you can and cannot find on this site

Contents

    -
  1. Site Information
  2. +
  3. Colophon
  4. Contact
-

+

-

Mother tells me,
+

Mother tells me,
the immortal goddess Thetis with her glistening feet,
that two fates bear me on to the day of death.
If I hold out here and I lay siege to Troy,
@@ -76,93 +76,75 @@

Contents

true, but the life that's left me will be long,
the stroke of death will not come on me quickly.

- Achilles

-
I am a Masters student in Computer Science at CVIT, IIIT Hyderabad. I am currently working on speech - generation and vision algorithms under the guidance of Prof. Vineet Gandhi - at IIIT-H.

My other research interests are algorithms, optimization, and - complexity theory.

If I had unlimited time and resources, I would spend - them on ensuring that the air, water and food going into our body is clean, - understanding and solving addiction of all sorts, and designing green cities that - result in better communities and make us healthier. + + Hello, my name is Gandhi and I work on research problems in machine learning. This + is wonderful because I get to work on a very exciting intersection of two things I + enjoy very much: mathematics and computer programming. I am currently studying the + many ways neural networks learn data from two or more modalities, especially + auditory and visual information.

I am a Masters student in Computer Science + at CVIT in IIIT Hyderabad, advised by Vineet Gandhi. Previously, I + completed my undergraduate degree in Civil Engineering at IIT Roorkee, India where I + worked with Indrajit Ghosh on + faster traffic event detection methods using NLP techniques and studied automatic + traffic control systems using simulations of heterogenous traffic flow.

+ Broadly, I'm interested in finding simple and clean solutions to learning tasks, and + I believe that multimodal artificial intelligence is ripe for new simple ideas that + need to be discovered patiently.

+ + Apart from my research, I play football and read books. Seriously, I play a lot of + football and I read a lot of books. I write quite a bit but I can't stand reading + the stuff I've written which is probably what a lot of writers feel, I have a + Substack to which I hope to start and keep + publishing.

-

+ Some things I believe in: +
    +
  • Move Fast. Move Faster.
  • +
  • Don't stop when you're tired, stop when you're done. Job Finished?
  • +
  • You can't improve what you can't measure.
  • +
  • The laws of physics are the only true limits, you can do more than you think.
  • +
  • Pain is inevitable. Suffering is optional.
  • +
-
@@ -173,4 +155,4 @@

Contact

- + \ No newline at end of file diff --git a/assets/main.css b/assets/main.css index a7b25ac..b69f126 100644 --- a/assets/main.css +++ b/assets/main.css @@ -88,6 +88,7 @@ video { font: inherit; vertical-align: baseline; } + article, aside, details, @@ -101,17 +102,21 @@ nav, section { display: block; } + body { line-height: 1; } + ol, ul { list-style: none; } + blockquote, q { quotes: none; } + blockquote:before, blockquote:after, q:before, @@ -119,6 +124,7 @@ q:after { content: ""; content: none; } + table { border-collapse: collapse; border-spacing: 0; @@ -128,14 +134,13 @@ table { @font-face { font-family: "Triplicate T4"; - src: url("/assets/fonts/MBType/Triplicate T4 Code Regular.otf") - format("opentype"), - url("/assets/fonts/MBType/Triplicate T4 Code Regular.ttf") - format("truetype"), + src: url("/assets/fonts/MBType/Triplicate T4 Code Regular.otf") format("opentype"), + url("/assets/fonts/MBType/Triplicate T4 Code Regular.ttf") format("truetype"), url("/assets/fonts/MBType/Triplicate T4 Code Regular.woff") format("woff"); font-weight: normal; font-style: normal; } + @font-face { font-family: "Equity Text"; src: url("/assets/fonts/EBGaramond/EBGaramond12-Regular.otf") format("opentype"); @@ -143,6 +148,7 @@ table { font-style: normal; font-feature-settings: "liga" 1, "kern" 1; } + @font-face { font-family: "Equity Text"; src: url("/assets/fonts/EBGaramond/EBGaramond12-Italic.otf") format("opentype"); @@ -150,6 +156,7 @@ table { font-style: italic; font-feature-settings: "liga" 1, "kern" 1; } + @font-face { font-family: "Equity Text"; src: url("/assets/fonts/EBGaramond/EBGaramond08-Regular.otf") format("opentype"); @@ -157,6 +164,7 @@ table { font-style: normal; font-feature-settings: "liga" 1, "kern" 1; } + @font-face { font-family: "Equity Caps"; src: url("/assets/fonts/EBGaramond/EBGaramond12-SC.otf") format("opentype"); @@ -164,6 +172,7 @@ table { font-style: normal; font-feature-settings: "liga" 1, "kern" 1; } + .tabbed-set { display: flex; position: relative; @@ -173,11 +182,13 @@ table { overflow: auto; border-radius: 0.3em; } + .tabbed-set .tabbed-content { display: none; order: 99; width: 100%; } + .tabbed-set label { width: auto; margin: 0 0.5em; @@ -186,42 +197,52 @@ table { cursor: pointer; font-family: "Equity Caps"; } + .tabbed-set input { position: absolute; opacity: 0; } + .tabbed-set input:nth-child(n + 1) { color: #333333; } -.tabbed-set input:nth-child(n + 1):checked + label { + +.tabbed-set input:nth-child(n + 1):checked+label { color: #009933; border-bottom: 1px solid #009933; padding-bottom: 2rem; } -.tabbed-set input:nth-child(n + 1):checked + label + .tabbed-content { + +.tabbed-set input:nth-child(n + 1):checked+label+.tabbed-content { display: block; } -input[type="checkbox"] ~ span { + +input[type="checkbox"]~span { display: none; } -input[type="checkbox"]:checked ~ span { + +input[type="checkbox"]:checked~span { display: inline; font-family: "Equity Text", serif; font-style: italic; opacity: 0.7; } + input[type="checkbox"] { display: none; } + .node-link { cursor: pointer; color: #0059ff; } + .contact-form { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0.2em 1em; } + .contact-form input, .contact-form textarea { width: 30rem; @@ -232,24 +253,29 @@ input[type="checkbox"] { font-size: 0.95em; background: #fdf6e3; } + .contact-form input:focus, .contact-form textarea:focus { outline: 1px solid #3eb0ef; outline-offset: -1px; } + .contact-form label[for="email-address"], .contact-form label[for="name"] { order: -1; } + .contact-form input { order: 0; margin-bottom: 0.6em; } + .contact-form label[for="message"], .contact-form textarea { height: 10rem; grid-column-end: span 2; } + .contact-form input[type="submit"] { grid-column-start: 2; margin-top: 0.65rem; @@ -261,21 +287,25 @@ input[type="checkbox"] { appearance: none; opacity: 1; } + .contact-form input[type="submit"]:hover { color: #fff; background: #073642; } + button { - background: none!important; + background: none !important; border: none; - padding: 0!important; + padding: 0 !important; color: #0059ff; font-family: "Equity Text", serif; cursor: pointer; } + button:hover { color: #ff0f00; } + body { background: #e6e6e6; color: #000; @@ -287,27 +317,33 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + .clear { clear: both; } + .flexcontainer { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } + .hide-big { display: none; } + .hide-small { display: block; } + .content, .toc-index, .nav-view { margin-bottom: 50px; margin-top: 50px; } + .toc-index, .nav-view { margin-left: 10px; @@ -316,26 +352,32 @@ body { width: 100px; min-width: 100px; } + .nav-inner, .toc-inner { width: 100px; height: 500px; } + .content { margin-left: 50px; margin-right: 50px; -webkit-flex: 1; flex: 1; } + .content .content-header-standard { max-width: 1000px; } + .content .content-inner-standard { max-width: 900px; } + .nav-view { margin-left: 40px; } + .nav-view .nav-inner { overflow: auto; width: 115%; @@ -343,92 +385,115 @@ body { position: sticky; top: 50px; } + .nav-view nav { font-family: "Equity Caps"; font-size: 1.3rem; text-align: right; } + .nav-view nav a { border-bottom: 0; color: #000; } + .nav-view nav a:hover { color: #0059ff; } + .nav-view nav ul { line-height: 1em; list-style-type: none; margin: 0; } + .nav-view nav ul li { margin: 20px 0 0; } + .nav-view nav ul li:first-child { margin-top: 0; } + .nav-view .nav-extra-content { font-family: "Equity Text", serif; font-size: 1rem; line-height: 1.4em; text-align: right; } + .nav-view .nav-extra-content p { hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; margin: 10px 0; } + .top-nav-flat { height: 0; margin: 0 20px; width: auto; } + .top-nav-flat .nav-inner { max-width: none; position: initial; width: 100%; } + .top-nav-flat nav { font-size: 2rem; font-family: "Equity Text", serif; } + .top-nav-flat nav ul { margin: 0 auto; } + .top-nav-flat nav ul li { float: left; line-height: 2em; margin: 0 2rem; } + .top-nav-flat nav ul li a { color: #000; } + .top-nav-flat nav ul li a:hover { color: #0059ff; } + .toc-index .toc { text-align: right; width: auto; } + .toc-index .toc ul { margin: 0; } + .toc-index .toc ul a:hover { color: #0059ff; } + .toc-index .toc ul a:visited { border-bottom: 0; } + .toc-index .toc ul li:first-child { margin-top: -5px; } + a { color: #0059ff; text-decoration: none; } + a:hover { color: #ff0f00; } + a.feed-icon::after { background-image: url("/assets/images/icons/rss.svg"); background-position: 4px 0; @@ -439,34 +504,45 @@ a.feed-icon::after { height: 15px; width: 15px; } + blockquote { - border-left: 40px solid #f6f6f6; + border-left: 10px solid #ff0f00; color: #555; font-size: 0.95rem; font-weight: 100; line-height: 1.6em; padding: 1px 30px; - margin: 30px; + padding-top: 7px; + padding-bottom: 7px; + margin-top: 10px; + margin-bottom: 10px; + margin-left: 100px; + margin-right: 100px; } + code { font-family: "Triplicate T4", monospace; font-size: 0.9rem; padding: 4px 4px; font-weight: 400; } + acronym { font-family: "Equity Caps"; border-bottom: 1px solid #000; text-decoration: none; } + em { font-family: "Equity Text", serif; font-style: italic; } + b { font-family: "Equity Text", serif; font-weight: bold; } + h1, h2, h3, @@ -474,18 +550,21 @@ h4 { color: #000; font-family: "Equity Text", serif; } + h1 a, h2 a, h3 a, h4 a { color: #000; } + h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #000; } + h1.block, h2.block, h3.block, @@ -495,36 +574,44 @@ h4.block { line-height: 1.4em; margin: 15px 0; } + h1.block a, h2.block a, h3.block a, h4.block a { border-bottom: 0 !important; } + h1 { font-size: 3.5em; line-height: 2em; margin: 10px 0 0 0; } + h1.generic { font-size: 3.5em; } + h2 { font-size: 2.5em; line-height: 1.0em; margin: 40px 0 0 0; } + h3 { font-size: 1.5em; margin: 40px 0 0 0; } + h4 { font-size: 1em; margin: 30px 0 -15px 0; } + html { font-size: 100%; } + img, video { display: block; @@ -532,21 +619,25 @@ video { margin: 20px 0; max-width: 100%; } + img.overflowing, table.overflowing, video.overflowing { overflow: visible; max-width: 650px; } + table.overflowing { width: 650px; } + p { hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; margin: 20px 0; } + pre { font-family: "Triplicate T4", monospace; font-size: 0.75rem; @@ -554,24 +645,29 @@ pre { overflow: scroll; padding: 20px; } + pre code { border: 0; font-size: 0.75rem; display: block; } + strong { font-family: "Equity Text", serif; font-weight: bold; } + sub { font-size: 0.85rem; vertical-align: sub; } + sup { font-size: 0.85rem; position: relative; top: -1ex; } + table { border: 1px solid #000; border-collapse: collapse; @@ -581,45 +677,55 @@ table { margin: 30px 0; width: 100%; } + table th, table td { border: 1px solid #e6e6e6; border-collapse: collapse; vertical-align: middle; } + table th { font-family: "Equity Text", serif; font-weight: bold; padding: 10px 10px; } + table td { padding: 4px 10px; } + table td ul { margin: 0; padding: 0; } + table td ul li { margin: 10px 0 10px 20px; padding: 0; } + ol, ul { margin: 20px 0; } + .divider { border-bottom: 1px solid #000; margin: 30px 0; } + .divider-side { border-bottom: 1px solid #000; margin: 30px 0; } + .divider-short { border-bottom: 1px solid #000; margin: 30px auto; width: 80%; } + .side { display: block; float: left; @@ -627,6 +733,7 @@ ul { width: 16%; position: relative; } + .list a { color: #000; font-family: "Equity Text", serif; @@ -634,13 +741,16 @@ ul { line-height: 1.2em; border-bottom: 0; } + .list li { margin: 30px 0; } + .list p { line-height: 1.7em; margin-top: 0; } + .list .meta { color: #000; font-family: "Equity Text", serif; @@ -648,6 +758,7 @@ ul { font-size: 1rem; margin: 0 0 0 10px; } + .toc { font-family: "Equity Text", serif; font-size: 1.1rem; @@ -655,18 +766,22 @@ ul { margin: 0 0 0 0; width: 0; } + .toc a { color: #000; } + .toc a:hover { color: #0059ff; } + .toc h2 { font-family: "Equity Text", serif; font-size: 2rem; letter-spacing: 1px; margin: 5px 0 20px; } + .toc ol { list-style-type: none; counter-reset: item; @@ -674,28 +789,34 @@ ul { width: 15rem; padding: 0; } -.toc ol > li { + +.toc ol>li { display: table; counter-increment: item; margin-bottom: 1em; } -.toc ol > li:before { + +.toc ol>li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.5em; } -.toc li ol > li { + +.toc li ol>li { margin: 10px; } -.toc li ol > li:before { + +.toc li ol>li:before { content: counters(item, ".") " "; } + article blockquote ol li, article blockquote ul li, section.article-like blockquote ol li, section.article-like blockquote ul li { margin-left: 20px; } + article .remark, section.article-like .remark { font-family: "Equity Text", serif; @@ -707,6 +828,7 @@ section.article-like .remark { left: 200px; width: 100px; } + article figure, section.article-like figure { max-width: 100%; @@ -714,11 +836,13 @@ section.article-like figure { margin: 40px 0; position: relative; } + article figure p, section.article-like figure p { margin: 0; overflow: visible; } + article figure figcaption, section.article-like figure figcaption { font-size: 0.9rem; @@ -732,24 +856,29 @@ section.article-like figure figcaption { left: -120px; width: 100px; } + article figure table, section.article-like figure table { margin: 0; } + article ol, section.article-like ol { list-style-type: decimal; } + article ul, section.article-like ul { list-style-type: disc; } + article ol, article ul, section.article-like ol, section.article-like ul { margin: 25px 0; } + article ol li, article ul li, section.article-like ol li, @@ -758,16 +887,19 @@ section.article-like ul li { margin-left: 40px; padding-left: 5px; } + article strong, section.article-like strong { font-family: "Equity Text", serif; } + article #footnotes code, article .info code, section.article-like #footnotes code, section.article-like .info code { font-size: 0.65rem; } + article #footnotes p, article .info p, section.article-like #footnotes p, @@ -775,37 +907,45 @@ section.article-like .info p { font-size: 0.85rem; line-height: 1.6em; } + article #footnotes, section.article-like #footnotes { border-top: 1px solid; margin: 30px auto; width: 90%; } + article .attachment, section.article-like .attachment { text-align: center; } + article .info, section.article-like .info { line-height: 1.6em; text-align: left; } + article.big blockquote p { font-size: 0.95rem; } + article.big li, article.big p { font-size: 1.04rem; line-height: 1.75em; } + article.big strong { font-size: 0.95rem; } + article.big #footnotes p, article.big .info p { font-size: 0.85rem; line-height: 1.6em; } + .signature .content .signature-content-header { max-width: 1000px; margin-top: 55px; @@ -813,56 +953,70 @@ article.big .info p { padding-bottom: 25px; margin-bottom: 50px; } + .signature .content .signature-content-header h3 { font-family: "Equity Text", serif; font-style: italic; font-size: 1.3rem; } + .signature .content .signature-content { max-width: 700px; } + .signature .content .signature-content article { max-width: 600px; } -.signature .content .signature-content article > p:first-of-type:first-letter { + +.signature .content .signature-content article>p:first-of-type:first-letter { font-family: "Equity Text", serif; font-size: 1rem; } + .signature .content .signature-content .publishing-info-mobile { display: none; } + .signature .content .toc { float: right; } + .publishing-info-mobile { display: none; } + .articles #articles { font-size: 0.5rem; } + .articles #articles ul li { margin: 0 0 25px 0; } + .articles #articles ul li a { border-bottom: 0; font-family: "Equity Text", serif; font-size: 1.5rem; color: #000; } + .articles #articles ul li a:hover { color: #0059ff; } + .articles #articles ul li img { border-radius: 10px; float: left; margin: 0 15px 10px 0; } + .articles #articles ul li .hook { font-size: 1rem; font-style: normal; line-height: 1.7em; margin: 10px 0 0 0; } + .articles #articles ul li .meta { color: #000; font-family: "Equity Text", serif; @@ -870,13 +1024,16 @@ article.big .info p { font-size: 0.9rem; margin: 20px; } + body.index { background: #e6e6e6; color: #000; } + body.index #container { margin: 20px 0; } + #flexcontainer-index { -webkit-justify-content: center; justify-content: center; @@ -885,43 +1042,54 @@ body.index #container { margin: 60px auto; max-width: 1920px; } + #flexcontainer-index #text { flex-shrink: 1; margin: 0 20px 0 80px; max-width: 300px; } + #flexcontainer-index #text a { border-bottom: 1px solid #000; color: #000; } + #flexcontainer-index #text a:hover { border-bottom: 0; color: #000; } + #flexcontainer-index #text a:visited { color: #000; } + #flexcontainer-index #text .divider-short { border-bottom: 1px solid #1a1a1a; margin: 25px auto; } + #flexcontainer-index #text p { margin: 10px 0; } + #flexcontainer-index #text #writing { margin: 0; } + #flexcontainer-index #text #writing ul { margin: 10px 0 25px 0; } + #flexcontainer-index #text #writing ul li { margin: 0 0 25px 0; } + #flexcontainer-index #text p.hook { font-size: 0.85rem; line-height: 1.7em; margin: 0; } + #flexcontainer-index #text p.hook span.date { font-family: "Equity Text", serif; font-style: italic; @@ -929,37 +1097,45 @@ body.index #container { font-size: 0.7rem; margin: 0 3px; } + #flexcontainer-index #text p.older { color: #9c9c9c; font-size: 0.8rem; } + #flexcontainer-index #text p.title { font-family: "Equity Text", serif; margin: 10px 0; } + #flexcontainer-index #text p.title a { border-bottom: 1px solid #1a1a1a; } + #flexcontainer-index #text p.title a:hover { border-bottom: 0; } + #flexcontainer-index #text img { max-width: initial; } + @media handheld, - only screen and (max-width: 1100px), - only screen and (max-device-width: 1100px) { +only screen and (max-width: 1100px), +only screen and (max-device-width: 1100px) { .nav-box { padding: 1rem; width: 70%; font-size: 2rem; word-spacing: 1rem; } + article figure img, article figure video { display: block; margin: 0 auto; } + article figure figcaption { left: 0; position: relative; @@ -967,68 +1143,84 @@ body.index #container { top: 0; width: auto; } + .toc { font-family: "Equity Text", serif; margin: 0 0 0 30px; width: 20rem; } + pre { overflow: auto; width: auto; } + img.overflowing, video.overflowing { max-width: 100%; overflow: auto; } + .table-container { overflow-y: auto; width: 100%; } + table.overflowing { width: 100%; } + .toc-index { display: none; } + .vista-overlay .vista-overlay-inner { margin: 5% 80px 5% 200px; } + #container .content { overflow: hidden; } } + @media handheld, - only screen and (max-width: 767px), - only screen and (max-device-width: 767px) { +only screen and (max-width: 767px), +only screen and (max-device-width: 767px) { table { display: block; overflow: scroll; } + .publishing-info-mobile { display: initial; } + .nav-box { padding: 1rem; width: 70%; font-size: 1rem; word-spacing: 1rem; } + .flexcontainer { flex-direction: column; } + .hide-big { display: block; } + .hide-small { display: none; } + .nav-view { height: 100px; margin: 20px 8% !important; order: 4; width: auto; } + .nav-view .nav-inner { margin: 0 auto; position: initial; @@ -1036,22 +1228,27 @@ body.index #container { width: auto; top: 0; } + .nav-view .nav-inner nav { display: inline-block; } + .nav-view .nav-inner nav ul li { float: left; line-height: 1.8em; margin: 0 5px; } + .nav-view .nav-extra-content { display: none; } + .toc { float: none; margin: 0 0 0 30px; width: auto; } + h1, h2, h3, @@ -1060,15 +1257,19 @@ body.index #container { -ms-hyphens: none; -webkit-hyphens: none; } + h1 { font-size: 2.5rem; } + h2 { font-size: 2rem; } + h3 { font-size: 1.5rem; } + article li, article p, article.big li, @@ -1076,12 +1277,14 @@ body.index #container { font-size: 1rem; line-height: 1.7em; } + article #footnotes p, article .info p, article.big #footnotes p, article.big .info p { font-size: 0.8rem; } + article #footnotes p strong, article .info p strong, article.big #footnotes p strong, @@ -1089,75 +1292,90 @@ body.index #container { font-size: 0.75rem; font-style: normal; } + #container { max-width: 100%; } + #container .content { margin: 0 8%; width: 84%; } + #container .content .content-inner-standard { max-width: 100%; } + #container .side { display: none; } + .signature .content .signature-content-header { border-bottom: 8px solid #000; margin-bottom: 40px; padding-bottom: 40px; } + .signature .content .signature-content-header h3 { font-family: "Equity Text", serif; font-style: italic; font-size: 1.3rem; } + .signature .content .signature-content article { max-width: 100%; } - .signature - .content - .signature-content - article - > p:first-of-type:first-letter { + + .signature .content .signature-content article>p:first-of-type:first-letter { font-size: 1rem; } + .signature .content .signature-content .publishing-info-mobile { display: initial; } + .signature .content .signature-content .toc { float: none; } + body.index #top-nav-index { margin: 20px 13px !important; } + body.index #container { margin: 50px 0; } + #flexcontainer-index { font-size: 1.2rem; line-height: 1.9em; margin: 0 8%; width: 84%; } + #flexcontainer-index #text { margin: 0; max-width: 100%; } + #flexcontainer-index #text #writing { margin: 0 6%; } + #flexcontainer-index #text ul { margin: 10px 0 25px 0; } + #flexcontainer-index #text ul li { margin: 0 0 25px 0; } + #flexcontainer-index p.hook { font-size: 0.85rem; line-height: 1.7em; margin: 0; } + #flexcontainer-index p.hook span.date { color: #9c9c9c; font-size: 0.7rem; @@ -1165,32 +1383,40 @@ body.index #container { font-style: italic; margin: 0 3px; } + #flexcontainer-index p.older { color: #9c9c9c; font-size: 0.8rem; } + #flexcontainer-index p.title { font-family: "Equity Text", serif; font-weight: bold; line-height: 1.5em; margin: 10px 0; } + #flexcontainer-index p.title a { border-bottom: 1px solid #1a1a1a; } + #flexcontainer-index p.title a:hover { border-bottom: 0; } + body.index #top-nav-index { margin: 20px 13px !important; } + body.index #container { margin: 50px 0; } + #flexcontainer-index { margin: 0 8%; width: 84%; } + #flexcontainer-index #text { margin: 0; max-width: 100%; @@ -1233,7 +1459,8 @@ green #859900 code[class*="language-"], pre[class*="language-"] { - color: #657b83; /* base00 */ + color: #657b83; + /* base00 */ font-family: Triplicate T4, monospace; font-size: 0.9rem; text-align: left; @@ -1258,14 +1485,16 @@ pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { - background: #073642; /* base02 */ + background: #073642; + /* base02 */ } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { - background: #073642; /* base02 */ + background: #073642; + /* base02 */ } /* Code blocks */ @@ -1276,13 +1505,14 @@ pre[class*="language-"] { border-radius: 0.3em; } -:not(pre) > code[class*="language-"], +:not(pre)>code[class*="language-"], pre[class*="language-"] { - background-color: #fdf6e3; /* base3 */ + background-color: #fdf6e3; + /* base3 */ } /* Inline code */ -:not(pre) > code[class*="language-"] { +:not(pre)>code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; } @@ -1291,11 +1521,13 @@ pre[class*="language-"] { .token.prolog, .token.doctype, .token.cdata { - color: #93a1a1; /* base1 */ + color: #93a1a1; + /* base1 */ } .token.punctuation { - color: #586e75; /* base01 */ + color: #586e75; + /* base01 */ } .token.namespace { @@ -1309,7 +1541,8 @@ pre[class*="language-"] { .token.constant, .token.symbol, .token.deleted { - color: #268bd2; /* blue */ + color: #268bd2; + /* blue */ } .token.selector, @@ -1319,35 +1552,42 @@ pre[class*="language-"] { .token.builtin, .token.url, .token.inserted { - color: #2aa198; /* cyan */ + color: #2aa198; + /* cyan */ } .token.entity { - color: #657b83; /* base00 */ - background: #eee8d5; /* base2 */ + color: #657b83; + /* base00 */ + background: #eee8d5; + /* base2 */ } .token.atrule, .token.attr-value, .token.keyword { - color: #859900; /* green */ + color: #859900; + /* green */ } .token.function, .token.class-name { - color: #b58900; /* yellow */ + color: #b58900; + /* yellow */ } .token.regex, .token.important, .token.variable { - color: #cb4b16; /* orange */ + color: #cb4b16; + /* orange */ } .token.important, .token.bold { font-weight: bold; } + .token.italic { font-style: italic; } @@ -1355,3 +1595,13 @@ pre[class*="language-"] { .token.entity { cursor: help; } + +blockquote { + background: #f9f9f9; + /*margin: 1.5em 0 1.5em;*/ + /*margin: auto;*/ + padding: 0 1em 0 2.5em; + padding-top: 7px; + padding-bottom: 7px; + position: relative; +} \ No newline at end of file diff --git a/reading.html b/reading.html index 0ed6a17..c51a187 100644 --- a/reading.html +++ b/reading.html @@ -48,7 +48,7 @@ @@ -59,7 +59,7 @@

Reading List

List of books I've read separated by year of completion.

-

Updated: Summer of 23'

+

Updated: The Ides of March

@@ -67,17 +67,19 @@

List of books I've read separated by year of completion.

Contents

@@ -116,25 +118,254 @@

Contents

-

2023

+

2024

    -
  1. Napoleon: A - Life by Andrew Roberts *
  2. -
  3. Nothing Ventured - by Jeffrey Archer
  4. -
  5. Hidden in Plain - Sight by Jeffrey Archer
  6. -
  7. Turn a Blind - Eye by Jeffrey Archer
  8. -
  9. The Hero with a - Thousand Faces by Joseph Campbell
  10. -
  11. The - Iliad & The Odyssey by Homer, translated by Robert Fagles
  12. -
  13. The Great Terror by - Robert Conquest **
  14. -
  15. Circe by Madeline Miller *
  16. -
  17. Complications by Atul - Gawande *
  18. +
  19. + The Woman In Me by Britney Spears 4 + +
  20. +
  21. + Living + with a SEAL + by Jesse Itzler 4.25 + +
  22. +
  23. + The Art Thief by + Michael Finkel 2.75 + +
  24. +
  25. + The + Virgin Way + by Richard Branson 3 + +
  26. +
  27. + Greenlights by Matthew McConaughey 4 + +
  28. +
  29. + Friends, + Lovers, and the Big Terrible Thing + by Matthew Perry 4.25 + +
  30. +
  31. + Never Finished by David Goggins 3.75 + +
  32. +
  33. + The Chalice of the + Gods by Rick Riordan 3 + +
  34. +
  35. + Impossible First by Colin O'Brady + 3 + +
  36. +
  37. + Interpreter of + Maladies by Jhumpa Lahiri 4.75 + +
  38. + +
+ +

2023

+
    +
  1. + Napoleon: A + Life by Andrew Roberts 5 + +
  2. +
  3. + Nothing Ventured + by Jeffrey Archer 2 + +
  4. +
  5. + Hidden in Plain + Sight by Jeffrey Archer 2 + +
  6. +
  7. + Turn a Blind + Eye by Jeffrey Archer 4.5 + +
  8. +
  9. + The Hero with a + Thousand Faces by Joseph Campbell 3 + +
  10. +
  11. + The + Iliad & The Odyssey by Homer, translated by Robert Fagles 4 + +
  12. +
  13. + The Great Terror by + Robert Conquest 0.5 + +
  14. +
  15. + Circe by Madeline Miller 5 + +
  16. +
  17. + Complications by Atul + Gawande 5 + +
  18. The Silent Patient by Alex Michaelides
  19. Normal @@ -557,7 +788,12 @@

    2023

    electric cars, we want to achieve full self-driving, and more. But Musk is wrong if he think we'll get there with flashes of seriousness sprinkled in a bed of - largely irresponsible and impulsive behaviour.

    + largely irresponsible and impulsive behaviour. + + Update: A much better review from The + Point Magazine +

  • 2023 I Talk About When I Talk About Running by Haruki Murakami 4
  • +
  • + The Stranger by + Albert Camus, translated by Matthew Ward 5 + +
  • +
  • + Crime and + Punishment by Fyodor Dostoevsky, translated by Constance Garnett 5 + +
  • +
  • + A + Prisoner of Birth by Jeffrey Archer 5 + +
  • +
  • + Troy by Stephen Fry 4.25 + +
  • +
  • + As + The Crow Flies by Jeffrey Archer 5 + +
  • +
  • + Born + a Crime by Trevor Noah 4.75 + +
  • +
  • + Last Man in Tower by + Aravind Adiga 2.75 + +
  • +
  • + Love + in the Time of Cholera + by Gabriel Garcia Marquez 3.75 + +
  • +
  • + The Tattooist + of Auschwitz by + Heather Morris 3.25 + +
  • +
  • + Chess Story by + Stefan + Zweig + 2.75 + +
  • -

    2022

    +

    2022

    1. The Emperor of all Maladies by @@ -866,8 +1249,7 @@

      2022

      da Vinci by Walter Isaacson *
    2. -->
    -

    2021

    - +

    2021

    1. The Book Thief @@ -972,8 +1354,7 @@

      2021

      by Jeffrey Archer
    -

    2020

    - +

    2020

    1. Why We Sleep by Matthew Walker **
    2. @@ -1065,8 +1446,7 @@

      2020

      Gulag Archipelago, Volume 3 by Aleksandr Solzhenitsyn
    -

    2019

    - +

    2019

    1. Blink @@ -1170,8 +1550,7 @@

      2019

      Namesake by Jhumpa Lahiri *
    -

    2018

    - +

    2018

    1. Relentless @@ -1185,74 +1564,61 @@

      2018

      writes one of my favourite blogs, Boring Money, on Substack Notes.

      - Rating Sapiens has so much to do with what kind of book you think it is. - Suppose you are expecting a rigorous - academic treatment of all of world history. In that case, you will be - disappointed at best and alarmed at worst. But - Harari is aiming for something other than a precise blow-by-blow of world - history. He is writing for people who took - a newfound interest in history and are asking questions like, "How did - we get from caveman to here?" I - want to be slightly abrasive and say he writes for people looking to pick up - a few opinions for their following + Rating Sapiens has so much to do with what kind of book you think it is. If you + are expecting a rigorous academic treatment of all of world history, you will be + disappointed at best and alarmed at worst. But Harari is aiming for something + other than a precise blow-by-blow of world history. He is writing for people who + took a newfound interest in history and are asking questions like, "How did + we get from caveman to here?" I want to be slightly abrasive and say he + writes for people looking to pick up a few opinions to throw around at the next dinner conversation. And within that framework, he does a good job. Almost.

      - Popular science, in this case, popular history, will simplify and overlook - many finer details. It is challenging to - make academic research available to the layperson. Therefore, asking - questions like, "How accurate is - Sapiens?" is not a good way of rating the book. There is a paradox - because how is a premise supposed to hold up - if the evidence supporting it is inaccurate? But while reading pop history, - we shrug our shoulders and accept a few - errors as long as the basic idea gets through.

      + + Popular science, and in this case, popular history, will always simplify and + overlook a few or more finer details. It is challenging to make academic + research available to the layperson. Therefore, asking questions like, "How + accurate is Sapiens?" is not a good way of rating the book. This is a + paradox because how is a premise supposed to hold up if the evidence supporting + it is inaccurate? But while reading pop history, we shrug our shoulders and + agree to accept a few errors as long as the basic idea gets through.

      + The problem with Harari is that he takes this over-simplification to another - level and distorts well-known history to - fit his overall structure. His ideas about evolution (that it created a - "struggle for dominance") and his - complete erasure of human states that didn't need ideas like writing or - the "cognitive revolution" is - frankly unnecessary. The point could've been made without these - inaccuracies, which begs why he needed to - explicitly make these mistakes. The entire chapter about Science, the - Industrial Revolution, and Colonialism is - excellent if you want to write a history of H. Sapiens in Western - Europe. Harari mentions other - countries' inventions but waves them away as not natural science because - they don't fit with his chapter - names like "The Animal That Became a God." Whether you want to - give him the benefit of the doubt here is a - personal choice, but like before, sweeping all this under the rug was - unnecessary.

      - It gets comical when you get to the blatant inaccuracies. Harari has a single - line about the French Revolution that - is, drum roll, plain wrong. There is an excellent comment on r/AskHistorians - taking it apart. Beyond that, - Harari's own thesis advisor in a New Yorker profile admits that his - student dodged fact-checking "by - saying, 'Let's ask questions so large that no one can say, We think - this bit's wrong, and that bit's - wrong.'". My personal favourite was in a Current Affairs article - where a biologist points out a line in the - book about chimpanzees, that they "hunt together and fight shoulder - to shoulder against baboons, cheetahs - and enemy chimpanzees" and then goes on to say how that's - just not possible because cheetahs and - chimps don't even live in the same parts of Africa. Suppose you - can't trust him to get the small innocent - details right. How do you take him seriously on the big heavy ideas he - casually throws around?

      - Sapiens was the first non-fiction book I read that wasn't an - autobiography, and I loved it immediately. It made - me feel smart. It made me feel like I understood the world more subtly. - Everything was a construct, money, - nation-states, religion, language, writing, capitalism. It gave me - more things to opine about than the - other person. I tried to re-read it a few years after that. I just - couldn't stand all the posturing and - unnecessary oversimplification of historical ideas that didn't need his - cosmetics. They were perfectly wonderful - on their own, and Sapiens just ruined them. + level and distorts well-known history to fit his overall structure. His ideas + about evolution (that it created a "struggle for dominance") and his + complete erasure of human states that didn't need ideas like writing or the + "cognitive revolution" is frankly unnecessary. The point could've + been made without these inaccuracies, which begs why he needed to explicitly + make these mistakes. The entire chapter about Science, the Industrial + Revolution, and Colonialism is excellent if you want to write a history of + H. Sapiens in Western Europe. Harari mentions other countries' + inventions but waves them away as not natural science because they don't fit + with his chapter names like "The Animal That Became a God." Whether + you want to give him the benefit of the doubt here is a personal choice, but + like before, sweeping all this under the rug was unnecessary.

      + + It gets comical when you get to the blatant inaccuracies. Harari has just a + single line in the entire book about the French Revolution, that is, drum roll, + plain wrong. There is an excellent comment on r/AskHistorians taking it apart. + Beyond that, Harari's own thesis advisor in a New Yorker profile admits that + his student dodged fact-checking "by saying, 'Let's ask questions + so large that no one can say, We think this bit's wrong, and that bit's + wrong.'". My personal favourite was in a Current Affairs article where + a biologist points out a line in the book about chimpanzees, that they + "hunt together and fight shoulder to shoulder against baboons, cheetahs + and enemy chimpanzees" and then goes on to say how that's just + not possible because cheetahs and chimps don't even live in the same parts + of Africa. When you can't trust him to get even the small innocent details + right, how could you take him seriously on the big heavy ideas he casually + throws around?

      + + Sapiens was the first non-fiction book I read that wasn't an autobiography, + and I loved it immediately. It made me feel smart. It made me feel like I + understood the world more subtly. Everything was a construct, money, + nation-states, religion, language, writing, capitalism. It gave me more + things to opine about than the other person. I tried to re-read it a few years + after that. I just couldn't stand all the posturing and unnecessary + oversimplification of historical ideas that didn't need his cosmetics. They + were perfectly wonderful on their own, and Sapiens just ruined them.

    2. @@ -1478,7 +1844,7 @@

      2018

      -

      Updated: Summer of 23'

      +

      Updated: The Ides of March

      diff --git a/todo.md b/todo.md index f8b57df..9df8aa2 100644 --- a/todo.md +++ b/todo.md @@ -2,8 +2,8 @@ ```html
    3. - title by author rating -