Kenzo/Gallus_Pub
2
1
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Update styles and dependencies, improve Footer and Drinks components layout

Browse Source 
- **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.
This commit is contained in:
k
2025-08-02 13:31:48 +02:00
parent 0a939975c3
commit 03671a4d3e
7 changed files with 64 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
package-lock.json generated
View File

@ -7,7 +7,7 @@
"": { "": {
"version": "0.0.1", "version": "0.0.1",
"dependencies": { "dependencies": {
"astro": "^5.12.0" "astro": "^5.12.8"
} }
}, },
"node_modules/@astrojs/compiler": { "node_modules/@astrojs/compiler": {
@ -17,18 +17,18 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/@astrojs/internal-helpers": { "node_modules/@astrojs/internal-helpers": {
"version": "0.6.1", "version": "0.7.1",
"resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.6.1.tgz", "resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.7.1.tgz",
"integrity": "sha512-l5Pqf6uZu31aG+3Lv8nl/3s4DbUzdlxTWDof4pEpto6GUJNhhCbelVi9dEyurOVyqaelwmS9oSyOWOENSfgo9A==", "integrity": "sha512-7dwEVigz9vUWDw3nRwLQ/yH/xYovlUA0ZD86xoeKEBmkz9O6iELG1yri67PgAPW6VLL/xInA4t7H0CK6VmtkKQ==",
"license": "MIT" "license": "MIT"
}, },
"node_modules/@astrojs/markdown-remark": { "node_modules/@astrojs/markdown-remark": {
"version": "6.3.3", "version": "6.3.5",
"resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-6.3.3.tgz", "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-6.3.5.tgz",
"integrity": "sha512-DDRtD1sPvAuA7ms2btc9A7/7DApKqgLMNrE6kh5tmkfy8utD0Z738gqd3p5aViYYdUtHIyEJ1X4mCMxfCfu15w==", "integrity": "sha512-MiR92CkE2BcyWf3b86cBBw/1dKiOH0qhLgXH2OXA6cScrrmmks1Rr4Tl0p/lFpvmgQQrP54Pd1uidJfmxGrpWQ==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@astrojs/internal-helpers": "0.6.1", "@astrojs/internal-helpers": "0.7.1",
"@astrojs/prism": "3.3.0", "@astrojs/prism": "3.3.0",
"github-slugger": "^2.0.0", "github-slugger": "^2.0.0",
"hast-util-from-html": "^2.0.3", "hast-util-from-html": "^2.0.3",
@ -1226,60 +1226,60 @@
] ]
}, },
"node_modules/@shikijs/core": { "node_modules/@shikijs/core": {
"version": "3.8.1", "version": "3.9.1",
"resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.8.1.tgz", "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.9.1.tgz",
"integrity": "sha512-uTSXzUBQ/IgFcUa6gmGShCHr4tMdR3pxUiiWKDm8pd42UKJdYhkAYsAmHX5mTwybQ5VyGDgTjW4qKSsRvGSang==", "integrity": "sha512-W5Vwen0KJCtR7KFRo+3JLGAqLUPsfW7e+wZ4yaRBGIogwI9ZlnkpRm9ZV8JtfzMxOkIwZwMmmN0hNErLtm3AYg==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@shikijs/types": "3.8.1", "@shikijs/types": "3.9.1",
"@shikijs/vscode-textmate": "^10.0.2", "@shikijs/vscode-textmate": "^10.0.2",
"@types/hast": "^3.0.4", "@types/hast": "^3.0.4",
"hast-util-to-html": "^9.0.5" "hast-util-to-html": "^9.0.5"
} }
}, },
"node_modules/@shikijs/engine-javascript": { "node_modules/@shikijs/engine-javascript": {
"version": "3.8.1", "version": "3.9.1",
"resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.8.1.tgz", "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.9.1.tgz",
"integrity": "sha512-rZRp3BM1llrHkuBPAdYAzjlF7OqlM0rm/7EWASeCcY7cRYZIrOnGIHE9qsLz5TCjGefxBFnwgIECzBs2vmOyKA==", "integrity": "sha512-4hGenxYpAmtALryKsdli2K58F0s7RBYpj/RSDcAAGfRM6eTEGI5cZnt86mr+d9/4BaZ5sH5s4p3VU5irIdhj9Q==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@shikijs/types": "3.8.1", "@shikijs/types": "3.9.1",
"@shikijs/vscode-textmate": "^10.0.2", "@shikijs/vscode-textmate": "^10.0.2",
"oniguruma-to-es": "^4.3.3" "oniguruma-to-es": "^4.3.3"
} }
}, },
"node_modules/@shikijs/engine-oniguruma": { "node_modules/@shikijs/engine-oniguruma": {
"version": "3.8.1", "version": "3.9.1",
"resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.8.1.tgz", "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.9.1.tgz",
"integrity": "sha512-KGQJZHlNY7c656qPFEQpIoqOuC4LrxjyNndRdzk5WKB/Ie87+NJCF1xo9KkOUxwxylk7rT6nhlZyTGTC4fCe1g==", "integrity": "sha512-WPlL/xqviwS3te4unSGGGfflKsuHLMI6tPdNYvgz/IygcBT6UiwDFSzjBKyebwi5GGSlXsjjdoJLIBnAplmEZw==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@shikijs/types": "3.8.1", "@shikijs/types": "3.9.1",
"@shikijs/vscode-textmate": "^10.0.2" "@shikijs/vscode-textmate": "^10.0.2"
} }
}, },
"node_modules/@shikijs/langs": { "node_modules/@shikijs/langs": {
"version": "3.8.1", "version": "3.9.1",
"resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.8.1.tgz", "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.9.1.tgz",
"integrity": "sha512-TjOFg2Wp1w07oKnXjs0AUMb4kJvujML+fJ1C5cmEj45lhjbUXtziT1x2bPQb9Db6kmPhkG5NI2tgYW1/DzhUuQ==", "integrity": "sha512-Vyy2Yv9PP3Veh3VSsIvNncOR+O93wFsNYgN2B6cCCJlS7H9SKFYc55edsqernsg8WT/zam1cfB6llJsQWLnVhA==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@shikijs/types": "3.8.1" "@shikijs/types": "3.9.1"
} }
}, },
"node_modules/@shikijs/themes": { "node_modules/@shikijs/themes": {
"version": "3.8.1", "version": "3.9.1",
"resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.8.1.tgz", "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.9.1.tgz",
"integrity": "sha512-Vu3t3BBLifc0GB0UPg2Pox1naTemrrvyZv2lkiSw3QayVV60me1ujFQwPZGgUTmwXl1yhCPW8Lieesm0CYruLQ==", "integrity": "sha512-zAykkGECNICCMXpKeVvq04yqwaSuAIvrf8MjsU5bzskfg4XreU+O0B5wdNCYRixoB9snd3YlZ373WV5E/g5T9A==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@shikijs/types": "3.8.1" "@shikijs/types": "3.9.1"
} }
}, },
"node_modules/@shikijs/types": { "node_modules/@shikijs/types": {
"version": "3.8.1", "version": "3.9.1",
"resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.8.1.tgz", "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.9.1.tgz",
"integrity": "sha512-5C39Q8/8r1I26suLh+5TPk1DTrbY/kn3IdWA5HdizR0FhlhD05zx5nKCqhzSfDHH3p4S0ZefxWd77DLV+8FhGg==", "integrity": "sha512-rqM3T7a0iM1oPKz9iaH/cVgNX9Vz1HERcUcXJ94/fulgVdwqfnhXzGxO4bLrAnh/o5CPLy3IcYedogfV+Ns0Qg==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@shikijs/vscode-textmate": "^10.0.2", "@shikijs/vscode-textmate": "^10.0.2",
@ -1516,14 +1516,14 @@
} }
}, },
"node_modules/astro": { "node_modules/astro": {
"version": "5.12.0", "version": "5.12.8",
"resolved": "https://registry.npmjs.org/astro/-/astro-5.12.0.tgz", "resolved": "https://registry.npmjs.org/astro/-/astro-5.12.8.tgz",
"integrity": "sha512-Oov5JsMFHuUmuO+Nx6plfv3nQNK1Xl/8CgLvR8lBhZTjYnraxhuPX5COVAzbom+YLgwaDfK7KBd8zOEopRf9mg==", "integrity": "sha512-KkJ7FR+c2SyZYlpakm48XBiuQcRsrVtdjG5LN5an0givI/tLik+ePJ4/g3qrAVhYMjJOxBA2YgFQxANPiWB+Mw==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@astrojs/compiler": "^2.12.2", "@astrojs/compiler": "^2.12.2",
"@astrojs/internal-helpers": "0.6.1", "@astrojs/internal-helpers": "0.7.1",
"@astrojs/markdown-remark": "6.3.3", "@astrojs/markdown-remark": "6.3.5",
"@astrojs/telemetry": "3.3.0", "@astrojs/telemetry": "3.3.0",
"@capsizecss/unpack": "^2.4.0", "@capsizecss/unpack": "^2.4.0",
"@oslojs/encoding": "^1.1.0", "@oslojs/encoding": "^1.1.0",
@ -1580,7 +1580,7 @@
"xxhash-wasm": "^1.1.0", "xxhash-wasm": "^1.1.0",
"yargs-parser": "^21.1.1", "yargs-parser": "^21.1.1",
"yocto-spinner": "^0.2.1", "yocto-spinner": "^0.2.1",
"zod": "^3.24.2", "zod": "^3.24.4",
"zod-to-json-schema": "^3.24.5", "zod-to-json-schema": "^3.24.5",
"zod-to-ts": "^1.2.0" "zod-to-ts": "^1.2.0"
}, },
@ -4075,17 +4075,17 @@
} }
}, },
"node_modules/shiki": { "node_modules/shiki": {
"version": "3.8.1", "version": "3.9.1",
"resolved": "https://registry.npmjs.org/shiki/-/shiki-3.8.1.tgz", "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.9.1.tgz",
"integrity": "sha512-+MYIyjwGPCaegbpBeFN9+oOifI8CKiKG3awI/6h3JeT85c//H2wDW/xCJEGuQ5jPqtbboKNqNy+JyX9PYpGwNg==", "integrity": "sha512-HogZ8nMnv9VAQMrG+P7BleJFhrKHm3fi6CYyHRbUu61gJ0lpqLr6ecYEui31IYG1Cn9Bad7N2vf332iXHnn0bQ==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@shikijs/core": "3.8.1", "@shikijs/core": "3.9.1",
"@shikijs/engine-javascript": "3.8.1", "@shikijs/engine-javascript": "3.9.1",
"@shikijs/engine-oniguruma": "3.8.1", "@shikijs/engine-oniguruma": "3.9.1",
"@shikijs/langs": "3.8.1", "@shikijs/langs": "3.9.1",
"@shikijs/themes": "3.8.1", "@shikijs/themes": "3.9.1",
"@shikijs/types": "3.8.1", "@shikijs/types": "3.9.1",
"@shikijs/vscode-textmate": "^10.0.2", "@shikijs/vscode-textmate": "^10.0.2",
"@types/hast": "^3.0.4" "@types/hast": "^3.0.4"
} }

