From 31bcc95ec7b6045f4e57f7297ffee06952954fe2 Mon Sep 17 00:00:00 2001 From: Adam Setch Date: Tue, 24 Dec 2024 10:30:07 +0100 Subject: [PATCH 1/4] feat: tailwind motion Signed-off-by: Adam Setch --- package.json | 2 +- pnpm-lock.yaml | 20 +++++++++++++------- src/components/GitHubRepo.astro | 4 +++- src/components/Hero.astro | 4 +++- src/layouts/SectionRow.astro | 5 +---- src/motion.d.ts | 1 + src/sections/BestPractices.astro | 4 ++-- src/sections/Overview.astro | 8 ++++++-- src/styles/app.css | 6 ++++++ tailwind.config.ts | 4 ++-- 10 files changed, 38 insertions(+), 20 deletions(-) create mode 100644 src/motion.d.ts diff --git a/package.json b/package.json index d619a90..e57b010 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,6 @@ "@astrojs/tailwind": "5.1.4", "@iconify-json/mdi": "1.2.2", "@octokit/openapi-types": "22.2.0", - "@tailwindcss/typography": "0.5.15", "astro": "5.1.1", "astro-icon": "1.1.4", "date-fns": "4.1.0", @@ -50,6 +49,7 @@ "octokit": "4.0.2", "sharp": "0.33.5", "tailwind-merge": "2.5.5", + "tailwindcss-motion": "1.0.0", "tailwindcss": "3.4.17" }, "devDependencies": { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 2a02f4f..7bbb47e 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -44,6 +44,9 @@ importers: tailwindcss: specifier: 3.4.17 version: 3.4.17 + tailwindcss-motion: + specifier: 1.0.0 + version: 1.0.0(tailwindcss@3.4.17) devDependencies: '@biomejs/biome': specifier: 1.9.4 @@ -1650,10 +1653,6 @@ packages: longest-streak@3.1.0: resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==} - lru-cache@10.2.0: - resolution: {integrity: sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==} - engines: {node: 14 || >=16.14} - lru-cache@10.4.3: resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==} @@ -2274,6 +2273,11 @@ packages: tailwind-merge@2.5.5: resolution: {integrity: sha512-0LXunzzAZzo0tEPxV3I297ffKZPlKDrjj7NXphC8V5ak9yHC5zRmxnOe2m/Rd/7ivsOMJe3JZ2JVocoDdQTRBA==} + tailwindcss-motion@1.0.0: + resolution: {integrity: sha512-Bc8XJxiSGjup0NHsph4OBGXXFfmbInFUhvVVluKPScQD1R2kDQTZIODqumsI/lONryeTpDdKzwuuw1a99Z38bQ==} + peerDependencies: + tailwindcss: '>=3.0.0 || insiders' + tailwindcss@3.4.17: resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==} engines: {node: '>=14.0.0'} @@ -4223,8 +4227,6 @@ snapshots: longest-streak@3.1.0: {} - lru-cache@10.2.0: {} - lru-cache@10.4.3: {} magic-string@0.30.14: @@ -4733,7 +4735,7 @@ snapshots: path-scurry@1.10.1: dependencies: - lru-cache: 10.2.0 + lru-cache: 10.4.3 minipass: 7.0.4 pathe@1.1.2: {} @@ -5097,6 +5099,10 @@ snapshots: tailwind-merge@2.5.5: {} + tailwindcss-motion@1.0.0(tailwindcss@3.4.17): + dependencies: + tailwindcss: 3.4.17 + tailwindcss@3.4.17: dependencies: '@alloc/quick-lru': 5.2.0 diff --git a/src/components/GitHubRepo.astro b/src/components/GitHubRepo.astro index 54759b1..aefd9aa 100644 --- a/src/components/GitHubRepo.astro +++ b/src/components/GitHubRepo.astro @@ -42,7 +42,9 @@ const { stars } = await loadRepoStats(); aria-label="GitHub Repository" class="text-white hover:text-red-300 hover:no-underline" > -
+
diff --git a/src/components/Hero.astro b/src/components/Hero.astro index 328b460..6fdb27b 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -17,7 +17,9 @@ import { siteMetadata } from "~/constants";
-
+

{title}

