mirror of
https://github.com/youwen5/site.git
synced 2024-11-24 17:33:51 -08:00
chore: update credits
This commit is contained in:
parent
d52bc7b45a
commit
8ac1c3aeb3
7 changed files with 46 additions and 7 deletions
|
@ -1,6 +1,6 @@
|
||||||
# coredump
|
# coredump
|
||||||
|
|
||||||
My personal website and its associated blog. Written in [SvelteKit](https://kit.svelte.dev) and [TailwindCSS](https://tailwindcss.com/).
|
My personal website and its associated blog. Written in [SvelteKit](https://kit.svelte.dev) using [TailwindCSS](https://tailwindcss.com/) and components from [shadcn-svelte](https://www.shadcn-svelte.com/).
|
||||||
|
|
||||||
## Running locally
|
## Running locally
|
||||||
|
|
||||||
|
|
BIN
bun.lockb
BIN
bun.lockb
Binary file not shown.
|
@ -10,7 +10,7 @@
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
version="1.1"
|
version="1.1"
|
||||||
viewBox="0 0 2048 416"
|
viewBox="0 0 2048 416"
|
||||||
class="diagram select-none font-mono"
|
class="diagram select-none font-mono hidden sm:block"
|
||||||
text-anchor="middle"
|
text-anchor="middle"
|
||||||
font-size="13px"
|
font-size="13px"
|
||||||
stroke-linecap="round"
|
stroke-linecap="round"
|
||||||
|
|
|
@ -1,9 +1,10 @@
|
||||||
<script>
|
<script>
|
||||||
import { GithubLogo } from 'svelte-radix';
|
import { GithubLogo } from 'svelte-radix';
|
||||||
|
import Separator from './ui/separator/separator.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<footer class="h-24 px-2 mb-4 text-sm md:text-md xl:text-lg">
|
<footer class="h-24 px-2 mb-4 text-sm md:text-md xl:text-lg">
|
||||||
<hr class="mb-4" />
|
<Separator class="mb-4" />
|
||||||
<div class="flex justify-center flex-col gap-4">
|
<div class="flex justify-center flex-col gap-4">
|
||||||
<div class="flex justify-around gap-4">
|
<div class="flex justify-around gap-4">
|
||||||
<a
|
<a
|
||||||
|
@ -13,8 +14,16 @@
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-zinc-400 dark:text-zinc-700 text-center">
|
<p class="text-zinc-400 dark:text-zinc-700 text-center">
|
||||||
© 2024 Youwen Wu | Built with <strong>SvelteKit</strong> and
|
© 2024 Youwen Wu | Built with <a
|
||||||
<strong>shad-cn</strong> |
|
href="https://kit.svelte.dev"
|
||||||
|
target="_blank"
|
||||||
|
class="hover:underline"><strong>SvelteKit</strong></a
|
||||||
|
>
|
||||||
|
and
|
||||||
|
<a href="https://www.shadcn-svelte.com/" class="hover:underline" target="_blank"
|
||||||
|
><strong>shadcn-svelte</strong></a
|
||||||
|
>
|
||||||
|
|
|
||||||
<a href="https://github.com/couscousdude/coredump" target="_blank" class="hover:underline"
|
<a href="https://github.com/couscousdude/coredump" target="_blank" class="hover:underline"
|
||||||
>View the source</a
|
>View the source</a
|
||||||
>
|
>
|
||||||
|
|
|
@ -6,6 +6,7 @@
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import { navigating } from '$app/stores';
|
import { navigating } from '$app/stores';
|
||||||
import Coredump from '$lib/assets/Coredump.svelte';
|
import Coredump from '$lib/assets/Coredump.svelte';
|
||||||
|
import Separator from '../ui/separator/separator.svelte';
|
||||||
|
|
||||||
let current: 'blog' | 'about' | 'home' | 'projects' | string;
|
let current: 'blog' | 'about' | 'home' | 'projects' | string;
|
||||||
|
|
||||||
|
@ -31,7 +32,7 @@
|
||||||
{:else}
|
{:else}
|
||||||
<Name height="100%" href="/" />
|
<Name height="100%" href="/" />
|
||||||
{/if}
|
{/if}
|
||||||
<div class="flex gap-14 justify-around align-middle">
|
<div class="flex gap-1 sm:gap-2 md:gap-4 lg:gap-14 justify-around align-middle">
|
||||||
<a
|
<a
|
||||||
href="/"
|
href="/"
|
||||||
class="text-md sm:text-lg md:text-xl font-medium dark:text-zinc-50 text-zinc-700 px-4 py-1 rounded-3xl hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors duration-200"
|
class="text-md sm:text-lg md:text-xl font-medium dark:text-zinc-50 text-zinc-700 px-4 py-1 rounded-3xl hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors duration-200"
|
||||||
|
@ -64,7 +65,7 @@
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<Separator />
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<style lang="postcss">
|
<style lang="postcss">
|
||||||
|
|
7
src/lib/components/ui/separator/index.ts
Normal file
7
src/lib/components/ui/separator/index.ts
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
import Root from "./separator.svelte";
|
||||||
|
|
||||||
|
export {
|
||||||
|
Root,
|
||||||
|
//
|
||||||
|
Root as Separator,
|
||||||
|
};
|
22
src/lib/components/ui/separator/separator.svelte
Normal file
22
src/lib/components/ui/separator/separator.svelte
Normal file
|
@ -0,0 +1,22 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import { Separator as SeparatorPrimitive } from "bits-ui";
|
||||||
|
import { cn } from "$lib/utils.js";
|
||||||
|
|
||||||
|
type $$Props = SeparatorPrimitive.Props;
|
||||||
|
|
||||||
|
let className: $$Props["class"] = undefined;
|
||||||
|
export let orientation: $$Props["orientation"] = "horizontal";
|
||||||
|
export let decorative: $$Props["decorative"] = undefined;
|
||||||
|
export { className as class };
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<SeparatorPrimitive.Root
|
||||||
|
class={cn(
|
||||||
|
"shrink-0 bg-border",
|
||||||
|
orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
|
||||||
|
className
|
||||||
|
)}
|
||||||
|
{orientation}
|
||||||
|
{decorative}
|
||||||
|
{...$$restProps}
|
||||||
|
/>
|
Loading…
Reference in a new issue