Remove comments from fly.toml for cleaner configuration

This commit is contained in:
2025-07-19 16:26:01 +02:00
parent 89e1683eee
commit 3b011bc463
10 changed files with 204 additions and 155 deletions

View File

@ -8,7 +8,7 @@
"name": "gallus-pub-v1",
"version": "0.0.1",
"dependencies": {
"astro": "^5.11.0"
"astro": "^5.12.0"
}
},
"node_modules/@astrojs/compiler": {
@ -24,9 +24,9 @@
"license": "MIT"
},
"node_modules/@astrojs/markdown-remark": {
"version": "6.3.2",
"resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-6.3.2.tgz",
"integrity": "sha512-bO35JbWpVvyKRl7cmSJD822e8YA8ThR/YbUsciWNA7yTcqpIAL2hJDToWP5KcZBWxGT6IOdOkHSXARSNZc4l/Q==",
"version": "6.3.3",
"resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-6.3.3.tgz",
"integrity": "sha512-DDRtD1sPvAuA7ms2btc9A7/7DApKqgLMNrE6kh5tmkfy8utD0Z738gqd3p5aViYYdUtHIyEJ1X4mCMxfCfu15w==",
"license": "MIT",
"dependencies": {
"@astrojs/internal-helpers": "0.6.1",
@ -44,7 +44,7 @@
"remark-rehype": "^11.1.2",
"remark-smartypants": "^3.0.2",
"shiki": "^3.2.1",
"smol-toml": "^1.3.1",
"smol-toml": "^1.3.4",
"unified": "^11.0.5",
"unist-util-remove-position": "^5.0.0",
"unist-util-visit": "^5.0.0",
@ -1227,60 +1227,60 @@
]
},
"node_modules/@shikijs/core": {
"version": "3.7.0",
"resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.7.0.tgz",
"integrity": "sha512-yilc0S9HvTPyahHpcum8eonYrQtmGTU0lbtwxhA6jHv4Bm1cAdlPFRCJX4AHebkCm75aKTjjRAW+DezqD1b/cg==",
"version": "3.8.1",
"resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.8.1.tgz",
"integrity": "sha512-uTSXzUBQ/IgFcUa6gmGShCHr4tMdR3pxUiiWKDm8pd42UKJdYhkAYsAmHX5mTwybQ5VyGDgTjW4qKSsRvGSang==",
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.7.0",
"@shikijs/types": "3.8.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.7.0",
"resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.7.0.tgz",
"integrity": "sha512-0t17s03Cbv+ZcUvv+y33GtX75WBLQELgNdVghnsdhTgU3hVcWcMsoP6Lb0nDTl95ZJfbP1mVMO0p3byVh3uuzA==",
"version": "3.8.1",
"resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.8.1.tgz",
"integrity": "sha512-rZRp3BM1llrHkuBPAdYAzjlF7OqlM0rm/7EWASeCcY7cRYZIrOnGIHE9qsLz5TCjGefxBFnwgIECzBs2vmOyKA==",
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.7.0",
"@shikijs/types": "3.8.1",
"@shikijs/vscode-textmate": "^10.0.2",
"oniguruma-to-es": "^4.3.3"
}
},
"node_modules/@shikijs/engine-oniguruma": {
"version": "3.7.0",
"resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.7.0.tgz",
"integrity": "sha512-5BxcD6LjVWsGu4xyaBC5bu8LdNgPCVBnAkWTtOCs/CZxcB22L8rcoWfv7Hh/3WooVjBZmFtyxhgvkQFedPGnFw==",
"version": "3.8.1",
"resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.8.1.tgz",
"integrity": "sha512-KGQJZHlNY7c656qPFEQpIoqOuC4LrxjyNndRdzk5WKB/Ie87+NJCF1xo9KkOUxwxylk7rT6nhlZyTGTC4fCe1g==",
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.7.0",
"@shikijs/types": "3.8.1",
"@shikijs/vscode-textmate": "^10.0.2"
}
},
"node_modules/@shikijs/langs": {
"version": "3.7.0",
"resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.7.0.tgz",
"integrity": "sha512-1zYtdfXLr9xDKLTGy5kb7O0zDQsxXiIsw1iIBcNOO8Yi5/Y1qDbJ+0VsFoqTlzdmneO8Ij35g7QKF8kcLyznCQ==",
"version": "3.8.1",
"resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.8.1.tgz",
"integrity": "sha512-TjOFg2Wp1w07oKnXjs0AUMb4kJvujML+fJ1C5cmEj45lhjbUXtziT1x2bPQb9Db6kmPhkG5NI2tgYW1/DzhUuQ==",
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.7.0"
"@shikijs/types": "3.8.1"
}
},
"node_modules/@shikijs/themes": {
"version": "3.7.0",
"resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.7.0.tgz",
"integrity": "sha512-VJx8497iZPy5zLiiCTSIaOChIcKQwR0FebwE9S3rcN0+J/GTWwQ1v/bqhTbpbY3zybPKeO8wdammqkpXc4NVjQ==",
"version": "3.8.1",
"resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.8.1.tgz",
"integrity": "sha512-Vu3t3BBLifc0GB0UPg2Pox1naTemrrvyZv2lkiSw3QayVV60me1ujFQwPZGgUTmwXl1yhCPW8Lieesm0CYruLQ==",
"license": "MIT",
"dependencies": {
"@shikijs/types": "3.7.0"
"@shikijs/types": "3.8.1"
}
},
"node_modules/@shikijs/types": {
"version": "3.7.0",
"resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.7.0.tgz",
"integrity": "sha512-MGaLeaRlSWpnP0XSAum3kP3a8vtcTsITqoEPYdt3lQG3YCdQH4DnEhodkYcNMcU0uW0RffhoD1O3e0vG5eSBBg==",
"version": "3.8.1",
"resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.8.1.tgz",
"integrity": "sha512-5C39Q8/8r1I26suLh+5TPk1DTrbY/kn3IdWA5HdizR0FhlhD05zx5nKCqhzSfDHH3p4S0ZefxWd77DLV+8FhGg==",
"license": "MIT",
"dependencies": {
"@shikijs/vscode-textmate": "^10.0.2",
@ -1517,14 +1517,14 @@
}
},
"node_modules/astro": {
"version": "5.11.0",
"resolved": "https://registry.npmjs.org/astro/-/astro-5.11.0.tgz",
"integrity": "sha512-MEICntERthUxJPSSDsDiZuwiCMrsaYy3fnDhp4c6ScUfldCB8RBnB/myYdpTFXpwYBy6SgVsHQ1H4MuuA7ro/Q==",
"version": "5.12.0",
"resolved": "https://registry.npmjs.org/astro/-/astro-5.12.0.tgz",
"integrity": "sha512-Oov5JsMFHuUmuO+Nx6plfv3nQNK1Xl/8CgLvR8lBhZTjYnraxhuPX5COVAzbom+YLgwaDfK7KBd8zOEopRf9mg==",
"license": "MIT",
"dependencies": {
"@astrojs/compiler": "^2.12.2",
"@astrojs/internal-helpers": "0.6.1",
"@astrojs/markdown-remark": "6.3.2",
"@astrojs/markdown-remark": "6.3.3",
"@astrojs/telemetry": "3.3.0",
"@capsizecss/unpack": "^2.4.0",
"@oslojs/encoding": "^1.1.0",
@ -1567,6 +1567,7 @@
"rehype": "^13.0.2",
"semver": "^7.7.1",
"shiki": "^3.2.1",
"smol-toml": "^1.3.4",
"tinyexec": "^0.3.2",
"tinyglobby": "^0.2.12",
"tsconfck": "^3.1.5",
@ -4075,17 +4076,17 @@
}
},
"node_modules/shiki": {
"version": "3.7.0",
"resolved": "https://registry.npmjs.org/shiki/-/shiki-3.7.0.tgz",
"integrity": "sha512-ZcI4UT9n6N2pDuM2n3Jbk0sR4Swzq43nLPgS/4h0E3B/NrFn2HKElrDtceSf8Zx/OWYOo7G1SAtBLypCp+YXqg==",
"version": "3.8.1",
"resolved": "https://registry.npmjs.org/shiki/-/shiki-3.8.1.tgz",
"integrity": "sha512-+MYIyjwGPCaegbpBeFN9+oOifI8CKiKG3awI/6h3JeT85c//H2wDW/xCJEGuQ5jPqtbboKNqNy+JyX9PYpGwNg==",
"license": "MIT",
"dependencies": {
"@shikijs/core": "3.7.0",
"@shikijs/engine-javascript": "3.7.0",
"@shikijs/engine-oniguruma": "3.7.0",
"@shikijs/langs": "3.7.0",
"@shikijs/themes": "3.7.0",
"@shikijs/types": "3.7.0",
"@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/vscode-textmate": "^10.0.2",
"@types/hast": "^3.0.4"
}

View File

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

View File

@ -1,6 +1,9 @@
---
// src/components/EventsGrid.astro
import HoverCard from "./HoverCard.astro";
interface Event {
image: string;
title: string;
date: Date;
description: string;
@ -11,17 +14,14 @@ import '/styles/components/EventsGrid.css';
<section class="events-gird container">
{events.map((event: Event) => (
<article class="event-card">
{events.map((event: Event) => (
<h3>{event.title}</h3>
<p class="date">{event.date}</p>
<p class="description">{event.description}</p>
</article>
))}
<HoverCard
title={event.title}
date={event.date}
description={event.description}
image={event.image}
/>
))}
</section>

View File

@ -1,21 +1,21 @@
---
// src/components/HoverCard.astro
const { title, description, image, link } = Astro.props;
import "../../styles/components/HoverCard.css"
const { title, description, image = "", date} = Astro.props;
---
<article class="hover-card">
<div class="image-container">
<img class="card-image" src={image} alt={title} />
</div>
<a href={link}>
<img src={image} alt={title} />
<div class="info">
<h3>{title}</h3>
<h3 class="card-title">{title}</h3>
<h4 class="card_date">{date}</h4>
<div class="hover-text">
<div>
<p>{description}</p>
</div>
</a>
</div>
</article>

View File

@ -14,7 +14,6 @@ import Footer from "./Footer.astro";
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Gallus Pub</title>
<link rel="stylesheet" href="/Gallus_Pub_v1/styles/index.css" />
</head>
<body>

View File

@ -8,10 +8,10 @@ import EventsGrid from '../components/EventsGrid.astro';
import Drinks from "../components/Drinks.astro";
const events = [
{ title: 'Karaoke Night', date: 'Mi, 23. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua' },
{ title: 'Pub Quiz', date: 'Fr, 25. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptuaLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua' },
{ title: 'Live-Musik', date: 'Sa, 26. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod' },
{ title: 'Cocktail-Abend', date: 'So, 27. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua' }
{image: '/images/Logo.png', title: 'Karaoke Night', date: 'Mi, 23. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua' },
{image: '/images/Logo.png', title: 'Pub Quiz', date: 'Fr, 25. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptuaLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua' },
{image: '/images/Logo.png', title: 'Live-Musik', date: 'Sa, 26. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod' },
{image: '/images/Logo.png', title: 'Cocktail-Abend', date: 'So, 27. Juli 2025', description: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua' }
];
---

View File

@ -1,57 +1,6 @@
.Drinks {
font-family: sans-serif;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 2rem;
text-align: center;
background-color: #fff;
color: #ceb39b;
padding: 2rem;
width: 100%;
}
.title {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.card-link {
border: 1px solid #000;
padding: 0.5rem 1rem;
margin-bottom: 2rem;
color: #fff;
background: linear-gradient(45deg, #ffa500, #ff7f00);
}
.monats-hit {
margin-bottom: 1rem;
}
.mate-vodka {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1rem;
}
.circle {
height: 6em;
width: 6em;
border: 2px solid #000;
border-radius: 50%;
margin: 1rem;
}
.circle-row {
display: flex;
justify-content: center;
gap: 2rem;
margin: 1rem 0;
}
.note {
margin-top: 2rem;
font-style: italic;
text-align: center;
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding: 2rem 0;
}

View File

@ -1,32 +1,20 @@
article {
margin-bottom: 1em;
.events-gird {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
padding: 2rem 0;
width: 100%;
}
.events-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 2rem;
margin: 3rem 0;
@media (min-width: 1600px) {
.events-gird {
justify-content: space-between;
}
}
.event-card {
background-color: #2a2a2a;
padding: 1.5rem;
border-radius: 8px;
transition: transform 0.2s;
}
.event-card:hover {
transform: translateY(-5px);
}
.event-card h3 {
margin-bottom: 0.5rem;
color: #ffa500;
}
.event-card .date {
font-size: 0.9rem;
color: #ccc;
margin-bottom: 1rem;
}
.event-card .description {
font-size: 1rem;
color: #eee;
@media (max-width: 1599px) {
.events-gird {
justify-content: space-around;
}
}

View File

@ -0,0 +1,112 @@
.hover-card {
position: relative;
width: 350px;
height: 400px;
border-radius: 8px;
background-color: #213b28;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
overflow: hidden;
margin: 1rem;
display: flex;
flex-direction: column;
}
.hover-card:hover {
transform: translateY(-5px);
}
.card-title {
padding: 15px 15px 5px 15px;
margin: 0;
color: #ceb39b;
font-size: 1.5rem;
text-align: center;
order: -2;
}
.card_date {
padding: 0 15px 15px 15px;
margin: 0;
color: #ceb39b;
font-size: 1rem;
text-align: center;
font-style: italic;
order: -1;
}
.image-container {
flex-grow: 1;
position: relative;
overflow: hidden;
}
.card-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.3s ease;
}
.hover-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(33, 59, 40, 0.95);
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
opacity: 0;
transition: opacity 0.3s ease;
}
.hover-text div {
color: #ceb39b;
text-align: center;
max-height: 100%;
width: 100%;
overflow-y: auto;
padding-right: 5px;
}
.hover-text div::-webkit-scrollbar {
width: 5px;
}
.hover-text div::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.hover-text div::-webkit-scrollbar-thumb {
background: #ceb39b;
border-radius: 10px;
}
.hover-text div {
scrollbar-width: thin;
scrollbar-color: #ceb39b rgba(0, 0, 0, 0.1);
}
.hover-card:hover .hover-text {
opacity: 1;
}
.hover-card:hover .card-image {
opacity: 0.1;
}
.hover-text p {
margin: 0;
padding: 0;
}
@media (max-width: 768px) {
.hover-card {
width: 100%;
max-width: 350px;
}
}

View File

@ -14,7 +14,7 @@ body {
/* === Container für zentralen Content === */
.container {
max-width: 1140px;
max-width: 1600px;
width: 90%;
margin: 0 auto;
padding: 0 1rem;
}