Skip to content

Commit 74d7524

Browse files
committed
style: the vague page v6
1 parent 08b770e commit 74d7524

File tree

1 file changed

+26
-3
lines changed

1 file changed

+26
-3
lines changed

src/pages/TheVaguePage.jsx

Lines changed: 26 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -134,9 +134,9 @@ const TheVaguePage = () => {
134134
<XIcon size={24} weight="bold" />
135135
</button>
136136
</div>
137-
<div className="c-nav_panel_main font-instr-sans">
137+
<div className="c-nav_panel_main font-instr-serif italic">
138138
Collection Index
139-
<ol className="c-nav_panel_list font-instr-sans">
139+
<ol className="c-nav_panel_list font-instr-serif not-italic">
140140
{sortedIssues.map((issue, idx) => (
141141
<li key={issue.id || idx} className="c-nav_panel_item group">
142142
<button
@@ -146,7 +146,10 @@ const TheVaguePage = () => {
146146
toggleNav();
147147
}}
148148
>
149-
<span className="c-nav_panel_label -under">{issue.title}</span>
149+
<span className="opacity-30 text-sm font-instr-sans mr-2">
150+
{String(sortedIssues.length - idx).padStart(2, '0')}
151+
</span>
152+
<span className="c-nav_panel_label">{issue.title}</span>
150153
</button>
151154
</li>
152155
))}
@@ -214,6 +217,26 @@ const TheVaguePage = () => {
214217
</div>
215218
)}
216219

220+
{/* NEWSPAPER COLUMNS SECTION */}
221+
<section className={`border-b ${isInvert ? 'border-[#f4f4f4]/25' : 'border-[#1a1a1a]/25'}`}>
222+
<div className="o-container py-20">
223+
<div className="c-newspaper_columns font-instr-serif text-lg md:text-xl">
224+
<p className="mb-6">
225+
The Vague is not merely a collection of documents; it is an ongoing exploration into the intersections of digital permanence and ephemeral thought. Each issue represents a localized state of consciousness, captured and formatted for the void. We navigate the silence between the bits, seeking meaning in the static.
226+
</p>
227+
<p className="mb-6 italic">
228+
"In the garden of forking paths, every decision is a digital signature."
229+
</p>
230+
<p className="mb-6">
231+
As we progress through the various volumes, the objective remains constant: to document the evolution of the Fezcodex ecosystem. This editorial space serves as a bridge between technical implementation and philosophical inquiry, providing a platform for long-form reflections that transcend the limitations of traditional commits.
232+
</p>
233+
<p>
234+
Through these pages, we invite you to look closer at the architecture of the unknown. The vague is where clarity begins—a threshold of potential where every whisper carries the weight of a world yet to be built.
235+
</p>
236+
</div>
237+
</div>
238+
</section>
239+
217240
{/* ISSUE COLLECTION GRID SECTION */}
218241
<section className="relative z-10 w-full pb-px !mb-0">
219242
<div className={`w-full pt-16 pb-16 px-8 md:px-16 border-b ${isInvert ? 'border-[#f4f4f4]/25' : 'border-[#1a1a1a]/25'}`}>

0 commit comments

Comments
 (0)