4
package.json
View File

@ -9,6 +9,6 @@
"astro": "astro" "astro": "astro"
}, },
"dependencies": { "dependencies": {
"astro": "^5.12.0" "astro": "^5.12.8"
} }
} }

20
src/components/Footer.astro
View File

@ -6,10 +6,6 @@ const currentYear = new Date().getFullYear();
<footer class="footer"> <footer class="footer">
<div class="footer-content"> <div class="footer-content">
<div class="copyright">
&copy; {currentYear} Gallus Pub. Alle Rechte vorbehalten.
</div>
<div class="footer-sections"> <div class="footer-sections">
<div class="footer-section"> <div class="footer-section">
<h3>Öffnungszeiten</h3> <h3>Öffnungszeiten</h3>
@ -24,20 +20,22 @@ const currentYear = new Date().getFullYear();
<p>Gallus Pub</p> <p>Gallus Pub</p>
<p>Metzgergasse 13</p> <p>Metzgergasse 13</p>
<p>9000 St. Gallen</p> <p>9000 St. Gallen</p>
<p>Reservierungen via Whatsapp</p> <p>Email:</p>
<p><a href="tel:0772322770">077 232 27 70</a></p> <p><a href="mailto:info@gallus-pub.ch">info@gallus-pub.ch</a></p>
</div> </div>
<div class="footer-section"> <div class="footer-section">
<h3>Raumreservationen</h3> <h3>Raumreservationen</h3>
<p>Du planst einen Event?</p> <p>Du planst einen Event?</p>
<p>Der "St.Gallerruum" im 2.OG</p> <p>Der "St.Gallerruum" im 2.OG</p>
<p>kann gemietet werden.</p> <p>Kann gemietet werden.</p>
<br/> <p>Reservierungen via Whatsapp</p>
<p>Gerne öffnen wir auf Anfrage</p> <p><a href="tel:0772322770">077 232 27 70</a></p>
<p>auch ausserhalb unserer</p>
<p>Betriebszeiten.</p>
</div> </div>
</div>
<div class="copyright">
&copy; {currentYear} Gallus Pub. Alle Rechte vorbehalten.
</div> </div>
</div> </div>
</footer> </footer>

