Skip to content

Commit 9f17f54

Browse files
DiscusserDiscusser
committed
Basic structure
1 parent b557244 commit 9f17f54

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+1046
-148
lines changed

‎.stylelintrc.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"extends": ["stylelint-config-recommended", "stylelint-config-tailwindcss"]
3+
}

‎components.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"tailwind": {
55
"config": "tailwind.config.ts",
66
"css": "src/app.css",
7-
"baseColor": "slate"
7+
"baseColor": "zinc"
88
},
99
"aliases": {
1010
"components": "$lib/components",

‎package.json‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
"@sveltejs/vite-plugin-svelte": "^4.0.0",
1919
"@types/eslint": "^9.6.0",
2020
"autoprefixer": "^10.4.20",
21+
"bits-ui": "^0.21.16",
2122
"clsx": "^2.1.1",
2223
"eslint": "^9.7.0",
2324
"eslint-config-prettier": "^9.1.0",
@@ -27,6 +28,9 @@
2728
"prettier": "^3.3.2",
2829
"prettier-plugin-svelte": "^3.2.6",
2930
"prettier-plugin-tailwindcss": "^0.6.5",
31+
"stylelint-config-recommended": "^14.0.1",
32+
"stylelint-config-standard": "^36.0.1",
33+
"stylelint-config-tailwindcss": "^0.0.7",
3034
"svelte": "^5.0.0",
3135
"svelte-check": "^4.0.0",
3236
"svelte-sonner": "^0.3.28",

‎pnpm-lock.yaml‎

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

‎src/app.css‎

Lines changed: 40 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -5,72 +5,73 @@
55
@layer base {
66
:root {
77
--background: 0 0% 100%;
8-
--foreground: 222.2 84% 4.9%;
8+
--foreground: 240 10% 3.9%;
99

10-
--muted: 210 40% 96.1%;
11-
--muted-foreground: 215.4 16.3% 46.9%;
10+
--muted: 240 4.8% 95.9%;
11+
--muted-foreground: 240 3.8% 46.1%;
1212

1313
--popover: 0 0% 100%;
14-
--popover-foreground: 222.2 84% 4.9%;
14+
--popover-foreground: 240 10% 3.9%;
1515

1616
--card: 0 0% 100%;
17-
--card-foreground: 222.2 84% 4.9%;
17+
--card-foreground: 240 10% 3.9%;
1818

19-
--border: 214.3 31.8% 91.4%;
20-
--input: 214.3 31.8% 91.4%;
19+
--border: 240 5.9% 90%;
20+
--input: 240 5.9% 90%;
2121

22-
--primary: 222.2 47.4% 11.2%;
23-
--primary-foreground: 210 40% 98%;
22+
--primary: 240 5.9% 10%;
23+
--primary-foreground: 0 0% 98%;
2424

25-
--secondary: 210 40% 96.1%;
26-
--secondary-foreground: 222.2 47.4% 11.2%;
25+
--secondary: 240 4.8% 95.9%;
26+
--secondary-foreground: 240 5.9% 10%;
2727

28-
--accent: 210 40% 96.1%;
29-
--accent-foreground: 222.2 47.4% 11.2%;
28+
--accent: 240 4.8% 95.9%;
29+
--accent-foreground: 240 5.9% 10%;
3030

3131
--destructive: 0 72.2% 50.6%;
32-
--destructive-foreground: 210 40% 98%;
32+
--destructive-foreground: 0 0% 98%;
3333

34-
--ring: 222.2 84% 4.9%;
34+
--ring: 240 10% 3.9%;
3535

3636
--radius: 0.5rem;
3737
}
3838

3939
.dark {
40-
--background: 222.2 84% 4.9%;
41-
--foreground: 210 40% 98%;
40+
--background: 240 10% 3.9%;
41+
--foreground: 0 0% 98%;
4242

43-
--muted: 217.2 32.6% 17.5%;
44-
--muted-foreground: 215 20.2% 65.1%;
43+
--muted: 240 3.7% 15.9%;
44+
--muted-foreground: 240 5% 64.9%;
4545

46-
--popover: 222.2 84% 4.9%;
47-
--popover-foreground: 210 40% 98%;
46+
--popover: 240 10% 3.9%;
47+
--popover-foreground: 0 0% 98%;
4848

49-
--card: 222.2 84% 4.9%;
50-
--card-foreground: 210 40% 98%;
49+
--card: 240 10% 3.9%;
50+
--card-foreground: 0 0% 98%;
5151

52-
--border: 217.2 32.6% 17.5%;
53-
--input: 217.2 32.6% 17.5%;
52+
--border: 240 3.7% 15.9%;
53+
--input: 240 3.7% 15.9%;
5454

55-
--primary: 210 40% 98%;
56-
--primary-foreground: 222.2 47.4% 11.2%;
55+
--primary: 0 0% 98%;
56+
--primary-foreground: 240 5.9% 10%;
5757

58-
--secondary: 217.2 32.6% 17.5%;
59-
--secondary-foreground: 210 40% 98%;
58+
--secondary: 240 3.7% 15.9%;
59+
--secondary-foreground: 0 0% 98%;
6060

61-
--accent: 217.2 32.6% 17.5%;
62-
--accent-foreground: 210 40% 98%;
61+
--accent: 240 3.7% 15.9%;
62+
--accent-foreground: 0 0% 98%;
6363

6464
--destructive: 0 62.8% 30.6%;
65-
--destructive-foreground: 210 40% 98%;
65+
--destructive-foreground: 0 0% 98%;
6666

67-
--ring: 212.7 26.8% 83.9%;
67+
--ring: 240 4.9% 83.9%;
6868
}
6969
}
7070

7171
@layer base {
7272
* {
7373
@apply border-border;
74+
@apply transition-all;
7475
}
7576

7677
html {
@@ -96,23 +97,23 @@
9697
font-family: 'PTRootUIWebVF';
9798
font-style: normal;
9899
font-weight: normal;
99-
src: url(pt-root-ui_vf.woff2) format('woff2');
100+
src: url(/pt-root-ui_vf.woff2) format('woff2');
100101
}
101102

102103
@font-face {
103104
font-family: 'PTRootUIWebBold';
104105
font-style: normal;
105106
font-weight: bold;
106-
src: url(pt-root-ui_bold.woff2) format('woff2');
107+
src: url(/pt-root-ui_bold.woff2) format('woff2');
107108
}
108109
}
109110

110-
a {
111-
@apply text-muted-foreground hover:underline;
111+
* {
112+
@apply text-muted-foreground;
112113
}
113114

114-
p {
115-
@apply text-muted-foreground;
115+
a {
116+
@apply hover:text-foreground;
116117
}
117118

118119
ul {

‎src/lib/components/contact/ContactMe.svelte‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

‎src/lib/components/home/AboutMe.svelte‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
<script lang="ts">
2-
</script>
3-
41
<div class="space-y-2">
52
<p class="text-2xl font-bold text-foreground">About me</p>
63
<p>

‎src/lib/components/home/ContactMe.svelte‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<script>
2+
import { copyToClipboard } from '$lib/utils/index';
3+
</script>
4+
5+
<div class="space-y-2">
6+
<p class="text-2xl font-bold text-foreground">Contact</p>
7+
<p>
8+
You can contact me via <a class="text-blue-500" href="mailto:discussercodes@gmail.com">mail</a>,
9+
or on Discord:
10+
</p>
11+
<div class="grid w-1/2 auto-cols-min grid-cols-2 gap-y-2">
12+
<span>Email</span>
13+
<a href="mailto:discussercodes@gmail.com" class="underline hover:text-foreground"
14+
>discussercodes@gmail.com</a
15+
>
16+
<span>GitHub</span>
17+
<a href="https://github.com/Discusser" class="underline">Discusser</a>
18+
<span>Discord</span>
19+
<div class="flex justify-start">
20+
<button on:click={() => copyToClipboard('Discusser')} class="underline decoration-dotted">
21+
Discusser
22+
</button>
23+
</div>
24+
</div>
25+
</div>

‎src/lib/components/home/Profile.svelte‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<script lang="ts">
2+
import { Skeleton } from '$lib/components/ui/skeleton';
3+
import * as Avatar from '$lib/components/ui/avatar';
4+
</script>
5+
6+
<div class="my-8 flex flex-col items-center space-y-2">
7+
<Avatar.Root class="h-16 w-16">
8+
<Avatar.Image src="discusser_avatar.png" alt="@avatar" />
9+
<Avatar.Fallback><Skeleton class="h-full w-full" /></Avatar.Fallback>
10+
</Avatar.Root>
11+
<div class="text-center">
12+
<p class="text-2xl font-bold text-foreground">Discusser</p>
13+
<p>I like programming</p>
14+
</div>
15+
</div>

‎src/lib/components/shared/Footer.svelte‎

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2,21 +2,19 @@
22
import { IconBrandGithub, IconMail } from '@tabler/icons-svelte';
33
</script>
44

5-
<hr />
6-
<div class="flex justify-around p-8">
7-
<p class="text-muted-foreground/50">Web page made by Discusser with Svelte</p>
8-
<div class="flex space-x-4">
9-
<a
10-
class="text-muted-foreground hover:text-muted-foreground/80"
11-
href="mailto:discussercodes@gmail.com"
12-
>
13-
<IconMail />
14-
</a>
15-
<a
16-
class="text-muted-foreground hover:text-muted-foreground/80"
17-
href="https://github.com/Discusser"
18-
>
19-
<IconBrandGithub />
20-
</a>
5+
<div class="mt-8">
6+
<hr />
7+
<div class="flex justify-center p-8">
8+
<div class="flex w-1/2">
9+
<p class="flex-grow text-muted-foreground/50">Web page made by Discusser with Svelte</p>
10+
<div class="flex space-x-4">
11+
<a href="mailto:discussercodes@gmail.com">
12+
<IconMail />
13+
</a>
14+
<a href="https://github.com/Discusser">
15+
<IconBrandGithub />
16+
</a>
17+
</div>
18+
</div>
2119
</div>
2220
</div>

0 commit comments

Comments
 (0)