Skip to content

Commit

Permalink
feat: breadcrumps
Browse files Browse the repository at this point in the history
  • Loading branch information
@flornkm
flornkm committed Dec 9, 2023
1 parent 1e37902 commit 1c6b128
Show file tree
Hide file tree
Showing 11 changed files with 87 additions and 42 deletions.
2 changes: 1 addition & 1 deletion interface/components/README.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ export default function README(props: { children: JSX.Element }) {
return (
<div class="bg-zinc-50 border border-zinc-200 w-full rounded-xl relative dark:border-zinc-800 dark:bg-zinc-950">
<div class="absolute -inset-[1px] border border-zinc-200 rounded-xl z-30 pointer-events-none ring-4 ring-light-zinc dark:ring-black dark:border-zinc-800" />
<div class="flex justify-between items-center w-full py-2 pl-4 pr-2 border-b border-zinc-200 bg-zinc-100 sticky top-0 lg:top-14 dark:bg-zinc-900 dark:border-zinc-800">
<div class="flex justify-between items-center w-full py-2 pl-4 pr-2 border-b border-zinc-200 bg-zinc-100 sticky dark:bg-zinc-900 dark:border-zinc-800 top-10 lg:top-24">
<p class="text-zinc-500 text-sm text-center dark:text-zinc-400 font-mono">
README.md
</p>
Expand Down
10 changes: 5 additions & 5 deletions pages/archive/index/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,13 @@ import README from "#components/README"
export default function Page() {
return (
<div class="w-full">
<section class="w-full lg:pt-16">
<h1 class="text-3xl font-semibold mb-8">{m.archive_title()}</h1>
<div class="flex items-center mb-4">
<p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600">
Root
<section class="w-full pb-24">
<div class="flex items-center py-2 bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 sticky top-0 lg:top-14 z-50">
<p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600 -ml-1.5">
Archive
</p>
</div>
<h1 class="text-3xl font-semibold mt-12 mb-6">{m.archive_title()}</h1>
<div class="py-0.5 pb-8">
<a
href="/archive/projects"
Expand Down
19 changes: 18 additions & 1 deletion pages/archive/projects/@slug/+Page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,27 @@
import { InlineLink } from "#components/Button"
import "#design-system/markdown.css"
import Markdown from "#markdown/Markdown"

export default function Page(props: Record<string, string>) {
return (
<>
<Markdown class="lg:py-16 pb-16" content={props.content} />
<div class="flex items-center mb-4 py-2 bg-transparent sticky top-0 lg:top-14 z-50">
<div class="w-screen bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 absolute top-0 bottom-0 left-1/2 -translate-x-1/2" />
<div class="flex relative z-20">
<InlineLink link="/archive" class="px-1.5 -ml-1.5">
Archive
</InlineLink>
<p> / </p>
<InlineLink link="/archive/projects" class="px-1.5 line-clamp-1">
Projects
</InlineLink>
<p> / </p>
<p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600 truncate">
{props.title}
</p>
</div>
</div>
<Markdown class="lg:pt-7 lg:pb-16 pb-16" content={props.content} />
</>
)
}
2 changes: 2 additions & 0 deletions pages/archive/projects/@slug/+onBeforeRender.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,8 @@ async function onBeforeRender(pageContext: PageContextBuiltInServer) {
return {
pageContext: {
pageProps: {
// @ts-ignore
title: projects.find((project) => project.slug === slug)!.title,
content: rendered[slug],
},
documentProps: {
Expand Down
10 changes: 5 additions & 5 deletions pages/archive/projects/index/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,17 +9,17 @@ import README from "#components/README"
export default function Page({ projects }: { projects: any }) {
return (
<div class="w-full">
<section class="w-full lg:pt-16">
<h1 class="text-3xl font-semibold mb-8">{m.archive_title()}</h1>
<div class="flex items-center mb-4">
<InlineLink link="/archive" class="px-1.5">
Root
<section class="w-full pb-24">
<div class="flex items-center py-2 bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 sticky top-0 lg:top-14 z-50">
<InlineLink link="/archive" class="px-1.5 -ml-1.5">
Archive
</InlineLink>
<p> / </p>
<p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600">
Projects
</p>
</div>
<h1 class="text-3xl font-semibold mt-12 mb-6">Projects</h1>
<div class="py-0.5 pb-8">
{projects.map((project: any) => {
const date = new Date(
Expand Down
2 changes: 2 additions & 0 deletions pages/archive/projects/index/+onBeforePrerenderStart.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,8 @@ async function onBeforePrerenderStart() {
url,
pageContext: {
pageProps: {
// @ts-ignore
title: projects.find((x) => x.slug === project.slug)!.title,
content: rendered[project.slug],
},
documentProps: {
Expand Down
22 changes: 21 additions & 1 deletion pages/archive/short-projects/@slug/+Page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,30 @@
import { InlineLink } from "#components/Button"
import "#design-system/markdown.css"
import Markdown from "#markdown/Markdown"

export default function Page(props: Record<string, string>) {
return (
<>
<Markdown class="lg:py-16 pb-16" content={props.content} />
<div class="flex items-center mb-4 py-2 bg-transparent sticky top-0 lg:top-14 z-50">
<div class="w-screen bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 absolute top-0 bottom-0 left-1/2 -translate-x-1/2" />
<div class="flex relative z-20">
<InlineLink link="/archive" class="px-1.5 -ml-1.5">
Archive
</InlineLink>
<p> / </p>
<InlineLink
link="/archive/short-projects"
class="px-1.5 line-clamp-1"
>
Short Projects
</InlineLink>
<p> / </p>
<p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600 truncate">
{props.title}
</p>
</div>
</div>
<Markdown class="lg:pt-7 lg:pb-16 pb-16" content={props.content} />
</>
)
}
2 changes: 2 additions & 0 deletions pages/archive/short-projects/@slug/+onBeforeRender.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,8 @@ async function onBeforeRender(pageContext: PageContextBuiltInServer) {
return {
pageContext: {
pageProps: {
// @ts-ignore
title: projects.find((project) => project.slug === slug)!.title,
content: rendered[slug],
},
documentProps: {
Expand Down
10 changes: 5 additions & 5 deletions pages/archive/short-projects/index/+Page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,17 +9,17 @@ import README from "#components/README"
export default function Page({ projects }: { projects: any }) {
return (
<div class="w-full">
<section class="w-full lg:pt-16">
<h1 class="text-3xl font-semibold mb-8">{m.archive_title()}</h1>
<div class="flex items-center mb-4">
<InlineLink link="/archive" class="px-1.5">
Root
<section class="w-full pb-24">
<div class="flex items-center py-2 bg-light-zinc/95 backdrop-blur-xl dark:bg-black/90 sticky top-0 lg:top-14 z-50">
<InlineLink link="/archive" class="px-1.5 -ml-1.5">
Archive
</InlineLink>
<p> / </p>
<p class="font-medium px-1.5 text-zinc-400 dark:text-zinc-600">
Short Projects
</p>
</div>
<h1 class="text-3xl font-semibold mt-12 mb-6">Short Projects</h1>
<div class="py-0.5 pb-8">
{projects.map((project: any) => {
const date = new Date(
Expand Down
2 changes: 2 additions & 0 deletions pages/archive/short-projects/index/+onBeforePrerenderStart.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,8 @@ async function onBeforePrerenderStart() {
url,
pageContext: {
pageProps: {
// @ts-ignore
title: projects.find((x) => x.slug === project.slug)!.title,
content: rendered[project.slug],
},
documentProps: {
Expand Down
48 changes: 24 additions & 24 deletions public/sitemap.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,98 +3,98 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://preview.floriankiem.com/</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/work</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/work/boost</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/work/bridge</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/work/curations</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/about</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/feed</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/feed/essentials</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/feed/first-post</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/feed/workout-1</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/projects</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/projects/ambient-chat</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/projects/homebility</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/short-projects</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/short-projects/granny-ai</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/short-projects/heartbeat</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/short-projects/nutri</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/short-projects/stackoverflow-redesign</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/short-projects/visualization</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/archive/short-projects/web-audit</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/colophon</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/imprint</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
<url>
<loc>https://preview.floriankiem.com/privacy-policy</loc>
<lastmod>2023-12-09T00:55:53.582Z</lastmod>
<lastmod>2023-12-09T12:18:30.005Z</lastmod>
</url>
</urlset>

1 comment on commit 1c6b128

@vercel
Copy link

@vercel vercel bot commented on 1c6b128 Dec 9, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

florians-site-preview – ./

florians-site-preview-git-new-portfolio-flornkm.vercel.app
florians-site-preview-flornkm.vercel.app
preview.floriankiem.com
florians-site-preview.vercel.app

Please sign in to comment.