Style Guide
Preface ¶
This document illustrates the philosophy of theleastsignificantbit.com's appearance and prose. It's intended to explicitly define an exhaustive set of decisions that can be justified, evaluated, and improved upon. I expect this to be a living document that will frequently change as the project and my taste evolve.
My future self will benefit from referencing this guide to get back up to speed on the project. It is also useful as an implementation aid by providing the specific conditions required for thorough quality assurance.
The guide is mostly an amalgamation of the following books: The Chicago Manual of Style and The Elements of Typographic Style, by Robert Bringhurst.
Typography ¶
There are three fonts: EB Garamond, Garamond Math, and system monospace. This section will explains how they should be used. All fonts are free to use under the SIL Open Font License.
EB Garamond is the main font and should be used for all prose. This is Georg Duffner's original version found at github.com/georgd/EB-Garamond and should not be confused with Octavio Pardo's. It includes italics and small caps. This font should not be used in bold.
- EB Garamond
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- abcdefghijklmnopqrstuvwxyz
- abcdefghijklmnopqrstuvwxyz
- abcdefghijklmnopqrstuvwxyz
- 0123456789
- 0123456789
Garamond Math is included for use only with <math> elements. It can be found at github.com/YuanshengZhao/Garamond-Math.
- Garamond Math
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- 0123456789
System monospace is included for used only with <code> elements.
- System Monospace
- ABCDEFGHIJKLMNOPQRSTUVWXYZ
- abcdefghijklmnopqrstuvwxyz
- 0123456789
Color ¶
There are six colors. This section will explain why these colors were chosen and how they should be used. Light and dark mode should be given equal treatment. The palette should be color blind accessible.
Quotations ¶
Citations should always use symatic html <cite> elements and include an anchor to the original source when possible. References to books should link to Open Library. Inline quotations should be wrapped in double curved marks.
(CMOS X.X). Block quotes should use the <figure class="quote"> element and should not be wrapped in quotation marks.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Math ¶
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tables ¶
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| Date | Open | Close | Low | High |
|---|---|---|---|---|
| 2026-08-07 | 771.02 | 773.26 | 769.61 | 773.91 |
| 2026-08-06 | 770.21 | 768.56 | 767.46 | 771.82 |
| 2026-08-05 | 775.85 | 769.79 | 769.51 | 776.85 |
| 2026-08-04 | 760.63 | 771.33 | 760.52 | 773.41 |
| 2026-08-03 | 749.44 | 757.67 | 748.80 | 758.58 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| Date | NVDA | AAPL | MSFT | AMZN | GOOGL | AVGO | GOOG | META | MU | BRK.B |
|---|---|---|---|---|---|---|---|---|---|---|
| 2026-08-07 | 223.96 | 313.33 | 499.99 | 274.48 | 354.30 | 427.76 | 353.47 | 592.10 | 877.57 | 521.80 |
| 2026-08-06 | 218.99 | 312.41 | 499.86 | 272.26 | 357.75 | 420.57 | 356.62 | 589.90 | 881.47 | 524.61 |
| 2026-08-05 | 219.22 | 311.00 | 487.46 | 272.65 | 362.43 | 418.28 | 360.13 | 588.77 | 893.19 | 518.85 |
| 2026-08-04 | 211.94 | 309.38 | 492.81 | 277.42 | 377.65 | 418.16 | 375.35 | 587.94 | 892.67 | 517.22 |
| 2026-08-03 | 206.64 | 303.42 | 487.65 | 284.02 | 373.51 | 392.23 | 372.47 | 590.24 | 829.50 | 513.14 |
| Date | Yield |
|---|---|
| 2026-08-07 | 4.568 |
| 2026-08-06 | 4.670 |
| 2026-08-05 | 4.617 |
| 2026-08-04 | 4.627 |
| 2026-08-03 | 4.684 |
Code ¶
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[package]
rust_version = "1.85"
name = "spy_historic_prices"
version = "0.1.0"
edition = "2024"
[dependencies]
csv = "1.1"
plotters = "0.3.3"
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
use std::{error::Error, io, process};
fn main() {
if let Err(err) = run() {
println!("{}", err);
process::exit(1);
}
}
fn run() -> Result<(), Box> {
let mut rdr = csv::Reader::from_reader(io::stdin());
for result in rdr.records() {
let record = result?;
println!("{:?}", record)
}
Ok(())
}
#!/bin/sh
curl https://theleastsignificantbit.com/2026/08/08/project.tar.gz -o project.tar.gz
tar -xzf project.tar.gz
cd project
curl https://themleastsignificantbit.com/2026/08/08/data/spy_prices.csv > data.csv
cargo run < data.csv
Charts ¶
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.