From 03671a4d3ed08114ce612d3d8e6a42a761757d2d Mon Sep 17 00:00:00 2001 From: k Date: Sat, 2 Aug 2025 13:31:48 +0200 Subject: [PATCH] Update styles and dependencies, improve Footer and Drinks components layout - **HoverCard improvements**: Adjusted dimensions and removed unused title styles for cleaner design. - **Footer layout**: Reorganized structure by repositioning the copyright section and updating its styles for better hierarchy. - **Drinks component**: Expanded circle dimensions and refined font-family fallback to include `serif`. - **Dependencies update**: Upgraded `astro` and related packages to their latest versions for security and performance enhancements. --- package-lock.json | 92 ++++++++++++++++----------------- package.json | 4 +- src/components/Footer.astro | 20 ++++--- src/components/HoverCard.astro | 3 -- styles/components/Drinks.css | 6 +-- styles/components/Footer.css | 6 +-- styles/components/HoverCard.css | 11 +--- 7 files changed, 64 insertions(+), 78 deletions(-) diff --git a/package-lock.json b/package-lock.json index cb9b17a..fc06ef1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7,7 +7,7 @@ "": { "version": "0.0.1", "dependencies": { - "astro": "^5.12.0" + "astro": "^5.12.8" } }, "node_modules/@astrojs/compiler": { @@ -17,18 +17,18 @@ "license": "MIT" }, "node_modules/@astrojs/internal-helpers": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.6.1.tgz", - "integrity": "sha512-l5Pqf6uZu31aG+3Lv8nl/3s4DbUzdlxTWDof4pEpto6GUJNhhCbelVi9dEyurOVyqaelwmS9oSyOWOENSfgo9A==", + "version": "0.7.1", + "resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.7.1.tgz", + "integrity": "sha512-7dwEVigz9vUWDw3nRwLQ/yH/xYovlUA0ZD86xoeKEBmkz9O6iELG1yri67PgAPW6VLL/xInA4t7H0CK6VmtkKQ==", "license": "MIT" }, "node_modules/@astrojs/markdown-remark": { - "version": "6.3.3", - "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-6.3.3.tgz", - "integrity": "sha512-DDRtD1sPvAuA7ms2btc9A7/7DApKqgLMNrE6kh5tmkfy8utD0Z738gqd3p5aViYYdUtHIyEJ1X4mCMxfCfu15w==", + "version": "6.3.5", + "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-6.3.5.tgz", + "integrity": "sha512-MiR92CkE2BcyWf3b86cBBw/1dKiOH0qhLgXH2OXA6cScrrmmks1Rr4Tl0p/lFpvmgQQrP54Pd1uidJfmxGrpWQ==", "license": "MIT", "dependencies": { - "@astrojs/internal-helpers": "0.6.1", + "@astrojs/internal-helpers": "0.7.1", "@astrojs/prism": "3.3.0", "github-slugger": "^2.0.0", "hast-util-from-html": "^2.0.3", @@ -1226,60 +1226,60 @@ ] }, "node_modules/@shikijs/core": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.8.1.tgz", - "integrity": "sha512-uTSXzUBQ/IgFcUa6gmGShCHr4tMdR3pxUiiWKDm8pd42UKJdYhkAYsAmHX5mTwybQ5VyGDgTjW4qKSsRvGSang==", + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.9.1.tgz", + "integrity": "sha512-W5Vwen0KJCtR7KFRo+3JLGAqLUPsfW7e+wZ4yaRBGIogwI9ZlnkpRm9ZV8JtfzMxOkIwZwMmmN0hNErLtm3AYg==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.8.1", + "@shikijs/types": "3.9.1", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4", "hast-util-to-html": "^9.0.5" } }, "node_modules/@shikijs/engine-javascript": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.8.1.tgz", - "integrity": "sha512-rZRp3BM1llrHkuBPAdYAzjlF7OqlM0rm/7EWASeCcY7cRYZIrOnGIHE9qsLz5TCjGefxBFnwgIECzBs2vmOyKA==", + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.9.1.tgz", + "integrity": "sha512-4hGenxYpAmtALryKsdli2K58F0s7RBYpj/RSDcAAGfRM6eTEGI5cZnt86mr+d9/4BaZ5sH5s4p3VU5irIdhj9Q==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.8.1", + "@shikijs/types": "3.9.1", "@shikijs/vscode-textmate": "^10.0.2", "oniguruma-to-es": "^4.3.3" } }, "node_modules/@shikijs/engine-oniguruma": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.8.1.tgz", - "integrity": "sha512-KGQJZHlNY7c656qPFEQpIoqOuC4LrxjyNndRdzk5WKB/Ie87+NJCF1xo9KkOUxwxylk7rT6nhlZyTGTC4fCe1g==", + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.9.1.tgz", + "integrity": "sha512-WPlL/xqviwS3te4unSGGGfflKsuHLMI6tPdNYvgz/IygcBT6UiwDFSzjBKyebwi5GGSlXsjjdoJLIBnAplmEZw==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.8.1", + "@shikijs/types": "3.9.1", "@shikijs/vscode-textmate": "^10.0.2" } }, "node_modules/@shikijs/langs": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.8.1.tgz", - "integrity": "sha512-TjOFg2Wp1w07oKnXjs0AUMb4kJvujML+fJ1C5cmEj45lhjbUXtziT1x2bPQb9Db6kmPhkG5NI2tgYW1/DzhUuQ==", + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.9.1.tgz", + "integrity": "sha512-Vyy2Yv9PP3Veh3VSsIvNncOR+O93wFsNYgN2B6cCCJlS7H9SKFYc55edsqernsg8WT/zam1cfB6llJsQWLnVhA==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.8.1" + "@shikijs/types": "3.9.1" } }, "node_modules/@shikijs/themes": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.8.1.tgz", - "integrity": "sha512-Vu3t3BBLifc0GB0UPg2Pox1naTemrrvyZv2lkiSw3QayVV60me1ujFQwPZGgUTmwXl1yhCPW8Lieesm0CYruLQ==", + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.9.1.tgz", + "integrity": "sha512-zAykkGECNICCMXpKeVvq04yqwaSuAIvrf8MjsU5bzskfg4XreU+O0B5wdNCYRixoB9snd3YlZ373WV5E/g5T9A==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.8.1" + "@shikijs/types": "3.9.1" } }, "node_modules/@shikijs/types": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.8.1.tgz", - "integrity": "sha512-5C39Q8/8r1I26suLh+5TPk1DTrbY/kn3IdWA5HdizR0FhlhD05zx5nKCqhzSfDHH3p4S0ZefxWd77DLV+8FhGg==", + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.9.1.tgz", + "integrity": "sha512-rqM3T7a0iM1oPKz9iaH/cVgNX9Vz1HERcUcXJ94/fulgVdwqfnhXzGxO4bLrAnh/o5CPLy3IcYedogfV+Ns0Qg==", "license": "MIT", "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", @@ -1516,14 +1516,14 @@ } }, "node_modules/astro": { - "version": "5.12.0", - "resolved": "https://registry.npmjs.org/astro/-/astro-5.12.0.tgz", - "integrity": "sha512-Oov5JsMFHuUmuO+Nx6plfv3nQNK1Xl/8CgLvR8lBhZTjYnraxhuPX5COVAzbom+YLgwaDfK7KBd8zOEopRf9mg==", + "version": "5.12.8", + "resolved": "https://registry.npmjs.org/astro/-/astro-5.12.8.tgz", + "integrity": "sha512-KkJ7FR+c2SyZYlpakm48XBiuQcRsrVtdjG5LN5an0givI/tLik+ePJ4/g3qrAVhYMjJOxBA2YgFQxANPiWB+Mw==", "license": "MIT", "dependencies": { "@astrojs/compiler": "^2.12.2", - "@astrojs/internal-helpers": "0.6.1", - "@astrojs/markdown-remark": "6.3.3", + "@astrojs/internal-helpers": "0.7.1", + "@astrojs/markdown-remark": "6.3.5", "@astrojs/telemetry": "3.3.0", "@capsizecss/unpack": "^2.4.0", "@oslojs/encoding": "^1.1.0", @@ -1580,7 +1580,7 @@ "xxhash-wasm": "^1.1.0", "yargs-parser": "^21.1.1", "yocto-spinner": "^0.2.1", - "zod": "^3.24.2", + "zod": "^3.24.4", "zod-to-json-schema": "^3.24.5", "zod-to-ts": "^1.2.0" }, @@ -4075,17 +4075,17 @@ } }, "node_modules/shiki": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.8.1.tgz", - "integrity": "sha512-+MYIyjwGPCaegbpBeFN9+oOifI8CKiKG3awI/6h3JeT85c//H2wDW/xCJEGuQ5jPqtbboKNqNy+JyX9PYpGwNg==", + "version": "3.9.1", + "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.9.1.tgz", + "integrity": "sha512-HogZ8nMnv9VAQMrG+P7BleJFhrKHm3fi6CYyHRbUu61gJ0lpqLr6ecYEui31IYG1Cn9Bad7N2vf332iXHnn0bQ==", "license": "MIT", "dependencies": { - "@shikijs/core": "3.8.1", - "@shikijs/engine-javascript": "3.8.1", - "@shikijs/engine-oniguruma": "3.8.1", - "@shikijs/langs": "3.8.1", - "@shikijs/themes": "3.8.1", - "@shikijs/types": "3.8.1", + "@shikijs/core": "3.9.1", + "@shikijs/engine-javascript": "3.9.1", + "@shikijs/engine-oniguruma": "3.9.1", + "@shikijs/langs": "3.9.1", + "@shikijs/themes": "3.9.1", + "@shikijs/types": "3.9.1", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } diff --git a/package.json b/package.json index 012303d..1b7f6f4 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,6 @@ "astro": "astro" }, "dependencies": { - "astro": "^5.12.0" + "astro": "^5.12.8" } -} \ No newline at end of file +} diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 6303767..6fa0089 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -6,10 +6,6 @@ const currentYear = new Date().getFullYear(); diff --git a/src/components/HoverCard.astro b/src/components/HoverCard.astro index 467d542..ffcb27f 100644 --- a/src/components/HoverCard.astro +++ b/src/components/HoverCard.astro @@ -9,9 +9,6 @@ const { title, description, image = "", date } = Astro.props; {title} -

