MathematiciansLibrary/index.html at main · TeaKayB/MathematiciansLibrary · GitHub

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
<!DOCTYPE html>
<html lang="en-GB">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>The Mathematicians' Library: The Stacks</title>
    <meta name="description" content="Explore the history of mathematics through books, mathematicians and mathematical objects in The Mathematicians' Library: The Stacks.">

    <link rel="canonical" href="https://library.mathsy.space/">

    <meta property="og:type" content="website">
    <meta property="og:title" content="The Mathematicians' Library: The Stacks">
    <meta property="og:description" content="Explore the history of mathematics through books, mathematicians and mathematical objects in The Mathematicians' Library: The Stacks.">
    <meta property="og:url" content="https://library.mathsy.space/">

    <link rel="icon" type="image/png" href="favicon.png" sizes="32x32">
    <link rel="apple-touch-icon" href="favicon.png">

    <meta name="google-site-verification" content="qO1KL4WWVsHO-dtCfgwX527mHT4_CLYlGzTtAt1YHoc">

    <link rel="stylesheet" href="css/style.css">
</head>
<body>

    <!-- 1. The Brand Spine Sidebar Element (Pasted directly at top of body) -->
    <div class="book-spine-sidebar">
        <div class="spine-text">The Mathematicians' Library</div>
    </div>

<div class="site-content-wrapper">

<header>
    <h1>
        The Mathematicians' Library
        <span class="stacks-subtitle">
            <!-- Elegant, gold-painted nesting symbol to show structural depth -->
            <span class="stacks-branch-symbol">§</span>
            <span>T</span>he <span>S</span>tacks
        </span>
    </h1>
    <p><i>An online companion to <span class="inline-book-title">The Mathematicians' Library</span> by Thomas K. Briggs - <a href="about.html#buy">order your copy here</a><i></i></p>
    <div class="nav-menu">
        <span class="nav-label">View books:</span>
        <a href="index.html" class="nav-btn active" id="nav-chapter">by Chapter</a>
        <a href="map.html" class="nav-btn" id="nav-map">on a Map</a>
        <a href="timeline.html" class="nav-btn" id="nav-timeline">on a Timeline</a>
        <a href="tags.html" class="nav-btn" id="nav-tags">by Theme</a>
        <a href="about.html" class="nav-btn" id="nav-about">About</a>
    </div>
</header>

<main>
    <p><span class="inline-stacks-brand"><span>T</span>he <span>S</span>tacks</span> is an online collection of resources enabling deeper exploration of the books, publications, and mathematical objects explored in the book <span class="inline-book-title">The Mathematicians' Library</span>.</p>
    <p>Browse these resources by chapter below, or use the links above to explore them geographically, or chronologically </p>
    <h2>Browse by Chapter</h2>

    <!-- Chapter 0 -->
    <section class="chapter-block">
        <h3 id="intro">Introduction</h3>
        <p>Maths has been part of human history for almost all of it: it's at least as old as art, far older than literature, and predates paper, pencils, and coffee by quite some margin.</p>
        <div class="grid-list" id="chapter-0-container"></div>
    </section>

    <!-- Chapter 1 -->
    <section class="chapter-block">
        <h3 id="chapter1">Chapter 1: The First 40,000 Years</h3>
        <div class="grid-list" id="chapter-1-container"></div>
    </section>

    <!-- Chapter 2 -->
    <section class="chapter-block">
        <h3 id="chapter2">Chapter 2: The Origins of Mathematics</h3>
        <div class="grid-list" id="chapter-2-container"></div>
    </section>

    <!-- Chapter 3 -->
    <section class="chapter-block">
        <h3 id="chapter3">Chapter 3: Global Evolution</h3>
        <div class="grid-list" id="chapter-3-container"></div>
    </section>

    <!-- Chapter 4 -->
    <section class="chapter-block">
        <h3 id="chapter4">Chapter 4: Scientific Revolution</h3>
        <div class="grid-list" id="chapter-4-container"></div>
    </section>

    <!-- Chapter 5 -->
    <section class="chapter-block">
        <h3 id="chapter5">Chapter 5: Modern Mathematics</h3>
        <div class="grid-list" id="chapter-5-container"></div>
    </section>

    <!-- Chapter 6 -->
    <section class="chapter-block">
        <h3 id="chapter6">Chapter 6: The Future</h3>
        <div class="grid-list" id="chapter-6-container"></div>
    </section>

    <!-- Chapter 7 -->
    <section class="chapter-block">
        <h3 id="bibliography">Bibliography & Further Reading</h3>
        <p>Some books and papers that helped me write the book, accompanied by some other resources to help you find out more about the history of mathematics - and the maths of history!</p>
        <div class="grid-list" id="chapter-7-container"></div>
    </section>

    <!-- Chapter 8 -->
    <section class="chapter-block">
        <h3  id="beyond">Beyond the Book</h3>
        <p>Not every book worthy of inclusion in our imagined mathematicians' library made it into <span class="inline-book-title">The Mathematicians' Library</span>, largely due to space constraints. We have no such constraints here!</p>
        <div class="grid-list" id="chapter-8-container"></div>
    </section>
