diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7357dc9..3dd6ceb 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -432,6 +432,10 @@ packages: svelte: ^4.0.0 || ^5.0.0-next.0 vite: ^5.0.0 + '@trysound/sax@0.2.0': + resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==} + engines: {node: '>=10.13.0'} + '@types/cookie@0.6.0': resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==} @@ -589,6 +593,9 @@ packages: resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==} engines: {node: '>=8'} + boolbase@1.0.0: + resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==} + brace-expansion@1.1.11: resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==} @@ -657,6 +664,10 @@ packages: resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==} engines: {node: '>= 6'} + commander@7.2.0: + resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==} + engines: {node: '>= 10'} + concat-map@0.0.1: resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==} @@ -668,15 +679,33 @@ packages: resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==} engines: {node: '>= 8'} + css-select@5.1.0: + resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==} + + css-tree@2.2.1: + resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'} + css-tree@2.3.1: resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==} engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0} + css-what@6.1.0: + resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==} + engines: {node: '>= 6'} + cssesc@3.0.0: resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==} engines: {node: '>=4'} hasBin: true +<<<<<<< HEAD +======= + csso@5.0.5: + resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'} + +>>>>>>> dev dayjs@1.11.13: resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==} @@ -717,6 +746,19 @@ packages: dlv@1.1.3: resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==} + dom-serializer@2.0.0: + resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==} + + domelementtype@2.3.0: + resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==} + + domhandler@5.0.3: + resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==} + engines: {node: '>= 4'} + + domutils@3.1.0: + resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==} + eastasianwidth@0.2.0: resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==} @@ -729,6 +771,10 @@ packages: emoji-regex@9.2.2: resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==} + entities@4.5.0: + resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==} + engines: {node: '>=0.12'} + es6-promise@3.3.1: resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==} @@ -1059,6 +1105,9 @@ packages: magic-string@0.30.11: resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==} + mdn-data@2.0.28: + resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==} + mdn-data@2.0.30: resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==} @@ -1136,6 +1185,9 @@ packages: resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==} engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} + nth-check@2.1.1: + resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==} + object-assign@4.1.1: resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==} engines: {node: '>=0.10.0'} @@ -1493,6 +1545,11 @@ packages: resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==} engines: {node: '>=16'} + svgo@3.3.2: + resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==} + engines: {node: '>=14.0.0'} + hasBin: true + tailwind-merge@2.5.2: resolution: {integrity: sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg==} @@ -1951,6 +2008,8 @@ snapshots: transitivePeerDependencies: - supports-color + '@trysound/sax@0.2.0': {} + '@types/cookie@0.6.0': {} '@types/eslint@9.6.1': @@ -2134,6 +2193,8 @@ snapshots: binary-extensions@2.3.0: {} + boolbase@1.0.0: {} + brace-expansion@1.1.11: dependencies: balanced-match: 1.0.2 @@ -2209,6 +2270,8 @@ snapshots: commander@4.1.1: {} + commander@7.2.0: {} + concat-map@0.0.1: {} cookie@0.6.0: {} @@ -2219,13 +2282,35 @@ snapshots: shebang-command: 2.0.0 which: 2.0.2 + css-select@5.1.0: + dependencies: + boolbase: 1.0.0 + css-what: 6.1.0 + domhandler: 5.0.3 + domutils: 3.1.0 + nth-check: 2.1.1 + + css-tree@2.2.1: + dependencies: + mdn-data: 2.0.28 + source-map-js: 1.2.0 + css-tree@2.3.1: dependencies: mdn-data: 2.0.30 source-map-js: 1.2.0 + css-what@6.1.0: {} + cssesc@3.0.0: {} +<<<<<<< HEAD +======= + csso@5.0.5: + dependencies: + css-tree: 2.2.1 + +>>>>>>> dev dayjs@1.11.13: {} debug@4.3.6: @@ -2248,6 +2333,24 @@ snapshots: dlv@1.1.3: {} + dom-serializer@2.0.0: + dependencies: + domelementtype: 2.3.0 + domhandler: 5.0.3 + entities: 4.5.0 + + domelementtype@2.3.0: {} + + domhandler@5.0.3: + dependencies: + domelementtype: 2.3.0 + + domutils@3.1.0: + dependencies: + dom-serializer: 2.0.0 + domelementtype: 2.3.0 + domhandler: 5.0.3 + eastasianwidth@0.2.0: {} electron-to-chromium@1.5.13: {} @@ -2256,6 +2359,8 @@ snapshots: emoji-regex@9.2.2: {} + entities@4.5.0: {} + es6-promise@3.3.1: {} esbuild@0.21.5: @@ -2616,6 +2721,8 @@ snapshots: dependencies: '@jridgewell/sourcemap-codec': 1.5.0 + mdn-data@2.0.28: {} + mdn-data@2.0.30: {} merge-stream@2.0.0: {} @@ -2673,6 +2780,10 @@ snapshots: dependencies: path-key: 4.0.0 + nth-check@2.1.1: + dependencies: + boolbase: 1.0.0 + object-assign@4.1.1: {} object-hash@3.0.0: {} @@ -3010,6 +3121,16 @@ snapshots: magic-string: 0.30.11 periscopic: 3.1.0 + svgo@3.3.2: + dependencies: + '@trysound/sax': 0.2.0 + commander: 7.2.0 + css-select: 5.1.0 + css-tree: 2.3.1 + css-what: 6.1.0 + csso: 5.0.5 + picocolors: 1.0.1 + tailwind-merge@2.5.2: {} tailwind-variants@0.2.1(tailwindcss@3.4.10): @@ -3126,6 +3247,7 @@ snapshots: - supports-color - terser + vite@5.4.2: dependencies: esbuild: 0.21.5 diff --git a/src/lib/assets/icons/sccu.svg b/src/lib/assets/icons/sccu.svg new file mode 100644 index 0000000..f556a02 --- /dev/null +++ b/src/lib/assets/icons/sccu.svg @@ -0,0 +1,12 @@ + + + \ No newline at end of file diff --git a/src/lib/assets/images/suculogo.png b/src/lib/assets/images/suculogo.png new file mode 100644 index 0000000..d576c97 Binary files /dev/null and b/src/lib/assets/images/suculogo.png differ diff --git a/src/lib/components/Footer/Footer.svelte b/src/lib/components/Footer/Footer.svelte new file mode 100644 index 0000000..1f642b9 --- /dev/null +++ b/src/lib/components/Footer/Footer.svelte @@ -0,0 +1,87 @@ + + +
+
+
+
+ + sccu icon +
สภานิสิตจุฬาลงกรณ์มหาวิทยาลัย
+ +
+ +
สภานิสิตจุฬาลงกรณ์มหาวิทยาลัย
+
+ +
+ + +
sapanisitchula
+
+
+
+ sucuicon + +
สภานิสิตจุฬาลงกรณ์มหาวิทยาลัย
+ +
+ +
+ องค์การบริหารสโมสรนิสิตจุฬาลงกรณ์มหาวิทยาลัย (อบจ.) +
+
+ +
+ + +
sgcu.chula
+
+
+
+ +
+
ประกาศ
+
เอกสาร
+
งบประมาณและสถิติ
+
สโมสรนิสิตฯ
+
+
+ +
+
+ ประกาศ +
+
+
+ เอกสาร +
+
+
+ งบประมาณและสถิติ +
+
+
+ สโมสรนิสิตฯ +
+
+
+ สภานิสิตจุฬาลงกรณ์มหาวิทยาลัย +
+
+
+ องค์การบริหารสโมสรนิสิตจุฬาฯ (อบจ.) +
+
+ +
+
+ © 2024 SGCU. All rights reserved Develop by ISD +
+
diff --git a/src/lib/components/List/List.svelte b/src/lib/components/List/List.svelte new file mode 100644 index 0000000..70d8c5d --- /dev/null +++ b/src/lib/components/List/List.svelte @@ -0,0 +1,45 @@ + + + +
+ {title} +
+ +
+ {formatDate(createdAt)} โดย {createdBy} +
+ diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte new file mode 100644 index 0000000..4ddc907 --- /dev/null +++ b/src/lib/components/Navbar.svelte @@ -0,0 +1,67 @@ + + + + + diff --git a/src/lib/components/Playground.svelte b/src/lib/components/Playground.svelte index 20a43af..7ca1706 100644 --- a/src/lib/components/Playground.svelte +++ b/src/lib/components/Playground.svelte @@ -4,6 +4,13 @@ import TabCapsuleItem from './TabCapsule.svelte'; import Modal from '$lib/components/Modal/Modal.svelte'; import { modalShow } from './Modal/store'; + import List from './List/List.svelte'; + import TabsRoot from './Tabs/TabsRoot.svelte'; + import TabsList from './Tabs/TabsList.svelte'; + import TabsTrigger from './Tabs/TabsTrigger.svelte'; + import TabsContent from './Tabs/TabsContent.svelte'; + import Navbar from './Navbar.svelte'; + import Footer from './Footer/Footer.svelte'; import AnnoucementCard from './AnnoucementCard/AnnoucementCard.svelte'; modalShow.set(false); @@ -67,6 +74,7 @@
+

Typography Variants

{#each typographyVariants as variant} @@ -159,7 +167,7 @@ {/if}
-
+

Modal

@@ -168,6 +176,52 @@ {/if}
+
+ + + ทั้งหมด + อบจ. + สภานิสิต + + + +

This is the all tab content.

+ + +

This is the sgcu tab content.

+ + +

This is the sccu tab content.

+ + +
+ +
+

List

+ + + + +
+

Announcement Card

@@ -184,6 +238,9 @@ {/each}
+ +