-

{date}

-

diff --git a/styles/components/Drinks.css b/styles/components/Drinks.css index 40dc813..8457b00 100644 --- a/styles/components/Drinks.css +++ b/styles/components/Drinks.css @@ -1,5 +1,5 @@ .Drinks { - font-family: var(--font-family-primary); + font-family: var(--font-family-primary), serif; display: flex; flex-direction: column; align-items: center; @@ -81,8 +81,8 @@ } .circle { - height: 6em; - width: 6em; + height: 9em; + width: 9em; border: 2px solid var(--color-accent-beige); border-radius: 50%; margin: 0.5rem; diff --git a/styles/components/Footer.css b/styles/components/Footer.css index 96073ec..e40d77e 100644 --- a/styles/components/Footer.css +++ b/styles/components/Footer.css @@ -13,9 +13,9 @@ .copyright { text-align: center; - margin-bottom: 2rem; - padding-bottom: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); + margin-top: 2rem; + padding-top: 1rem; + border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-sections { diff --git a/styles/components/HoverCard.css b/styles/components/HoverCard.css index 1979ee2..74040e7 100644 --- a/styles/components/HoverCard.css +++ b/styles/components/HoverCard.css @@ -1,6 +1,6 @@ .hover-card { position: relative; - width: 350px; + width: 400px; height: 400px; border-radius: var(--border-radius); background-color: var(--color-accent-green); @@ -16,15 +16,6 @@ transform: translateY(-5px); } -.card-title { - padding: 15px 15px 5px 15px; - margin: 0; - color: var(--color-accent-beige); - font-size: var(--font-size-medium); - text-align: center; - order: -2; -} - .card_date { padding: 0 15px 15px 15px; margin: 0;