Skip to content

Commit 560753f

Browse files
HugoRCDHugoRCD
committed
clean docs
1 parent acf5e2c commit 560753f

11 files changed

Lines changed: 36 additions & 125 deletions

File tree

‎apps/docs/app/app.config.ts‎

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -48,22 +48,6 @@ export default defineAppConfig({
4848
base: 'active:translate-y-px transition-transform duration-300',
4949
},
5050
},
51-
prose: {
52-
slots: {
53-
h1: {
54-
base: 'font-serif tracking-tight',
55-
},
56-
h2: {
57-
base: 'font-serif tracking-tight',
58-
},
59-
h3: {
60-
base: 'font-serif tracking-tight',
61-
},
62-
h4: {
63-
base: 'font-serif tracking-tight',
64-
},
65-
},
66-
},
6751
contentSurround: {
6852
variants: {
6953
direction: {

‎apps/docs/app/assets/css/main.css‎

Lines changed: 9 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,8 @@
22
@import "@nuxt/ui";
33

44
@theme {
5-
--font-serif: "Redaction", serif;
65
--font-sans: "Geist", sans-serif;
7-
--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
8-
--font-redaction: "Redaction", serif;
9-
--color-evlog-blue: #2853FF;
6+
--font-mono: "Geist Pixel Square", monospace;
107
}
118

129
:root {
@@ -24,27 +21,18 @@
2421
}
2522
}
2623

27-
/* Editorial title - Redaction font */
28-
.editorial-title {
29-
font-family: var(--font-redaction);
30-
letter-spacing: -0.02em;
31-
line-height: 1.1;
32-
}
33-
34-
/* Blue dot accent */
35-
.evlog-dot {
36-
color: var(--color-evlog-blue);
37-
}
38-
3924
/* Section label with dot */
4025
.section-label::before {
4126
content: '';
4227
display: inline-block;
43-
width: 6px;
44-
height: 6px;
45-
border-radius: 50%;
46-
background-color: var(--color-evlog-blue);
47-
margin-right: 0.5rem;
28+
width: 4px;
29+
height: 4px;
30+
background-color: var(--color-primary);
31+
margin-right: 0.1rem;
32+
}
33+
34+
.section-title {
35+
@apply font-mono text-3xl md:text-4xl lg:text-5xl;
4836
}
4937

5038
/* Subtle dot grid for hero */
@@ -61,23 +49,3 @@
6149
.fade-bottom {
6250
mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
6351
}
64-
65-
/* Animated underline for links */
66-
.animated-underline {
67-
position: relative;
68-
}
69-
70-
.animated-underline::after {
71-
content: '';
72-
position: absolute;
73-
bottom: -2px;
74-
left: 0;
75-
width: 0;
76-
height: 1px;
77-
background-color: var(--color-evlog-blue);
78-
transition: width 0.3s ease;
79-
}
80-
81-
.animated-underline:hover::after {
82-
width: 100%;
83-
}

‎apps/docs/app/components/AppHeaderLogo.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
</script>
33

44
<template>
5-
<NuxtLink to="/" class="flex items-center gap-0.5 group">
6-
<span class="font-serif text-2xl font-bold tracking-tight text-highlighted transition-colors">evlog</span>
7-
<span class="evlog-dot text-2xl font-bold transition-transform group-hover:scale-125">.</span>
5+
<NuxtLink to="/" class="flex items-center gap-0.5">
6+
<span class="font-mono text-4xl font-normal">evlog</span>
7+
<span class="text-primary text-4xl">.</span>
88
</NuxtLink>
99
</template>

‎apps/docs/app/components/BlueDot.vue‎

Lines changed: 0 additions & 16 deletions
This file was deleted.

‎apps/docs/app/components/CornerBrackets.vue‎

Lines changed: 0 additions & 11 deletions
This file was deleted.

‎apps/docs/app/components/HeroTerminal.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ onUnmounted(() => {
121121
}
122122
123123
.log-line[data-type="wide"] {
124-
color: var(--color-evlog-blue);
124+
color: var(--color-primary);
125125
}
126126
127127
:root.dark .log-line {
@@ -145,6 +145,6 @@ onUnmounted(() => {
145145
}
146146
147147
:root.dark .log-line[data-type="wide"] {
148-
color: var(--color-evlog-blue);
148+
color: var(--color-primary);
149149
}
150150
</style>

‎apps/docs/app/components/LandingCode.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@ onMounted(() => {
2121
<p class="section-label mb-4 font-mono text-xs uppercase tracking-widest text-muted">
2222
Simple API
2323
</p>
24-
<h2 class="editorial-title text-3xl font-bold text-highlighted md:text-4xl max-w-lg">
25-
Three lines of code.<br>Full observability<span class="evlog-dot">.</span>
24+
<h2 class="section-title max-w-lg">
25+
Three lines of code.<br>Full observability<span class="text-primary">.</span>
2626
</h2>
2727
</Motion>
2828

@@ -111,13 +111,13 @@ onMounted(() => {
111111
:in-view="{ opacity: 1, y: 0 }"
112112
:transition="{ duration: 0.5, delay: 0.3 }"
113113
:in-view-options="{ once: true }"
114-
class="mt-12"
114+
class="mt-24"
115115
>
116116
<p class="section-label mb-4 font-mono text-xs uppercase tracking-widest text-muted">
117117
Structured Errors
118118
</p>
119-
<h3 class="editorial-title text-2xl font-bold text-highlighted md:text-3xl max-w-lg mb-6">
120-
Errors that explain why<span class="evlog-dot">.</span>
119+
<h3 class="section-title max-w-lg mb-6">
120+
Errors that explain why<span class="text-primary">.</span>
121121
</h3>
122122
</Motion>
123123

‎apps/docs/app/components/LandingCta.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@ onMounted(() => {
2121
<p class="section-label mb-4 font-mono text-xs uppercase tracking-widest text-muted">
2222
Get Started
2323
</p>
24-
<h2 class="editorial-title mb-6 text-3xl font-bold text-highlighted md:text-4xl lg:text-5xl">
25-
Stop grep-ing through chaos<span class="evlog-dot">.</span>
24+
<h2 class="mb-6 section-title">
25+
Stop grep-ing through chaos<span class="text-primary">.</span>
2626
</h2>
2727
<p class="max-w-lg text-base text-muted mb-10 leading-relaxed">
2828
Wide events, structured errors, zero config.
@@ -33,7 +33,7 @@ onMounted(() => {
3333
<UButton
3434
to="/getting-started/introduction"
3535
size="lg"
36-
class="bg-evlog-blue hover:bg-evlog-blue/90 text-white border-0"
36+
class="bg-primary hover:bg-primary/90 text-white border-0"
3737
>
3838
Get Started
3939
<template #trailing>

‎apps/docs/app/components/LandingFeatures.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -95,8 +95,8 @@ log.info({ action: 'click' })
9595
<p class="section-label mb-4 font-mono text-xs uppercase tracking-widest text-muted">
9696
Features
9797
</p>
98-
<h2 class="editorial-title text-3xl font-bold text-highlighted md:text-4xl">
99-
Everything you need<span class="evlog-dot">.</span>
98+
<h2 class="section-title">
99+
Everything you need<span class="text-primary">.</span>
100100
</h2>
101101
</Motion>
102102

@@ -110,7 +110,7 @@ log.info({ action: 'click' })
110110
:in-view-options="{ once: true }"
111111
>
112112
<div class="group h-full border border-muted/50 bg-muted/30 p-5 transition-colors duration-300 hover:border-muted">
113-
<h3 class="mb-2 font-mono font-semibold text-evlog-blue">
113+
<h3 class="mb-2 font-mono font-semibold text-primary">
114114
{{ feature.title }}
115115
</h3>
116116
<p class="mb-4 text-sm leading-relaxed text-toned">

‎apps/docs/app/components/LandingHero.vue‎

Lines changed: 11 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -170,8 +170,8 @@ function getLevelColor(level: string) {
170170
<span v-else>$ npx skills add hugorcd/evlog</span>
171171
</button>
172172

173-
<h1 class="editorial-title mb-6 text-5xl font-bold text-highlighted sm:text-5xl lg:text-6xl">
174-
Logging that<br>makes sense<span class="evlog-dot">.</span>
173+
<h1 class="font-mono mb-6 text-5xl sm:text-6xl lg:text-7xl">
174+
Logging that<br>makes sense<span class="text-primary">.</span>
175175
</h1>
176176

177177
<p class="mb-8 max-w-md text-base text-muted leading-relaxed">
@@ -183,25 +183,19 @@ function getLevelColor(level: string) {
183183
<UButton
184184
to="/getting-started/introduction"
185185
size="lg"
186-
class="bg-evlog-blue hover:bg-evlog-blue/90 text-white border-0"
187-
>
188-
Get Started
189-
<template #trailing>
190-
<UIcon name="i-lucide-arrow-right" class="size-4" />
191-
</template>
192-
</UButton>
186+
class="bg-primary hover:bg-primary/90 text-white border-0"
187+
trailing-icon="i-lucide-arrow-right"
188+
label="Get Started"
189+
/>
193190
<UButton
194191
to="https://github.com/hugorcd/evlog"
195192
target="_blank"
196193
size="lg"
197194
variant="outline"
198195
color="neutral"
199-
>
200-
<template #leading>
201-
<UIcon name="i-simple-icons-github" class="size-4" />
202-
</template>
203-
GitHub
204-
</UButton>
196+
label="GitHub"
197+
leading-icon="i-simple-icons-github"
198+
/>
205199
</div>
206200
</Motion>
207201

@@ -230,7 +224,7 @@ function getLevelColor(level: string) {
230224
<button
231225
class="px-4 py-2.5 text-xs font-medium transition-colors border-b-2 -mb-px"
232226
:class="mode === 'chaos'
233-
? 'text-white border-evlog-blue'
227+
? 'text-white border-primary'
234228
: 'text-zinc-500 border-transparent hover:text-zinc-300'"
235229
@click="mode = 'chaos'"
236230
>
@@ -239,7 +233,7 @@ function getLevelColor(level: string) {
239233
<button
240234
class="px-4 py-2.5 text-xs font-medium transition-colors border-b-2 -mb-px"
241235
:class="mode === 'wide'
242-
? 'text-white border-evlog-blue'
236+
? 'text-white border-primary'
243237
: 'text-zinc-500 border-transparent hover:text-zinc-300'"
244238
@click="mode = 'wide'"
245239
>

0 commit comments

Comments
 (0)