</main>

<footer class="companion-footer">
    <h3>📖 Extend Your Journey</h3>
    <p>This web archive hosts raw files and educational resource arrays. The deeper historical narratives, biographical details, and analytical arcs live in <span class="inline-book-title">The Mathematicians' Library</span> book.</p>
    <a href="about.html#buy">Order Your Copy Here →</a>
</footer>
    <hr>
<p style="font-style: italic; text-align: center;"> A <a href="https://mathsy.space" target="_blank">MathsyDotSpace</a> project by <a href="https://mathsy.space">TeaKayB</a></p>
<script>
    fetch('data.json')
        .then(res => res.json())
        .then(books => {
            // Filter to include only actual books for the homepage grid
            const onlyBooks = books.filter(b => b.type === 'book' || !b.type);

            // Sort books chronologically by their sort_val attribute
            onlyBooks.sort((a, b) => a.sort_val - b.sort_val);

            // Populate active cards into their designated chapter rows
            onlyBooks.forEach(book => {
                const target = document.getElementById('chapter-' + book.chapter + '-container');
                if (target) {
                    target.innerHTML += '<div class="book-card">' +
                        '<a href="' + book.url + '"><img src="' + book.image + '" alt="' + book.alt_text + '"></a>' +
                        '<div class="card-title"><a href="' + book.url + '">' + book.title + '</a></div>' +
                        '<div class="meta-row">By ' + book.author + '</div>' +
                        '<div class="meta-row">Published: <a href="timeline.html#book-' + book.id + '">' + book.display_date + '</a></div>' +
                        '<div class="meta-row">📍 <a href="map.html?focus=' + book.id + '">' + book.place_name + '</a></div>' +
                        '</div>';
                }
            });

            // Loop through all containers to automatically append a "Coming Soon" banner if the chapter is currently empty
            for (let i = 0; i <= 8; i++) {
                const container = document.getElementById('chapter-' + i + '-container');
                if (container && container.children.length === 0) {
                    // Gray out the heading slightly to show it is pending
                    container.parentElement.classList.add('opacity-muted');

                    // Inject the status banner directly into the empty block
                    container.innerHTML = '<div class="chapter-status-banner">' +
                        '<p><strong>Status:</strong> Reticulating splines.</p>' +
                        '<p>☕ Want to unlock this chapter next? I find & create resources relating to new (old) books in my spare time: you could sponsor me to make it an Official Work Thing for an hour, a day, or a week. Or maybe you\'d prefer to donate some time & research or create some resources for your favourite book! Or just let me know it\'s worth plugging away with a pat on the back (or a coffee & some cheesecake).</p>' +
                        '<a href="about.html#support" class="funding-link">Find out how to help get things done quicker around here →</a>' +
                        '</div>';
                }
            }
        })
        .catch(err => console.error('Error loading data.json:', err));
</script>

</div>

</body>
</html>