3
src/components/HoverCard.astro
View File

@ -9,9 +9,6 @@ const { title, description, image = "", date } = Astro.props;
<img class="card-image" src={image} alt={title} /> <img class="card-image" src={image} alt={title} />
</div> </div>
<h3 class="card-title" set:html={title} />
<h4 class="card_date">{date}</h4>
<div class="hover-text"> <div class="hover-text">
<p set:html={description} /> <p set:html={description} />
</div> </div>

6
styles/components/Drinks.css
View File

@ -1,5 +1,5 @@
.Drinks { .Drinks {
font-family: var(--font-family-primary); font-family: var(--font-family-primary), serif;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -81,8 +81,8 @@
} }
.circle { .circle {
height: 6em; height: 9em;
width: 6em; width: 9em;
border: 2px solid var(--color-accent-beige); border: 2px solid var(--color-accent-beige);
border-radius: 50%; border-radius: 50%;
margin: 0.5rem; margin: 0.5rem;

6
styles/components/Footer.css
View File

@ -13,9 +13,9 @@
.copyright { .copyright {
text-align: center; text-align: center;
margin-bottom: 2rem; margin-top: 2rem;
padding-bottom: 1rem; padding-top: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1);
} }
.footer-sections { .footer-sections {

11
styles/components/HoverCard.css
View File

@ -1,6 +1,6 @@
.hover-card { .hover-card {
position: relative; position: relative;
width: 350px; width: 400px;
height: 400px; height: 400px;
border-radius: var(--border-radius); border-radius: var(--border-radius);
background-color: var(--color-accent-green); background-color: var(--color-accent-green);
@ -16,15 +16,6 @@
transform: translateY(-5px); 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 { .card_date {
padding: 0 15px 15px 15px; padding: 0 15px 15px 15px;
margin: 0; margin: 0;