Skip to content

Commit 2b47b66

Browse files
barelyhumanbarelyhuman
committed
chore: basic layout and styles
1 parent 98860de commit 2b47b66

File tree

11 files changed

+306
-29
lines changed

11 files changed

+306
-29
lines changed

‎.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
node_modules
22
/dist
3-
.DS_Store
3+
.DS_Store
4+
/.tmp

‎package.json

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,11 @@
1010
"author": "",
1111
"license": "ISC",
1212
"devDependencies": {
13-
"@tinytown/pub": "v0.0.3",
13+
"@tailwindcss/typography": "^0.5.15",
14+
"@tinytown/pub": "github:tinytownstudio/pub",
1415
"autoprefixer": "^10.4.20",
16+
"marked": "^15.0.3",
17+
"svelte": "^5.8.1",
1518
"tailwindcss": "^3.4.15"
1619
}
1720
}

‎pnpm-lock.yaml

Lines changed: 146 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/_layout.mustache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
{{{head}}}
1111
</head>
1212
<body>
13-
<div class="min-h-[95vh] max-w-2xl mx-auto px-2 py-2 bg-bg">
13+
<div class="min-h-[95vh] mx-auto px-2 py-2 bg-bg">
1414
{{{content}}}
1515
</div>
1616
</body>

‎src/components/breadcrumbs.svelte

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<script>
2+
let { crumbs = [] } = $props();
3+
</script>
4+
5+
<div class="mt-10 w-full sticky top-0 z-20 h-header-height">
6+
<div
7+
class="flex h-header-height w-full items-center px-page-gutter before:absolute before:inset-0 before:z-[-1] before:bg-b-low [@supports(backdrop-filter:blur(0))]:before:bg-b-low-a [@supports(backdrop-filter:blur(0))]:before:backdrop-blur-md"
8+
>
9+
<div class="mx-auto flex w-full max-w-4xl items-center">
10+
<nav>
11+
<ul role="list" class="flex flex-wrap items-center">
12+
<li
13+
class="text-md lowercase after:text-f-med after:mx-[1ch] after:content-['/']"
14+
>
15+
<a href="/" class="focus:underline focus:outline-none"
16+
>tinytown.studio</a
17+
>
18+
</li>
19+
{#each crumbs as crumb}
20+
<li
21+
class="text-md lowercase after:text-f-med last:truncate [&amp;:not(:last-child)]:after:mx-[1ch] [&amp;:not(:last-child)]:after:content-['/']"
22+
>
23+
<a
24+
href={crumb.href ?? "?#"}
25+
class="focus:underline focus:outline-none font-serif italic"
26+
aria-label="Return to top of page"
27+
>{crumb.label}</a
28+
>
29+
</li>
30+
{/each}
31+
</ul>
32+
</nav>
33+
</div>
34+
</div>
35+
</div>

0 commit comments

Comments
 (0)