Skip to content

Commit fba5d58

Browse files
cmpaddencmpadden
committed
pnpm run format
1 parent 53646ad commit fba5d58

8 files changed

Lines changed: 54 additions & 51 deletions

File tree

‎components/MoreLink.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ const props = defineProps({
1313
<div class="flex justify-end">
1414
<NuxtLink
1515
:to="props.to"
16-
class="flex items-center text-sm font-bold hover:text-orange-500 text-white"
16+
class="flex items-center text-sm font-bold text-white hover:text-orange-500"
1717
>
1818
<span class="translate-y-0.5">More</span>
1919
<CursorArrowRaysIcon class="ml-1 h-5 w-5" aria-hidden="true" />

‎components/section/BlogPosts.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ const props = defineProps({
1111
<div v-for="(article, ix) of articles" :key="ix">
1212
<NuxtLink :to="article.path">
1313
<div
14-
class="h-full space-y-4 rounded-lg p-4 drop-shadow-lg hover:ring-1 bg-orange-400/50 text-white hover:ring-white"
14+
class="h-full space-y-4 rounded-lg bg-orange-400/50 p-4 text-white drop-shadow-lg hover:ring-1 hover:ring-white"
1515
>
1616
<div>
1717
<div

‎components/section/Playground.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -100,12 +100,12 @@ const filtered_links = computed(() => {
100100

101101
<template>
102102
<section
103-
class="bg-gradient-to-b from-transparent to-background-dark text-white"
103+
class="to-background-dark bg-gradient-to-b from-transparent text-white"
104104
>
105105
<div class="container mx-auto py-8 text-white">
106106
<div class="mb-2 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
107107
<nuxt-link
108-
class="relative hover:ring-1 hover:ring-white rounded-lg"
108+
class="relative rounded-lg hover:ring-1 hover:ring-white"
109109
v-for="link in filtered_links"
110110
:key="link.title"
111111
:to="link.link"
@@ -115,10 +115,10 @@ const filtered_links = computed(() => {
115115
:src="link.img || 'images/placeholder.png'"
116116
/>
117117
<div
118-
class="absolute bottom-2 px-2 flex w-full items-center justify-center"
118+
class="absolute bottom-2 flex w-full items-center justify-center px-2"
119119
>
120120
<div
121-
class="w-full bg-black bg-[url('/images/noise.svg')] px-6 py-2 rounded-lg"
121+
class="w-full rounded-lg bg-black bg-[url('/images/noise.svg')] px-6 py-2"
122122
>
123123
<h3 class="text-xl font-bold text-white">
124124
{{ link.title }}

‎content/articles/ai-the-context-engineer.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: 'The evolution of data engineering'
2+
title: 'An evolution of data engineering'
33
draft: true
44
date: "2025-07-18"
55
tags: ["ai", "data"]

‎pages/articles/[...slug].vue‎

Lines changed: 39 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ const { data: page } = await useAsyncData(route.path, () => {
88

99
<template>
1010
<div
11-
class="container mx-auto mb-10 max-w-[1024px] space-y-6 shadow-lg text-white"
11+
class="container mx-auto mb-10 max-w-[1024px] space-y-6 text-white shadow-lg"
1212
v-if="page"
1313
>
1414
<!-- title -->
@@ -18,44 +18,51 @@ const { data: page } = await useAsyncData(route.path, () => {
1818
<img class="mr-4 h-16 border-2 border-black" :src="page.cover_image" />
1919
</template>
2020

21-
<h1 class="text-xl font-bold md:text-3xl">
21+
<h1 class="text-2xl font-bold md:text-3xl">
2222
{{ page.title }}
2323
</h1>
2424
</div>
2525

26+
<h1 class="font-bold text-gray-400">
27+
<NuxtTime
28+
:datetime="page.date"
29+
year="numeric"
30+
month="short"
31+
day="2-digit"
32+
/>
33+
</h1>
34+
2635
<!-- Meta -->
27-
<div class="flex space-x-2">
28-
<div>
29-
<div class="mb-2 text-xs uppercase text-gray-400">
30-
Category
31-
</div>
32-
<div class="flex flex-row space-x-2">
33-
<NuxtLink
34-
class="mr-2 w-min rounded-md text-sm font-bold hover:cursor-pointer hover:text-orange-500 bg-background"
35-
v-for="(category, ix) in page.categories"
36-
:key="ix"
37-
:to="`/articles?category=${category}`"
38-
>
39-
{{ category }}
40-
</NuxtLink>
36+
<div class="hidden md:block">
37+
<div class="flex space-x-2">
38+
<div>
39+
<div class="mb-2 text-xs uppercase text-gray-400">Category</div>
40+
<div class="flex flex-row space-x-2">
41+
<NuxtLink
42+
class="mr-2 w-min rounded-md bg-background text-sm font-bold hover:cursor-pointer hover:text-orange-500"
43+
v-for="(category, ix) in page.categories"
44+
:key="ix"
45+
:to="`/articles?category=${category}`"
46+
>
47+
{{ category }}
48+
</NuxtLink>
49+
</div>
4150
</div>
42-
</div>
4351

44-
<div class="border-r border-gray-400"></div>
52+
<div class="border-r border-gray-400"></div>
4553

46-
<div>
47-
<div class="mb-2 text-xs uppercase text-gray-400">
48-
Tags
49-
</div>
50-
<div class="flex flex-row md:space-x-2">
51-
<NuxtLink
52-
class="mr-2 w-min rounded-md text-sm font-bold hover:cursor-pointer hover:text-orange-500 bg-background"
53-
v-for="(tag, ix) in page.tags"
54-
:key="ix"
55-
:to="`/articles?tag=${tag}`"
56-
>
57-
{{ tag }}
58-
</NuxtLink>
54+
<div>
55+
<div class="mb-2 text-xs uppercase text-gray-400">Tags</div>
56+
<div class="flex flex-row md:space-x-2">
57+
<NuxtLink
58+
class="mr-2 w-min rounded-md bg-background text-sm font-bold hover:cursor-pointer hover:text-orange-500"
59+
v-for="(tag, ix) in page.tags"
60+
:key="ix"
61+
:to="`/articles?tag=${tag}`"
62+
>
63+
{{ tag }}
64+
</NuxtLink>
65+
</div>
5966
</div>
6067
</div>
6168
</div>
@@ -65,7 +72,7 @@ const { data: page } = await useAsyncData(route.path, () => {
6572
- Use prose-pre:bg-white to work with @nuxt/content syntax highlighting, otherwise background-color defaults to `.prose:where(pre)`
6673
-->
6774
<article
68-
class="prose max-w-[1024px] prose-h2:mt-8 prose-p:text-justify prose-a:font-bold prose-a:text-orange-400 prose-a:no-underline hover:prose-a:text-orange-500 prose-blockquote:text-gray-400 prose-code:text-white prose-pre:bg-black text-gray-300"
75+
class="prose max-w-[1024px] text-gray-300 prose-h2:mt-8 prose-p:text-justify prose-a:font-bold prose-a:text-orange-400 prose-a:no-underline hover:prose-a:text-orange-500 prose-blockquote:text-gray-400 prose-code:text-white prose-pre:bg-black prose-li:my-0"
6976
>
7077
<ContentRenderer v-if="page" :value="page" />
7178
</article>

‎pages/articles/index.vue‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -113,9 +113,7 @@ function toggleCategory(cat) {
113113
</template>
114114
</div>
115115
</div>
116-
<div
117-
class="col-span-4 border-l pl-4 border-gray-700 lg:col-span-1"
118-
>
116+
<div class="col-span-4 border-l border-gray-700 pl-4 lg:col-span-1">
119117
<div class="my-2 space-y-2">
120118
<p class="text-xl font-bold">Categories</p>
121119
<div
@@ -124,7 +122,7 @@ function toggleCategory(cat) {
124122
:class="{
125123
'bg-orange-500 text-white': selectedCategories.includes(category),
126124
}"
127-
class="cursor-pointer p-1 text-sm hover:bg-orange-500 hover:text-white text-gray-400"
125+
class="cursor-pointer p-1 text-sm text-gray-400 hover:bg-orange-500 hover:text-white"
128126
@click="toggleCategory(category)"
129127
>
130128
{{ category }}
@@ -139,7 +137,7 @@ function toggleCategory(cat) {
139137
:class="{
140138
'bg-orange-500 text-white': selectedTags.includes(tag),
141139
}"
142-
class="cursor-pointer select-none p-1 text-sm hover:bg-orange-500 hover:text-white text-gray-400"
140+
class="cursor-pointer select-none p-1 text-sm text-gray-400 hover:bg-orange-500 hover:text-white"
143141
@click="toggleTag(tag)"
144142
>
145143
{{ tag }}

‎pages/index.vue‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,9 @@ const data = await queryCollection("content")
66
</script>
77

88
<template>
9-
<div class="bg-[url('/images/noise.svg')] bg-emerald-950 min-h-screen">
9+
<div class="min-h-screen bg-emerald-950 bg-[url('/images/noise.svg')]">
1010
<div>
11-
<section
12-
class="bg-gradient-to-b to-transparent py-2 from-background"
13-
>
11+
<section class="bg-gradient-to-b from-background to-transparent py-2">
1412
<div class="container mx-auto my-12">
1513
<img
1614
src="/images/blog_and_experiments.svg"

‎pages/talks.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -92,21 +92,21 @@ const talks = [
9292
<div class="flex">
9393
<a
9494
v-if="talk.href_slides"
95-
class="text-xs uppercase hover:cursor-pointer hover:text-orange-500 text-gray-400"
95+
class="text-xs uppercase text-gray-400 hover:cursor-pointer hover:text-orange-500"
9696
:href="talk.href_slides"
9797
>
9898
[slide_deck]
9999
</a>
100100
<a
101101
v-if="talk.href_video"
102-
class="text-xs uppercase hover:cursor-pointer hover:text-orange-500 text-gray-400"
102+
class="text-xs uppercase text-gray-400 hover:cursor-pointer hover:text-orange-500"
103103
:href="talk.href_video"
104104
>
105105
[video]
106106
</a>
107107
<a
108108
v-if="talk.href_code"
109-
class="text-xs uppercase hover:cursor-pointer hover:text-orange-500 text-gray-400"
109+
class="text-xs uppercase text-gray-400 hover:cursor-pointer hover:text-orange-500"
110110
:href="talk.href_code"
111111
>
112112
[source_code]

0 commit comments

Comments
 (0)