70 lines
2.1 KiB
HTML
70 lines
2.1 KiB
HTML
<div class="frontmatter">
|
|
|
|
<!-- Title Page -->
|
|
<h1 style="margin-top:3em; font-size:2.4em; text-align:center;">Big Beautiful Book</h1>
|
|
<h2 style="text-align:center; font-weight:normal;">A book</h2>
|
|
|
|
<div style="text-align:center; margin:2em 0;">
|
|
<img src="lib/img/Revolving_circles.480x480_white.png" alt="Cover illustration" style="max-width:240px;">
|
|
</div>
|
|
|
|
<h3 style="text-align:center;">John Haverlack</h3>
|
|
<p style="text-align:center;">© 2025 — CC BY-ND 4.0</p>
|
|
|
|
<hr style="margin:3em 0;">
|
|
|
|
|
|
<!-- Metadata Page (PDF analog) -->
|
|
<div style="text-align:center; margin-top:5em;">
|
|
<p><strong>Author</strong>: John Haverlack</p>
|
|
<p><strong>Copyright</strong>: © 2025 John Haverlack</p>
|
|
<p><strong>License</strong>: CC BY-ND 4.0</p>
|
|
<p><strong>Version</strong>: 0.0.1</p>
|
|
<p><strong>Date</strong>: 2025-11-05</p>
|
|
</div>
|
|
|
|
<hr style="margin:3em 0;">
|
|
|
|
|
|
<!-- Image attribution + perception note (PDF analog) -->
|
|
<div style="max-width:40em; margin:auto;">
|
|
|
|
<div style="width:100%; text-align:center; display:block; margin:1em 0;">
|
|
<img src="lib/img/Revolving_circles.480x480_white.png"
|
|
alt="Revolving Circles optical illusion"
|
|
style="display:inline-block; max-width:200px;">
|
|
</div>
|
|
|
|
|
|
<p style="font-size:0.9em; text-align:center;">
|
|
<em>“Revolving Circles.” n.d. Accessed October 31, 2025.</em><br>
|
|
<a href="https://en.wikipedia.org/wiki/File/Revolving_circles.svg">Wikipedia source</a>
|
|
</p>
|
|
|
|
<p>
|
|
The cover image presents a visual illusion of motion. When you focus on the
|
|
central point and move the page toward or away from your eyes, the concentric
|
|
circles appear to rotate.
|
|
</p>
|
|
|
|
<p>
|
|
This reflects a central theme of this work: perception shapes what we think of as
|
|
“reality.” In this illusion, motion exists only in our minds. We perceive, we do
|
|
not directly know; our brains construct experience.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<hr style="margin:4em 0;">
|
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
window.MathJax = {
|
|
tex: { inlineMath: [['$', '$'], ['\\(', '\\)']] },
|
|
svg: { fontCache: 'global' }
|
|
};
|
|
</script>
|
|
<script src="lib/mathjax/tex-mml-chtml.js"></script>
|