cabinet/about.html at main · JPacoch/cabinet · 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
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="A living cabinet of essays, treatises, and longform notes. his site is a home for slow reading: careful arguments, field notes, and
            reflective drafts. Each piece was written to be read without distraction.">
  <title>From The Cabinet | About</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.png">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link
    href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..800&family=Newsreader:opsz,wght@6..72,300..700&family=Space+Grotesk:wght@300..700&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="css/styles.css">
  <link rel="alternate" type="application/rss+xml" title="The Cabinet RSS" href="rss.xml">
  <script defer src="https://cloud.umami.is/script.js" data-website-id="4879fccc-2ad4-4153-8672-dd68782a4f40"></script>
</head>

<body>
  <div class="site">
    <header>
      <div class="container nav">
        <a class="brand" href="index.html">The Cabinet</a>
        <nav class="nav-links">
          <a href="index.html">Home</a>
          <a href="https://quotes.fromthecabinet.com/">Quotes</a>
          <a href="library.html">Library</a>
          <a href="about.html" aria-current="page">About</a>
          <button class="theme-toggle" type="button" data-theme-toggle aria-pressed="false"
            aria-label="Toggle dark mode">
            <span class="theme-toggle-label" data-theme-label>Dark</span>
            <span class="theme-toggle-indicator" aria-hidden="true">
              <span class="theme-toggle-knob"></span>
            </span>
          </button>
        </nav>
      </div>
    </header>

    <main>
      <section class="section">
        <div class="container" data-reveal>
          <h1 class="section-title">About the author</h1>
          <p class="section-subtitle">
            I write essays and treatises to map the edges of attention, technology, and
            personal ethics. The goal is not to achieve maximum clarity, but rather snapshot a thought; the slow
            construction of
            arguments that can be revisited over the years.
            <br>
            <br>
            I am a true agnostic but you might find some takes on theology here as well :)
          </p>
          <div class="author-links" aria-label="Author social links">
            <a href="rss.xml" target="_blank" rel="noopener noreferrer">
              <span class="sr-only">RSS</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M4 4a16 16 0 0 1 16 16" />
                <path d="M4 11a9 9 0 0 1 9 9" />
                <circle cx="5" cy="19" r="1" />
              </svg>
            </a>
            <a href="https://www.jakubpacocha.com/" target="_blank" rel="noopener noreferrer">
              <span class="sr-only">Website</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
                <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
              </svg>
            </a>
            <a href="https://jakubpacocha.substack.com/" target="_blank" rel="noopener noreferrer">
              <span class="sr-only">Substack</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" />
              </svg>
            </a>
            <a href="https://x.com/JakubPacocha" target="_blank" rel="noopener noreferrer">
              <span class="sr-only">Twitter</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                <path
                  d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" />
              </svg>
            </a>
            <a href="https://www.linkedin.com/in/jakubpacocha/" target="_blank" rel="noopener noreferrer">
              <span class="sr-only">LinkedIn</span>
              <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4V9h4v2a4 4 0 0 1 4-3z" />
                <rect x="2" y="9" width="4" height="12" />
                <circle cx="4" cy="4" r="2" />
              </svg>
            </a>
          </div>
        </div>
      </section>

      <section class="section">
        <div class="container about-grid">
          <div class="about-card" data-reveal>
            <h3 class="section-title">Writing practice</h3>
            <p class="section-subtitle">
              My drafts begin as brief notes. I collect observations, then compress them
              into essays once the theme reveals itself. Every piece here is a finished
              draft, but not a final work.
            </p>
          </div>
          <div class="about-card" data-reveal>
            <h3 class="section-title">Why a library?</h3>
            <p class="section-subtitle">
              A library respects context. Each text stands alone with references and a
              stable layout, so the archive can live on a server without losing its shape.
            </p>
          </div>
          <div class="about-card" data-reveal>
            <h3 class="section-title"><br>Colophon</h3>
            <p class="section-subtitle">
              This site is hand-coded using minimal static design with HTML, CSS, and JavaScript. <i>(Un)finished, thank
                God.</i>
            </p>
          </div>
        </div>
      </section>

      <section class="section">
        <div class="container" data-reveal>
          <h2 class="section-title">Contact</h2>
          <p class="section-subtitle">
            If you want to share a response, recommendation, or critique, send a note to <a style="color:var(--accent)"
              href="mailto:pacochp@gmail.com">pacochp@gmail.com</a>
            .<br> I read everything carefully and respond when I can.
          </p>
        </div>
      </section>
    </main>

    <footer class="footer">
      <div class="container">
        <span>Updated regularly with new essays and notes.</span>
        <a class="footer-rss" href="rss.xml" aria-label="RSS feed">
          <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M4 4a16 16 0 0 1 16 16" />
            <path d="M4 11a9 9 0 0 1 9 9" />
            <circle cx="5" cy="19" r="1" />
          </svg>
          <span>RSS</span>
        </a>
        <a class="footer-link" href="privacy-policy.html" aria-label="Privacy Policy">
          <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
          </svg>
          <span>Privacy Policy</span>
        </a>
        <span>© 2026 Jakub Pacocha. All rights reserved.</span>
      </div>
    </footer>
  </div>
  <script src="js/script.js"></script>
</body>

</html>