diff --git a/assets/css/main.css b/assets/css/main.css index 1d6192c..9412e05 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -28,6 +28,6 @@ body { @layer utilities { .flow > * + * { - margin-top: .5em; + margin-top: 1em; } } diff --git a/package.json b/package.json index d475bfe..4952d27 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "@astrojs/vue": "^4.5.0", "@vueuse/core": "^10.11.0", "astro": "^4.13.1", + "scrambling-text": "^1.2.0", "tailwindcss": "^3.3.5", "vue": "^3.4.36" }, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 1433dda..3761887 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -20,6 +20,9 @@ importers: astro: specifier: ^4.13.1 version: 4.13.1(sass@1.77.8) + scrambling-text: + specifier: ^1.2.0 + version: 1.2.0 tailwindcss: specifier: ^3.3.5 version: 3.4.7 @@ -216,6 +219,10 @@ packages: peerDependencies: '@babel/core': ^7.0.0-0 + '@babel/polyfill@7.12.1': + resolution: {integrity: sha512-X0pi0V6gxLi6lFZpGmeNa4zxtwEmCs42isWLNjZZDE0Y8yVfgu0T2OAHlzBbdYlqbW/YXVvoBHpATEM+goCj8g==} + deprecated: 🚨 This package has been deprecated in favor of separate inclusion of a polyfill and regenerator-runtime (when needed). See the @babel/polyfill docs (https://babeljs.io/docs/en/babel-polyfill) for more information. + '@babel/template@7.25.0': resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==} engines: {node: '>=6.9.0'} @@ -938,6 +945,10 @@ packages: resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==} engines: {node: '>=12.13'} + core-js@2.6.12: + resolution: {integrity: sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==} + deprecated: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js. + cross-spawn@7.0.3: resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==} engines: {node: '>= 8'} @@ -1740,6 +1751,9 @@ packages: resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==} engines: {node: '>=8.10.0'} + regenerator-runtime@0.13.11: + resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==} + rehype-parse@9.0.0: resolution: {integrity: sha512-WG7nfvmWWkCR++KEkZevZb/uw41E8TsH4DsY9UxsTbIXCVGbAs4S+r8FrQ+OtH5EEQAs+5UxKC42VinkmpA1Yw==} @@ -1812,6 +1826,9 @@ packages: engines: {node: '>=14.0.0'} hasBin: true + scrambling-text@1.2.0: + resolution: {integrity: sha512-zs84BPFQMWNcc+BhrxDvflmNi9KXkF0DC3pPeRtofylJG6paH6TwUaRr+HOQ3dFs5UhMvzdNkcQRl4ozFpGnSg==} + section-matter@1.0.0: resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==} engines: {node: '>=4'} @@ -2440,6 +2457,11 @@ snapshots: transitivePeerDependencies: - supports-color + '@babel/polyfill@7.12.1': + dependencies: + core-js: 2.6.12 + regenerator-runtime: 0.13.11 + '@babel/template@7.25.0': dependencies: '@babel/code-frame': 7.24.7 @@ -3163,6 +3185,8 @@ snapshots: dependencies: is-what: 4.1.16 + core-js@2.6.12: {} + cross-spawn@7.0.3: dependencies: path-key: 3.1.1 @@ -4124,6 +4148,8 @@ snapshots: dependencies: picomatch: 2.3.1 + regenerator-runtime@0.13.11: {} + rehype-parse@9.0.0: dependencies: '@types/hast': 3.0.4 @@ -4264,6 +4290,10 @@ snapshots: immutable: 4.3.7 source-map-js: 1.2.0 + scrambling-text@1.2.0: + dependencies: + '@babel/polyfill': 7.12.1 + section-matter@1.0.0: dependencies: extend-shallow: 2.0.1 diff --git a/src/components/Button.astro b/src/components/Button.astro index 8ab204a..2000d33 100644 --- a/src/components/Button.astro +++ b/src/components/Button.astro @@ -1,23 +1,42 @@ --- interface Props { + href?: string; glow?: boolean; } -const { glow = false } = Astro.props; +const { glow = false, href } = Astro.props; --- - +{href && ( + + + +)} +{!href && ( + +)} + \ No newline at end of file diff --git a/src/components/home/Tooling.astro b/src/components/home/Tooling.astro new file mode 100644 index 0000000..ad3ebea --- /dev/null +++ b/src/components/home/Tooling.astro @@ -0,0 +1,72 @@ +--- +import Card from "../Card.astro"; +import Heading from "../Heading.astro"; +--- + +
+ + Mes outils + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
diff --git a/src/pages/index.astro b/src/pages/index.astro index f1d6cce..8ac8059 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,141 +1,22 @@ --- -import Button from '../components/Button.astro'; import Heading from '../components/Heading.astro'; +import Hero from '../components/home/Hero.astro'; +import Tooling from '../components/home/Tooling.astro'; import Layout from '../layouts/Layout.astro'; ---
-
-
-
- - Titre - - -

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam sint placeat dolores nemo asperiores minus, quam commodi cum?

+ + + Titre + -
- - - -
-
-
- -
-
-
-
-
- -
- - - - - - - - - -
-
+
- - - -