mirror of
https://github.com/morten-olsen/morten-olsen.github.io.git
synced 2026-02-08 01:46:28 +01:00
added techstack
This commit is contained in:
@@ -34,6 +34,7 @@ const work = defineCollection({
|
||||
url: z.string().optional(),
|
||||
logo: image().optional(),
|
||||
banner: image().optional(),
|
||||
stack: z.array(z.string()).optional(),
|
||||
}),
|
||||
});
|
||||
|
||||
|
||||
@@ -35,6 +35,13 @@ const work = allWork.sort((a, b) => {
|
||||
</div>
|
||||
</div>
|
||||
<p>{item.data.summary}</p>
|
||||
{item.data.stack && (
|
||||
<div class="stack">
|
||||
{item.data.stack.map((item) => (
|
||||
<div>{item}</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
@@ -109,4 +116,19 @@ const work = allWork.sort((a, b) => {
|
||||
flex-direction: column;
|
||||
gap: var(--space-md);
|
||||
}
|
||||
|
||||
.stack {
|
||||
display: flex;
|
||||
gap: var(--space-sm);
|
||||
flex-wrap: wrap;
|
||||
font-size: var(--font-xs);
|
||||
|
||||
div {
|
||||
margin-right: var(--space-xxs);
|
||||
margin-bottom: var(--space-xxs);
|
||||
padding: var(--space-xs) var(--space-sm);
|
||||
border-radius: var(--radius-sm);
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user