-
+
diff --git a/src/motion.d.ts b/src/motion.d.ts new file mode 100644 index 0000000..a6acbd0 --- /dev/null +++ b/src/motion.d.ts @@ -0,0 +1 @@ +declare module 'tailwindcss-motion'; diff --git a/src/sections/BestPractices.astro b/src/sections/BestPractices.astro index 5bf83ca..2e1b6b6 100644 --- a/src/sections/BestPractices.astro +++ b/src/sections/BestPractices.astro @@ -14,10 +14,10 @@ import { bestPractices } from "~/memes/memes"; { bestPractices.map((item) => (
-
{item.title}
+
{item.title}
Meme Driven Development (MDD) is a novel approach to software development - derived from popular legacy methadologies like Test Driven Development + derived from popular legacy methodologies like Test Driven Development (TDD) and Behavior Driven Development (BDD).
@@ -19,6 +19,10 @@ import SectionRow from "~/layouts/SectionRow.astro"; By integrating humor and visual communication, MDD enhances team collaboration and makes the development process more enjoyable.
+ +
+ Just like the saying "measure what matters", + MDD encourages teams to "meme what matters". +
- diff --git a/src/styles/app.css b/src/styles/app.css index 4e12ceb..50d34c2 100644 --- a/src/styles/app.css +++ b/src/styles/app.css @@ -5,3 +5,9 @@ a { @apply font-semibold hover:text-red-600 hover:underline; } + +@layer components { + .quote { + @apply font-semibold italic; + } +} \ No newline at end of file diff --git a/tailwind.config.ts b/tailwind.config.ts index 6b75ba1..e2364a5 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -1,5 +1,5 @@ -import TailwindCSSTypography from '@tailwindcss/typography'; import type { Config } from 'tailwindcss'; +import TailwindCSSMotion from 'tailwindcss-motion'; const config: Config = { darkMode: ['class', '[data-kb-theme="dark"]'], @@ -11,7 +11,7 @@ const config: Config = { }, }, }, - plugins: [TailwindCSSTypography], + plugins: [TailwindCSSMotion], }; export default config; From 941f6d82e9f52564e0eb5e55623727308c57665d Mon Sep 17 00:00:00 2001 From: Adam Setch Date: Tue, 24 Dec 2024 10:32:05 +0100 Subject: [PATCH 2/4] feat: tailwind motion Signed-off-by: Adam Setch --- pnpm-lock.yaml | 40 ---------------------------------------- 1 file changed, 40 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7bbb47e..1c02233 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -17,9 +17,6 @@ importers: '@octokit/openapi-types': specifier: 22.2.0 version: 22.2.0 - '@tailwindcss/typography': - specifier: 0.5.15 - version: 0.5.15(tailwindcss@3.4.17) astro: specifier: 5.1.1 version: 5.1.1(@types/node@22.9.0)(jiti@2.4.2)(rollup@4.28.0)(typescript@5.5.4) @@ -912,11 +909,6 @@ packages: '@shikijs/vscode-textmate@9.3.0': resolution: {integrity: sha512-jn7/7ky30idSkd/O5yDBfAnVt+JJpepofP/POZ1iMOxK59cOfqIgg/Dj0eFsjOTMw+4ycJN0uhZH/Eb0bs/EUA==} - '@tailwindcss/typography@0.5.15': - resolution: {integrity: sha512-AqhlCXl+8grUz8uqExv5OTtgpjuVIwFTSXTrh8y9/pw6q2ek7fJ+Y8ZEVw7EB2DCcuCOtEjf9w3+J3rzts01uA==} - peerDependencies: - tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20' - '@trysound/sax@0.2.0': resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==} engines: {node: '>=10.13.0'} @@ -1641,15 +1633,6 @@ packages: resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==} engines: {node: '>=8'} - lodash.castarray@4.4.0: - resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==} - - lodash.isplainobject@4.0.6: - resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==} - - lodash.merge@4.6.2: - resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==} - longest-streak@3.1.0: resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==} @@ -2061,10 +2044,6 @@ packages: peerDependencies: postcss: ^8.2.14 - postcss-selector-parser@6.0.10: - resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==} - engines: {node: '>=4'} - postcss-selector-parser@6.1.2: resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==} engines: {node: '>=4'} @@ -3320,14 +3299,6 @@ snapshots: '@shikijs/vscode-textmate@9.3.0': {} - '@tailwindcss/typography@0.5.15(tailwindcss@3.4.17)': - dependencies: - lodash.castarray: 4.4.0 - lodash.isplainobject: 4.0.6 - lodash.merge: 4.6.2 - postcss-selector-parser: 6.0.10 - tailwindcss: 3.4.17 - '@trysound/sax@0.2.0': {} '@types/aws-lambda@8.10.145': {} @@ -4219,12 +4190,6 @@ snapshots: dependencies: p-locate: 4.1.0 - lodash.castarray@4.4.0: {} - - lodash.isplainobject@4.0.6: {} - - lodash.merge@4.6.2: {} - longest-streak@3.1.0: {} lru-cache@10.4.3: {} @@ -4788,11 +4753,6 @@ snapshots: postcss: 8.4.49 postcss-selector-parser: 6.1.2 - postcss-selector-parser@6.0.10: - dependencies: - cssesc: 3.0.0 - util-deprecate: 1.0.2 - postcss-selector-parser@6.1.2: dependencies: cssesc: 3.0.0 From ca821a49bd6c096bec88998ed72715d60554f1a8 Mon Sep 17 00:00:00 2001 From: Adam Setch Date: Tue, 24 Dec 2024 10:33:56 +0100 Subject: [PATCH 3/4] feat: tailwind motion Signed-off-by: Adam Setch --- src/styles/app.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/app.css b/src/styles/app.css index 50d34c2..0e58498 100644 --- a/src/styles/app.css +++ b/src/styles/app.css @@ -10,4 +10,4 @@ a { .quote { @apply font-semibold italic; } -} \ No newline at end of file +} From 897536fff72a5a8baf2684b484fa1529181b6a6f Mon Sep 17 00:00:00 2001 From: Adam Setch Date: Tue, 24 Dec 2024 10:49:58 +0100 Subject: [PATCH 4/4] feat: tailwind motion Signed-off-by: Adam Setch --- src/components/Footer.astro | 13 +++---------- src/components/Hero.astro | 2 +- src/sections/Contributing.astro | 2 +- 3 files changed, 5 insertions(+), 12 deletions(-) diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 0aaef5d..ceaa6cc 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -2,29 +2,22 @@ import { Icon } from "astro-icon/components"; import { URLs, siteMetadata } from "~/constants"; - -const { currentPathname } = Astro.props; -const isHomepage = currentPathname === "/"; --- -
+
- Copyright © {siteMetadata.author.name} {new Date().getFullYear()}. diff --git a/src/components/Hero.astro b/src/components/Hero.astro index 6fdb27b..800cb6f 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -18,7 +18,7 @@ import { siteMetadata } from "~/constants";
{ openSourceLibs.map((item) => ( -
+