file structure

This commit is contained in:
bronku 2026-05-13 12:44:06 +02:00
parent 77a27de73c
commit a206518367
1125 changed files with 34 additions and 39 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 594 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 504 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 592 KiB

View file

@ -0,0 +1,85 @@
# Design System Document: Artisanal Elegance
## 1. Overview & Creative North Star
### Creative North Star: "The Confectioner’s Gallery"
This design system is not a mere utility; it is a digital extension of the physical 'Piekarnik Gosi' experience. It treats every interface as a curated display case, mirroring the warmth of a family-owned bakery and the precision of a high-end pâtisserie.
To break the "template" look common in local business sites, this system rejects rigid grids in favor of **Intentional Editorial Asymmetry**. We lean into overlapping elements—such as a product image bleeding off-center into a text block—to mimic the organic arrangement of cakes on a counter. The visual language is defined by high-contrast typography scales, where massive, elegant serifs meet delicate, airy sans-serifs, creating an atmosphere that is both approachable and elite.
---
## 2. Colors
The palette is derived from the shop's interior: sage greens, dusty roses, and warm creams. This is a tonal system designed for warmth.
### The "No-Line" Rule
**Explicit Instruction:** Designers are prohibited from using 1px solid borders to define sections. Boundaries must be defined solely through background color shifts. For example, a section using `surface-container-low` (#faf3e7) should sit directly against a `surface` (#fff8f0) background. This creates a soft, "dipped" effect rather than a harsh, boxed-in feel.
### Surface Hierarchy & Nesting
Treat the UI as physical layers of fine vellum paper. Use the surface tiers to create "nested" depth:
- **Base Level:** `surface` (#fff8f0) for the main body.
- **Sectioning:** `surface-container-low` (#faf3e7) for large background blocks (e.g., the "Our Story" section).
- **Interactive Layers:** `surface-container-highest` (#eae2d2) for secondary cards or floating menus to define importance through tonal weight.
### The "Glass & Gradient" Rule
To move beyond a flat, "standard" UI, use Glassmorphism for floating elements (like a navigation bar or a "Quick Cart"). Utilize semi-transparent surface colors with a `backdrop-blur` of 12px-20px.
**Signature CTA Polish:** Use subtle linear gradients for primary actions, transitioning from `primary` (#8c4d50) to `primary-container` (#fcacaf). This adds "visual soul" and a velvet-like texture that flat colors cannot replicate.
---
## 3. Typography
The typography strategy balances the "Tradition" of the bakery with the "Clarity" of a modern cafe menu.
- **Display & Headlines (Noto Serif):** These are our "Artisanal" markers. Use large scales (e.g., `display-lg` at 3.5rem) with tighter letter-spacing for a high-end editorial look. Italics should be used sparingly for "O nas" or "Nasze Wyroby" to evoke a handwritten, personal touch.
- **Titles & Body (Plus Jakarta Sans):** This is our "Modern Service" layer. It provides high legibility. `title-lg` is your workhorse for product names, while `body-md` ensures the ingredients list is readable at any age.
The hierarchy conveys the brand: The Serif speaks to the *quality* of the recipe; the Sans-Serif speaks to the *friendliness* of the service.
---
## 4. Elevation & Depth
We eschew structural lines for **Tonal Layering**.
- **The Layering Principle:** Stack containers to create lift. Place a `surface-container-lowest` (#ffffff) card on a `surface-container-low` (#faf3e7) section. This mimics the way a white pastry box sits on a cream-colored wooden table.
- **Ambient Shadows:** For "floating" elements (like a cupcake selection modal), use extra-diffused shadows.
- *Formula:* `0px 12px 32px rgba(54, 50, 39, 0.06)`. Note the color is a tinted version of `on-surface`, never pure black.
- **The "Ghost Border" Fallback:** If a border is required for accessibility, it must be a "Ghost Border": use `outline-variant` (#b9b1a3) at **15% opacity**. 100% opaque borders are strictly forbidden.
- **Soft Geometry:** Utilize the `lg` (2rem) and `xl` (3rem) roundedness tokens. This mimics the scalloped wall details and rounded seating seen in the 'Piekarnik Gosi' interior.
---
## 5. Components
### Buttons
- **Primary:** Rounded `full` (9999px). Gradient background (`primary` to `primary-container`). Label in `on-primary` (#fff7f6).
- **Secondary:** Surface-colored with a "Ghost Border." High-quality hover state: a subtle shift to `surface-container-high`.
### Cards & Lists
- **Rule:** Absolute prohibition of divider lines.
- **Implementation:** Use vertical whitespace (refer to Spacing Scale) and background shifts. A product list should be a sequence of `surface-container-lowest` tiles floating on a `surface` background.
- **Bakery Icons:** Use custom line-art icons (Cupcakes, Whisks) in the `primary` color, but place them within a `secondary-container` (#e0f5cb) circle to create a "stamp" effect.
### Selection Chips
- Use the `md` (1.5rem) roundedness. Use `secondary-container` for the "Active" state to bring in the sage green from the shop’s beams and window frames.
### Input Fields
- Avoid the "boxed" look. Use `surface-container-highest` as a solid background fill with a bottom-only `outline` at 20% opacity. This feels more like a chic, handwritten menu.
---
## 6. Do’s and Don'ts
### Do:
* **Embrace Whitespace:** Let the "Cream" background breathe. High-end design is defined by what isn't there.
* **Layer Tones:** Always ask "Can I use a color shift instead of a line?"
* **Iconography with Intent:** Use bakery-specific icons to reinforce the family-oriented, artisanal nature.
* **Asymmetric Layouts:** Place a large serif heading on the left and a product image slightly overlapping it on the right.
### Don't:
* **Don't use pure black (#000000):** Use `on-background` (#363227) for text to maintain a warm, organic feel.
* **Don't use hard corners:** Every element should feel as soft as a pastry. Minimum corner radius is `sm` (0.5rem), but aim for `lg` (2rem).
* **Don't use heavy shadows:** If the shadow looks "dirty" or "heavy," reduce the opacity. It should feel like morning light in a coffee shop.
* **Don't use standard Dividers:** If you need to separate content, use a change in background color or a 48px-64px vertical gap.

View file

@ -0,0 +1,278 @@
<!DOCTYPE html>
<html lang="pl"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Piekarnik Gosi | Tradycja i Słodkość</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&amp;family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<script id="tailwind-config">
tailwind.config = {
darkMode: "class",
theme: {
extend: {
"colors": {
"background": "#fff8f0",
"outline": "#807a6d",
"on-secondary-container": "#4c5e3e",
"surface-container-lowest": "#ffffff",
"tertiary-fixed": "#f8d472",
"primary-dim": "#7e4145",
"inverse-primary": "#f9a9ac",
"surface-variant": "#eae2d2",
"on-secondary-fixed": "#3b4b2d",
"surface-tint": "#8c4d50",
"primary-fixed": "#fcacaf",
"on-secondary": "#edffd9",
"outline-variant": "#b9b1a3",
"on-primary-container": "#622b2f",
"error-dim": "#821a01",
"secondary-container": "#e0f5cb",
"on-secondary-fixed-variant": "#566847",
"error-container": "#fa7150",
"on-background": "#363227",
"on-tertiary-fixed": "#463600",
"secondary-dim": "#475839",
"on-secondary-fixed-variant": "#566847",
"error-container": "#fa7150",
"on-background": "#363227",
"on-tertiary-fixed": "#463600",
"secondary-dim": "#475839",
"on-tertiary": "#fff8ef",
"tertiary-dim": "#675000",
"primary": "#8c4d50",
"primary-fixed-dim": "#ed9fa2",
"error": "#aa371c",
"on-surface": "#363227",
"surface": "#fff8f0",
"surface-container-low": "#faf3e7",
"surface-container-highest": "#eae2d2",
"primary-container": "#fcacaf"
},
"borderRadius": {
"DEFAULT": "1rem",
"lg": "2rem",
"xl": "3rem",
"full": "9999px"
},
"fontFamily": {
"headline": ["Noto Serif"],
"body": ["Plus Jakarta Sans"],
"label": ["Plus Jakarta Sans"]
}
},
},
}
</script>
<style>
body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #fff8f0; color: #363227; }
.font-serif { font-family: 'Noto Serif', serif; }
.glass-nav { backdrop-filter: blur(20px); }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
</style>
</head>
<body class="bg-background text-on-background">
<!-- TopAppBar from JSON -->
<nav class="bg-[#fff8f0]/80 dark:bg-[#1a1c18]/80 backdrop-blur-xl docked full-width top-0 sticky z-50">
<div class="flex justify-between items-center w-full px-8 py-4 max-w-7xl mx-auto">
<div class="text-2xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<div class="hidden md:flex items-center gap-8">
<a class="text-[#8c4d50] dark:text-[#fcacaf] font-bold border-b-2 border-[#8c4d50] dark:border-[#fcacaf] pb-1 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300" href="#">Strona Główna</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300" href="#">Wyroby</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300" href="#">Portfolio</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300" href="#">Kawiarnia</a>
</div>
<button class="bg-gradient-to-r from-primary to-primary-container text-on-primary px-8 py-2.5 rounded-full font-medium scale-95 transition-transform duration-200 hover:scale-100">
Kontakt
</button>
</div>
</nav>
<main>
<!-- Section 1: Hero -->
<section class="relative min-h-[870px] flex items-center px-8 overflow-hidden">
<div class="max-w-7xl mx-auto w-full grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<div class="z-10 order-2 md:order-1">
<h1 class="font-serif text-5xl md:text-7xl font-bold leading-tight text-on-background tracking-tight mb-6">
Handcrafted <span class="text-primary italic">Sweetness</span> for Every Moment.
</h1>
<p class="text-lg text-on-surface-variant max-w-md mb-10 leading-relaxed">
Discover the magic of traditional baking combined with modern elegance. From our family oven to your special celebrations.
</p>
<div class="flex gap-4">
<button class="bg-gradient-to-r from-primary to-primary-container text-on-primary px-10 py-4 rounded-full font-semibold shadow-lg hover:opacity-90 transition-all">
Explore Menu
</button>
<button class="bg-surface-container-highest/50 backdrop-blur-sm text-on-surface px-10 py-4 rounded-full font-semibold hover:bg-surface-container-highest transition-all">
Our Story
</button>
</div>
</div>
<div class="relative order-1 md:order-2">
<div class="w-full aspect-[4/5] rounded-xl overflow-hidden shadow-2xl relative rotate-2 hover:rotate-0 transition-transform duration-700">
<img class="w-full h-full object-cover" data-alt="Close-up of a luxurious tiered vanilla cake decorated with fresh blush pink peonies and delicate gold leaf accents on a marble stand" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBE3FQZijxp08QlNadylovmWbx1w5egmxTQrUo3H6tLQXTVk4ew1BFeh1m4pnvQ1DT7RGJtEvkjcwX00cLtFQnxS6hJKWSiOcTm9HTc9sHD4njGlhUS4zLXsqTBpH-i6knzGR2YHVAkRw45fd8eSQi-gA70g1Up858JEfh8374p_a5FWF1UHiqH_g6Ktuem6p24CF7P_gtZB-63DbHKioVDmoYyAnyee0MUB-T3Xs4B5aZrpwlIR9wXlmlREC-Z7k4sB0v1tjeHzi1K"/>
</div>
<div class="absolute -bottom-6 -left-6 bg-secondary-container p-6 rounded-lg shadow-xl hidden md:block max-w-[200px]">
<span class="material-symbols-outlined text-on-secondary-container text-3xl mb-2">cake</span>
<p class="text-on-secondary-container font-serif italic text-lg">Baked daily with love.</p>
</div>
</div>
</div>
<!-- Background Decorative Elements -->
<div class="absolute top-0 right-0 w-1/3 h-full bg-surface-container-low -z-10 rounded-l-[10rem]"></div>
</section>
<!-- Section 2: Our Story (Intentional Editorial Asymmetry) -->
<section class="py-24 bg-surface-container-low overflow-hidden">
<div class="max-w-7xl mx-auto px-8 grid grid-cols-1 md:grid-cols-12 gap-8 items-center">
<div class="md:col-span-7 relative">
<div class="relative z-10 w-4/5 aspect-video rounded-xl overflow-hidden shadow-xl">
<img class="w-full h-full object-cover" data-alt="Warm and inviting interior of a modern artisanal bakery with soft sage green accents, wooden tables, and morning sunlight streaming through windows" src="https://lh3.googleusercontent.com/aida-public/AB6AXuC2cNd0cg6ISbftWH4JrfHpA2_8UK9V99Z3wbcDm2ss5EX1D6b1IRzG590D7U9CDXqkDx9C0ocLWOfzVjEr-Lt7pQ6NTt95qFvUeyMjxu5gJXSeqn_MTtskiZzAp9F2qlgt3OR1Dn0ewGxn9BZsmCqaOgwOPVauocZXitjCT3vUdMM6T4JTkGY1spwDs_Au1fxxVx7jfCGQlpQ8EYnAdzGfniEzbtREnIre-Tg5cItxEydaS_GqGYqMCoGTEGKMEfvxJtqkUJ7d8dHO"/>
</div>
<div class="absolute -bottom-12 right-0 w-1/2 aspect-square rounded-xl overflow-hidden shadow-2xl z-20 border-8 border-surface-container-low">
<img class="w-full h-full object-cover" data-alt="Hands of an artisan baker dusting flour over freshly shaped sourdough loaves in a rustic kitchen setting" src="https://lh3.googleusercontent.com/aida-public/AB6AXuAqrh_BHq7lkBpSNEXX4Z8rHM5E3SyLjQIdJCT8K9y9hcrGsC31sjR_Y9eaQzdqUWgZeNa6xZVNiFSiUWbkPqB-LMtnlK1dd9-SEWrIM7BMrgb5oF5PYqTwcbjXd169J-HOpgjVzT1p-FTDlaptuRFj_fUntIGnbZ39tJGvbMuxyqbyJlMAk8h30D12rXqLEIKNZFNaWQdJTxWYg-TbFQqMa1sMsnT9x-GiEMaMBHbtpz27UdEz5Le7XM5J2jhWpBA26a_tk5gTRqpE"/>
</div>
</div>
<div class="md:col-span-5 md:pl-12 mt-16 md:mt-0">
<span class="text-primary font-bold tracking-widest text-sm uppercase mb-4 block">Tradition &amp; Heart</span>
<h2 class="font-serif text-4xl md:text-5xl font-bold mb-8 leading-tight">A Legacy of Flour and Sugar</h2>
<p class="text-on-surface-variant leading-relaxed mb-6">
Piekarnik Gosi started as a small family dream in our home kitchen. Today, we continue to honor the same recipes passed down through generations, ensuring every pastry carries the warmth of home.
</p>
<p class="text-on-surface-variant leading-relaxed">
We believe that the best ingredients are found close to home, which is why we source our flour, eggs, and dairy from local farmers who share our passion for quality.
</p>
</div>
</div>
</section>
<!-- Section 3: Featured Delights (Bento Grid) -->
<section class="py-24 px-8 max-w-7xl mx-auto">
<div class="text-center mb-16">
<h2 class="font-serif text-4xl md:text-5xl font-bold mb-4">Our Featured Delights</h2>
<div class="h-1 w-24 bg-primary mx-auto rounded-full"></div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Artisanal Cakes -->
<div class="group bg-surface-container-lowest rounded-xl overflow-hidden transition-all duration-500 hover:-translate-y-2">
<div class="aspect-[4/3] overflow-hidden">
<img class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" data-alt="Rich chocolate ganache cake topped with fresh raspberries and dark chocolate shavings on a minimalist ceramic plate" src="https://lh3.googleusercontent.com/aida-public/AB6AXuC__6jZhqvNUqUMwUy1qeVnEcIOpIZhKqoZXaZF_rDqaFEqiMt7zCDms8Y7gudDnAbFzuW3hOIOQZPc6FWnKxApY57_Kq4i-vn2P7lh8TRTxRLmNwhz5lOOd3s_RpUASmfuyXiwhHQEwkHxnOQRZoo9biPu3ttrZB8ALVvVUO2n75rAIuedqfkl8wwWQkl1xmPtnwndro_3Su1UPNBTEyXEaX9HT40k6XGFMWn__a8Y8jQTuiUn9TA4qQZ88OncskEp12pJx73MI4ZA"/>
</div>
<div class="p-8">
<h3 class="font-serif text-2xl font-bold mb-3">Artisanal Cakes</h3>
<p class="text-on-surface-variant mb-6 text-sm">Perfectly balanced flavors and textures for your afternoon tea or celebration.</p>
<button class="flex items-center gap-2 text-primary font-bold group-hover:gap-4 transition-all">
Browse Cakes <span class="material-symbols-outlined">arrow_forward</span>
</button>
</div>
</div>
<!-- Birthday Creations -->
<div class="group bg-secondary-container/30 rounded-xl overflow-hidden transition-all duration-500 hover:-translate-y-2 border border-outline-variant/10">
<div class="aspect-[4/3] overflow-hidden">
<img class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" data-alt="Whimsical colorful birthday cake with pastel sprinkles and a single elegant candle set against a soft bokeh background" src="https://lh3.googleusercontent.com/aida-public/AB6AXuCET-MFzPmiwlj47TqU3wN7E5vcStjKjwCNjJpljzrL_s6cPdijpJATzQP8GmXmKArqWQH4T0hMCBikeOn-LatDFGk3LK2_0R8w3yB9F2aYhPA1MaNpoS8a0yuXjuem049S3TaHh_JVpM7huRnai56xYI6KbK7eoNtVWUEfycNEgemJAO4dmrqi-E_6RxaLU8JhOG6RWJ8K1ja3TUFr_6cxAJS0JijA_CHbxbs4GyyA7OmJprfho8jzmui-iOymcewvn6M_hmB6KK5w"/>
</div>
<div class="p-8">
<h3 class="font-serif text-2xl font-bold mb-3">Birthday Creations</h3>
<p class="text-on-surface-variant mb-6 text-sm">Custom designs that turn every birthday into an unforgettable masterpiece.</p>
<button class="flex items-center gap-2 text-primary font-bold group-hover:gap-4 transition-all">
Order Custom <span class="material-symbols-outlined">arrow_forward</span>
</button>
</div>
</div>
<!-- Homemade Gelato -->
<div class="group bg-surface-container-lowest rounded-xl overflow-hidden transition-all duration-500 hover:-translate-y-2">
<div class="aspect-[4/3] overflow-hidden">
<img class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700" data-alt="Scoops of creamy homemade pistachio and strawberry gelato in a classic waffle cone held against a summer garden background" src="https://lh3.googleusercontent.com/aida-public/AB6AXuA-lIqaWJLlLLX7Mi9zUlrBqv_RDSjUfgg1kzyMRM2RbOkYkyfI6SyVZwRuuidAcpaOtzTacBXfk8bgJ0CBfQJvT5TYPnwmd0eOdA6FxNsxiyutlMy6qxgnomRc0bgGY2YOgDQjRypyOgs522uts9x8SjcYNqh3amRZ8qkZB70dWLN7COIT2kbwlJSuFLMSMk7BAowoXdsW2tjnk8YvnbSGMCHBbRv3WIUtorAan_QxFVqQwWcHP6iLmM90jfMeDJ-p7bmuZwhKWNNN"/>
</div>
<div class="p-8">
<h3 class="font-serif text-2xl font-bold mb-3">Homemade Gelato</h3>
<p class="text-on-surface-variant mb-6 text-sm">Crafted in small batches using real fruit and the finest Italian techniques.</p>
<button class="flex items-center gap-2 text-primary font-bold group-hover:gap-4 transition-all">
View Flavors <span class="material-symbols-outlined">arrow_forward</span>
</button>
</div>
</div>
</div>
</section>
<!-- Section 4: Visit Our Coffee Shop -->
<section class="py-24 bg-secondary-container">
<div class="max-w-7xl mx-auto px-8">
<div class="bg-surface/60 backdrop-blur-md rounded-xl p-8 md:p-16 grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<div>
<div class="inline-flex items-center gap-2 px-4 py-1 rounded-full bg-secondary text-on-secondary text-sm font-medium mb-6">
<span class="material-symbols-outlined text-sm">coffee</span> Cozy Atmosphere
</div>
<h2 class="font-serif text-4xl md:text-5xl font-bold mb-6 text-on-secondary-container">Your Second Home</h2>
<p class="text-on-secondary-container opacity-80 text-lg leading-relaxed mb-8">
Step into a space where time slows down. Enjoy our specialty coffee paired with a freshly baked croissant in a serene setting inspired by nature.
</p>
<div class="space-y-4">
<div class="flex items-center gap-4">
<div class="w-10 h-10 rounded-full bg-secondary/20 flex items-center justify-center">
<span class="material-symbols-outlined text-secondary">wifi</span>
</div>
<span class="font-medium text-on-secondary-container">Free High-Speed Wi-Fi</span>
</div>
<div class="flex items-center gap-4">
<div class="w-10 h-10 rounded-full bg-secondary/20 flex items-center justify-center">
<span class="material-symbols-outlined text-secondary">pets</span>
</div>
<span class="font-medium text-on-secondary-container">Pet Friendly Garden</span>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap-4">
<div class="rounded-xl overflow-hidden h-64">
<img class="w-full h-full object-cover" data-alt="Barista pouring latte art with a perfect heart shape into a sage green ceramic cup" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDcwJC5HCSbD6sFQUtQO2Vup1_MLs8d5gh2lsBXgitbbnV6xYW10z-sqVh_q4dYeXgejPdBmucv1HnBfJwZgnTx7Wwa7yxsDESvlOPaRvwW-P9CtS47HG8tNnlGEQCmPWHTmLHdiXuOu3dcPLeYVxJpGP89zGRitQEBX93iYk4qFjr8LColfvuS3gY8qeb2yI-v33HcZ-Q8piA0UDbF5bp6EKRzx685Jn84wDqRoEBig4s0KFcfieJq1g3N7Z7OuQ7DX0mPBz3Nqze2"/>
</div>
<div class="rounded-xl overflow-hidden h-64 mt-8">
<img class="w-full h-full object-cover" data-alt="A cozy corner of the cafe with velvet pink chairs and small round wooden tables by a large window" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBVZuG1_6XqUb-zykYUBiCgw6ifTDcYED6cTfpHob5TsLS-R9eg6CS9NkdO7vRuPNUe0YnWeijPheJCivxkiCPj3Fb81Zi3WAS4HRhu_A11C_bIETcdJxXoOXqT4dIsgqC0HTFwABSqWvUSUZUs7ViCZMAiP9ib4FoMtIx7YXJ_1aSPF_eK9jdQQZ74wC_fU-ZOsjxTokwg07ZMz2i6by-wCkCX6dyd2a1ZsCNL6Ns-Ps5-BLuGuuOTBXE1R-Fk09HWk0UoV-TwJ1Z1"/>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer from JSON -->
<footer class="bg-[#faf3e7] dark:bg-[#1a1c18] full-width rounded-t-[3rem] mt-12">
<div class="flex flex-col md:flex-row justify-between items-start w-full px-12 py-16 gap-8 max-w-7xl mx-auto">
<div class="space-y-4 max-w-sm">
<div class="text-xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<p class="text-sm font-body text-[#363227] dark:text-[#e6e2d9] opacity-80 leading-relaxed">
Tradycja spotyka nowoczesność w każdej okruszynie. Zapraszamy do naszej kawiarni na chwilę zapomnienia.
</p>
<div class="flex gap-4">
<a class="w-10 h-10 rounded-full bg-surface-variant flex items-center justify-center text-primary hover:scale-110 transition-transform" href="#">
<span class="material-symbols-outlined">share</span>
</a>
<a class="w-10 h-10 rounded-full bg-surface-variant flex items-center justify-center text-primary hover:scale-110 transition-transform" href="#">
<span class="material-symbols-outlined">location_on</span>
</a>
</div>
</div>
<div class="grid grid-cols-2 gap-12">
<div class="space-y-4">
<h4 class="font-serif font-bold text-[#8c4d50]">Nawigacja</h4>
<ul class="space-y-2 text-sm font-body">
<li><a class="text-[#363227] dark:text-[#e6e2d9] hover:opacity-70 transition-opacity" href="#">O nas</a></li>
<li><a class="text-[#363227] dark:text-[#e6e2d9] hover:opacity-70 transition-opacity" href="#">Alergeny</a></li>
<li><a class="text-[#363227] dark:text-[#e6e2d9] hover:opacity-70 transition-opacity" href="#">Regulamin</a></li>
<li><a class="text-[#363227] dark:text-[#e6e2d9] hover:opacity-70 transition-opacity" href="#">Polityka Prywatności</a></li>
</ul>
</div>
<div class="space-y-4">
<h4 class="font-serif font-bold text-[#8c4d50]">Kontakt</h4>
<p class="text-sm font-body text-[#363227] dark:text-[#e6e2d9] opacity-80">
ul. Słodka 12<br/>
00-001 Warszawa<br/>
+48 123 456 789
</p>
</div>
</div>
<div class="w-full md:w-auto pt-8 border-t border-outline-variant/20 md:border-t-0">
<p class="text-xs font-body text-[#363227] dark:text-[#e6e2d9] opacity-60">
© 2024 Piekarnik Gosi. Tradycja i Słodkość.
</p>
</div>
</div>
</footer>
</body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 588 KiB

View file

@ -0,0 +1,85 @@
# Design System Document: Artisanal Elegance
## 1. Overview & Creative North Star
### Creative North Star: "The Confectioner’s Gallery"
This design system is not a mere utility; it is a digital extension of the physical 'Piekarnik Gosi' experience. It treats every interface as a curated display case, mirroring the warmth of a family-owned bakery and the precision of a high-end pâtisserie.
To break the "template" look common in local business sites, this system rejects rigid grids in favor of **Intentional Editorial Asymmetry**. We lean into overlapping elements—such as a product image bleeding off-center into a text block—to mimic the organic arrangement of cakes on a counter. The visual language is defined by high-contrast typography scales, where massive, elegant serifs meet delicate, airy sans-serifs, creating an atmosphere that is both approachable and elite.
---
## 2. Colors
The palette is derived from the shop's interior: sage greens, dusty roses, and warm creams. This is a tonal system designed for warmth.
### The "No-Line" Rule
**Explicit Instruction:** Designers are prohibited from using 1px solid borders to define sections. Boundaries must be defined solely through background color shifts. For example, a section using `surface-container-low` (#faf3e7) should sit directly against a `surface` (#fff8f0) background. This creates a soft, "dipped" effect rather than a harsh, boxed-in feel.
### Surface Hierarchy & Nesting
Treat the UI as physical layers of fine vellum paper. Use the surface tiers to create "nested" depth:
- **Base Level:** `surface` (#fff8f0) for the main body.
- **Sectioning:** `surface-container-low` (#faf3e7) for large background blocks (e.g., the "Our Story" section).
- **Interactive Layers:** `surface-container-highest` (#eae2d2) for secondary cards or floating menus to define importance through tonal weight.
### The "Glass & Gradient" Rule
To move beyond a flat, "standard" UI, use Glassmorphism for floating elements (like a navigation bar or a "Quick Cart"). Utilize semi-transparent surface colors with a `backdrop-blur` of 12px-20px.
**Signature CTA Polish:** Use subtle linear gradients for primary actions, transitioning from `primary` (#8c4d50) to `primary-container` (#fcacaf). This adds "visual soul" and a velvet-like texture that flat colors cannot replicate.
---
## 3. Typography
The typography strategy balances the "Tradition" of the bakery with the "Clarity" of a modern cafe menu.
- **Display & Headlines (Noto Serif):** These are our "Artisanal" markers. Use large scales (e.g., `display-lg` at 3.5rem) with tighter letter-spacing for a high-end editorial look. Italics should be used sparingly for "O nas" or "Nasze Wyroby" to evoke a handwritten, personal touch.
- **Titles & Body (Plus Jakarta Sans):** This is our "Modern Service" layer. It provides high legibility. `title-lg` is your workhorse for product names, while `body-md` ensures the ingredients list is readable at any age.
The hierarchy conveys the brand: The Serif speaks to the *quality* of the recipe; the Sans-Serif speaks to the *friendliness* of the service.
---
## 4. Elevation & Depth
We eschew structural lines for **Tonal Layering**.
- **The Layering Principle:** Stack containers to create lift. Place a `surface-container-lowest` (#ffffff) card on a `surface-container-low` (#faf3e7) section. This mimics the way a white pastry box sits on a cream-colored wooden table.
- **Ambient Shadows:** For "floating" elements (like a cupcake selection modal), use extra-diffused shadows.
- *Formula:* `0px 12px 32px rgba(54, 50, 39, 0.06)`. Note the color is a tinted version of `on-surface`, never pure black.
- **The "Ghost Border" Fallback:** If a border is required for accessibility, it must be a "Ghost Border": use `outline-variant` (#b9b1a3) at **15% opacity**. 100% opaque borders are strictly forbidden.
- **Soft Geometry:** Utilize the `lg` (2rem) and `xl` (3rem) roundedness tokens. This mimics the scalloped wall details and rounded seating seen in the 'Piekarnik Gosi' interior.
---
## 5. Components
### Buttons
- **Primary:** Rounded `full` (9999px). Gradient background (`primary` to `primary-container`). Label in `on-primary` (#fff7f6).
- **Secondary:** Surface-colored with a "Ghost Border." High-quality hover state: a subtle shift to `surface-container-high`.
### Cards & Lists
- **Rule:** Absolute prohibition of divider lines.
- **Implementation:** Use vertical whitespace (refer to Spacing Scale) and background shifts. A product list should be a sequence of `surface-container-lowest` tiles floating on a `surface` background.
- **Bakery Icons:** Use custom line-art icons (Cupcakes, Whisks) in the `primary` color, but place them within a `secondary-container` (#e0f5cb) circle to create a "stamp" effect.
### Selection Chips
- Use the `md` (1.5rem) roundedness. Use `secondary-container` for the "Active" state to bring in the sage green from the shop’s beams and window frames.
### Input Fields
- Avoid the "boxed" look. Use `surface-container-highest` as a solid background fill with a bottom-only `outline` at 20% opacity. This feels more like a chic, handwritten menu.
---
## 6. Do’s and Don'ts
### Do:
* **Embrace Whitespace:** Let the "Cream" background breathe. High-end design is defined by what isn't there.
* **Layer Tones:** Always ask "Can I use a color shift instead of a line?"
* **Iconography with Intent:** Use bakery-specific icons to reinforce the family-oriented, artisanal nature.
* **Asymmetric Layouts:** Place a large serif heading on the left and a product image slightly overlapping it on the right.
### Don't:
* **Don't use pure black (#000000):** Use `on-background` (#363227) for text to maintain a warm, organic feel.
* **Don't use hard corners:** Every element should feel as soft as a pastry. Minimum corner radius is `sm` (0.5rem), but aim for `lg` (2rem).
* **Don't use heavy shadows:** If the shadow looks "dirty" or "heavy," reduce the opacity. It should feel like morning light in a coffee shop.
* **Don't use standard Dividers:** If you need to separate content, use a change in background color or a 48px-64px vertical gap.

View file

@ -0,0 +1,389 @@
<!DOCTYPE html>
<html lang="pl"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Kawiarnia | Piekarnik Gosi</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&amp;family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<script id="tailwind-config">
tailwind.config = {
darkMode: "class",
theme: {
extend: {
"colors": {
"background": "#fff8f0",
"outline": "#807a6d",
"on-secondary-container": "#4c5e3e",
"surface-container-lowest": "#ffffff",
"tertiary-fixed": "#f8d472",
"primary-dim": "#7e4145",
"inverse-primary": "#f9a9ac",
"surface-variant": "#eae2d2",
"on-secondary-fixed": "#3b4b2d",
"surface-tint": "#8c4d50",
"primary-fixed": "#fcacaf",
"on-secondary": "#edffd9",
"outline-variant": "#b9b1a3",
"on-primary-container": "#622b2f",
"error-dim": "#821a01",
"secondary-container": "#e0f5cb",
"on-secondary-fixed-variant": "#566847",
"error-container": "#fa7150",
"on-background": "#363227",
"on-tertiary-fixed": "#463600",
"secondary-dim": "#475839",
"on-tertiary-fixed-variant": "#695100",
"surface": "#fff8f0",
"inverse-surface": "#100e09",
"on-primary-fixed-variant": "#6d3438",
"surface-container-low": "#faf3e7",
"inverse-on-surface": "#a19c94",
"on-surface-variant": "#645f52",
"surface-container": "#f5ede0",
"on-primary": "#fff7f6",
"secondary-fixed-dim": "#d2e6bd",
"on-primary-fixed": "#48171c",
"surface-container-high": "#efe7d9",
"on-error-container": "#671200",
"secondary-fixed": "#e0f5cb",
"surface-container-highest": "#eae2d2",
"surface-dim": "#e2d9c8",
"secondary": "#536444",
"tertiary-container": "#f8d472",
"on-tertiary-container": "#5d4800",
"tertiary": "#765c00",
"on-error": "#fff7f6",
"surface-bright": "#fff8f0",
"primary-container": "#fcacaf",
"tertiary-fixed-dim": "#e9c666",
"on-tertiary": "#fff8ef",
"tertiary-dim": "#675000",
"primary": "#8c4d50",
"primary-fixed-dim": "#ed9fa2",
"error": "#aa371c",
"on-surface": "#363227"
},
"borderRadius": {
"DEFAULT": "1rem",
"lg": "2rem",
"xl": "3rem",
"full": "9999px"
},
"fontFamily": {
"headline": ["Noto Serif"],
"body": ["Plus Jakarta Sans"],
"label": ["Plus Jakarta Sans"]
}
},
},
}
</script>
<style>
.material-symbols-outlined {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #fff8f0; color: #363227; }
h1, h2, h3, .font-serif { font-family: 'Noto Serif', serif; }
.glass-nav { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
</style>
</head>
<body class="bg-surface text-on-surface">
<!-- TopNavBar -->
<nav class="docked full-width top-0 sticky z-50 bg-[#fff8f0]/80 dark:bg-[#1a1c18]/80 backdrop-blur-xl">
<div class="flex justify-between items-center w-full px-8 py-4 max-w-7xl mx-auto">
<div class="text-2xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<div class="hidden md:flex gap-8 items-center">
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] transition-all duration-300 font-medium" href="#">Strona Główna</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] transition-all duration-300 font-medium" href="#">Wyroby</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] transition-all duration-300 font-medium" href="#">Portfolio</a>
<a class="text-[#8c4d50] dark:text-[#fcacaf] font-bold border-b-2 border-[#8c4d50] pb-1" href="#">Kawiarnia</a>
</div>
<button class="bg-gradient-to-r from-primary to-primary-container text-on-primary px-6 py-2 rounded-full font-medium hover:scale-95 transition-transform duration-200">Kontakt</button>
</div>
</nav>
<!-- Hero Section: The Cafe Atmosphere -->
<header class="relative w-full min-h-[716px] flex items-center overflow-hidden">
<div class="absolute inset-0 z-0">
<img class="w-full h-full object-cover brightness-90" data-alt="Warm and inviting cafe interior with soft morning light, vintage wooden tables, and artisanal pastries displayed behind a glass counter" src="https://lh3.googleusercontent.com/aida-public/AB6AXuAlWolbLsXEnJsVdj9jtGTeKY5--CaYiFLGPkBDHjGI7WYbd_sqB8ajsQrsywYP9b3L3_-eBPbbDs505ulpCtIieNepyemAfT1EnoZB0C_V-EQiSHtGQIlFmefeIUMRbvi1Rx6c0b-IZ9ioEbBbYnH1frzNqLeuP2NgfLaO3zBYtPM07G4tVsaYcSK-zitQH38icTBA4X9Gp-8pvjubfns7h9Jo7KCu6iOE_0dN6f7uNmbpZgzEe64J13UjXf7NHOjp4CgKGVU39Nya"/>
<div class="absolute inset-0 bg-gradient-to-r from-background via-background/40 to-transparent"></div>
</div>
<div class="relative z-10 max-w-7xl mx-auto px-8 w-full">
<div class="max-w-2xl">
<span class="text-primary font-medium tracking-widest label-lg block mb-4">MIEJSCE SPOTKAŃ</span>
<h1 class="text-6xl md:text-7xl font-bold leading-tight mb-6">Chwila wytchnienia w sercu <span class="italic text-primary-dim">tradycji</span></h1>
<p class="text-lg text-on-surface-variant mb-8 max-w-lg">Zapraszamy do naszej kawiarni, gdzie zapach świeżo mielonej kawy miesza się z aromatem wypieków prosto z pieca.</p>
<div class="flex gap-4">
<a class="bg-primary text-on-primary px-8 py-4 rounded-full font-bold shadow-lg hover:bg-primary-dim transition-colors" href="#menu">Zobacz Kartę</a>
</div>
</div>
</div>
</header>
<!-- Gallery & Narrative Section (Asymmetric Layout) -->
<section class="py-24 px-8 max-w-7xl mx-auto overflow-hidden">
<div class="grid grid-cols-1 md:grid-cols-12 gap-12 items-center">
<div class="md:col-span-5 space-y-8">
<div class="inline-flex items-center gap-3 px-4 py-2 bg-secondary-container rounded-full text-on-secondary-container">
<span class="material-symbols-outlined text-sm" data-icon="local_cafe">local_cafe</span>
<span class="text-xs font-bold uppercase tracking-tighter">Atmosfera</span>
</div>
<h2 class="text-5xl font-bold leading-tight text-on-background">Gdzie czas <br/>płynie wolniej.</h2>
<p class="text-on-surface-variant leading-relaxed">Nasza kawiarnia to nie tylko miejsce, to doświadczenie. Każdy stolik, każda filiżanka i każdy detal został wybrany tak, by stworzyć przestrzeń idealną do pracy, czytania lub rozmowy z bliskimi.</p>
<div class="bg-surface-container-low p-8 rounded-xl space-y-4">
<p class="italic text-lg font-serif">"Najlepsza kawa w mieście, a tutejsze drożdżówki przypominają mi dzieciństwo u babci."</p>
<p class="text-sm font-bold text-primary">— Stała klientka, Anna</p>
</div>
</div>
<div class="md:col-span-7 grid grid-cols-2 gap-4 relative">
<div class="mt-12">
<img class="w-full h-[400px] object-cover rounded-xl shadow-2xl" data-alt="Close-up of a perfectly frothed cappuccino in a ceramic cup next to a flakey butter croissant on a wooden tray" src="https://lh3.googleusercontent.com/aida-public/AB6AXuC0d5zSnzWV78OEimIX24qXTc9tcbOXY6Vi8a85HKlilS2jxQdMu9zioFG6SLGQ9na6cwznKYXY2blBeWJHH4qkeudO4KeO1VUMfCt6pZuKNZ836uGzFbhOG87Pw81POk3PGtiMhi4AJtKGMluTSYSZ751jZMIjsUmUG_9JR-hPzAOJALHPtLyMZir40oeBvMzygnD2ZProwfvVX4gvB89M0nIlTZmBieL2dYzxYFaCoiaKxwpCcQK1x6AeHLfvWItrVr1zCXCFbEGO"/>
</div>
<div>
<img class="w-full h-[400px] object-cover rounded-xl shadow-2xl" data-alt="Elegant display of handmade pastries and cakes on marble pedestals inside a chic boutique bakery" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDABc36MOPS0qwhOpj76fJjKCkvL7Y6AUwj5Cdjccm0-ftFIVI5UsiXGBUzBDF9P-oDMU1iOEtSkutJsuHvJxDNAZPG86LPNmjJOdMJqCNynjAKN7Ksfv_s_Aoy0oQ1Zah1EHvpVvJadQ5z7xXOq-XOpSftoQLSLGNd-8s5Sh0dqFGxw8C1Uf1PAbsXd8JYc8WgLUDSOMai7H0yCAiJ0VPEGEZbDA5EF5CQjkpfrazJSZFP47oVMGGjeziHfwsLEGThVLmY_5QgnIAv"/>
</div>
<!-- Decorative element -->
<div class="absolute -bottom-6 -right-6 w-32 h-32 bg-secondary-container rounded-full -z-10 opacity-50"></div>
</div>
</div>
</section>
<!-- Cafe Menu Section -->
<section class="bg-surface-container-low py-24 px-8" id="menu">
<div class="max-w-7xl mx-auto">
<div class="text-center mb-16">
<h2 class="text-4xl font-bold mb-4">Nasza Karta</h2>
<div class="w-24 h-1 bg-primary mx-auto rounded-full"></div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Coffee -->
<div class="bg-surface-container-lowest p-8 rounded-xl shadow-sm">
<div class="flex items-center gap-4 mb-8">
<div class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center text-primary">
<span class="material-symbols-outlined" data-icon="coffee">coffee</span>
</div>
<h3 class="text-2xl font-bold">Kawy</h3>
</div>
<ul class="space-y-6">
<li class="flex justify-between items-end border-b border-dashed border-outline-variant pb-2">
<div>
<p class="font-bold">Espresso</p>
<p class="text-xs text-on-surface-variant">Intensywny napar z wyselekcjonowanych ziaren</p>
</div>
<span class="font-bold text-primary">9 PLN</span>
</li>
<li class="flex justify-between items-end border-b border-dashed border-outline-variant pb-2">
<div>
<p class="font-bold">Cappuccino</p>
<p class="text-xs text-on-surface-variant">Aksamitna pianka i bogaty smak</p>
</div>
<span class="font-bold text-primary">14 PLN</span>
</li>
<li class="flex justify-between items-end border-b border-dashed border-outline-variant pb-2">
<div>
<p class="font-bold">Flat White</p>
<p class="text-xs text-on-surface-variant">Podwójne espresso z jedwabistym mlekiem</p>
</div>
<span class="font-bold text-primary">16 PLN</span>
</li>
</ul>
</div>
<!-- Teas & Infusions -->
<div class="bg-surface-container-lowest p-8 rounded-xl shadow-sm">
<div class="flex items-center gap-4 mb-8">
<div class="w-12 h-12 rounded-full bg-secondary-container flex items-center justify-center text-on-secondary-container">
<span class="material-symbols-outlined" data-icon="tea">coffee</span>
</div>
<h3 class="text-2xl font-bold">Herbaty</h3>
</div>
<ul class="space-y-6">
<li class="flex justify-between items-end border-b border-dashed border-outline-variant pb-2">
<div>
<p class="font-bold">Sencha Premium</p>
<p class="text-xs text-on-surface-variant">Japońska zielona herbata</p>
</div>
<span class="font-bold text-primary">12 PLN</span>
</li>
<li class="flex justify-between items-end border-b border-dashed border-outline-variant pb-2">
<div>
<p class="font-bold">Earl Grey Flower</p>
<p class="text-xs text-on-surface-variant">Z płatkami bławatka i bergamotką</p>
</div>
<span class="font-bold text-primary">12 PLN</span>
</li>
<li class="flex justify-between items-end border-b border-dashed border-outline-variant pb-2">
<div>
<p class="font-bold">Napar Sezonowy</p>
<p class="text-xs text-on-surface-variant">Imbir, miód, cytryna i goździki</p>
</div>
<span class="font-bold text-primary">15 PLN</span>
</li>
</ul>
</div>
<!-- Small Snacks -->
<div class="bg-surface-container-lowest p-8 rounded-xl shadow-sm">
<div class="flex items-center gap-4 mb-8">
<div class="w-12 h-12 rounded-full bg-tertiary-container flex items-center justify-center text-on-tertiary-container">
<span class="material-symbols-outlined" data-icon="cookie">cookie</span>
</div>
<h3 class="text-2xl font-bold">Przekąski</h3>
</div>
<ul class="space-y-6">
<li class="flex justify-between items-end border-b border-dashed border-outline-variant pb-2">
<div>
<p class="font-bold">Maślany Croissant</p>
<p class="text-xs text-on-surface-variant">Wypiekany co rano ma miejscu</p>
</div>
<span class="font-bold text-primary">8 PLN</span>
</li>
<li class="flex justify-between items-end border-b border-dashed border-outline-variant pb-2">
<div>
<p class="font-bold">Makaronik Różany</p>
<p class="text-xs text-on-surface-variant">Nasza specjalność</p>
</div>
<span class="font-bold text-primary">7 PLN</span>
</li>
<li class="flex justify-between items-end border-b border-dashed border-outline-variant pb-2">
<div>
<p class="font-bold">Tarta Sezonowa</p>
<p class="text-xs text-on-surface-variant">Z owocami od lokalnych dostawców</p>
</div>
<span class="font-bold text-primary">18 PLN</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Location & Contact Grid -->
<section class="py-24 px-8 max-w-7xl mx-auto">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-16">
<!-- Contact Form -->
<div class="order-2 lg:order-1">
<div class="mb-12">
<h2 class="text-4xl font-bold mb-4">Napisz do nas</h2>
<p class="text-on-surface-variant">Planujesz większe zamówienie lub chcesz zarezerwować stolik? Skontaktuj się z nami bezpośrednio.</p>
</div>
<form class="space-y-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="space-y-2">
<label class="text-sm font-bold ml-1">Imię i Nazwisko</label>
<input class="w-full px-6 py-4 rounded-xl border-none bg-surface-container-highest focus:ring-2 focus:ring-primary transition-all" placeholder="Jan Kowalski" type="text"/>
</div>
<div class="space-y-2">
<label class="text-sm font-bold ml-1">E-mail</label>
<input class="w-full px-6 py-4 rounded-xl border-none bg-surface-container-highest focus:ring-2 focus:ring-primary transition-all" placeholder="jan@przyklad.pl" type="email"/>
</div>
</div>
<div class="space-y-2">
<label class="text-sm font-bold ml-1">Temat</label>
<select class="w-full px-6 py-4 rounded-xl border-none bg-surface-container-highest focus:ring-2 focus:ring-primary transition-all">
<option>Pytanie ogólne</option>
<option>Rezerwacja stolika</option>
<option>Zamówienie specjalne</option>
<option>Współpraca</option>
</select>
</div>
<div class="space-y-2">
<label class="text-sm font-bold ml-1">Wiadomość</label>
<textarea class="w-full px-6 py-4 rounded-xl border-none bg-surface-container-highest focus:ring-2 focus:ring-primary transition-all" placeholder="W czym możemy Ci pomóc?" rows="5"></textarea>
</div>
<button class="w-full bg-gradient-to-r from-primary to-primary-container text-on-primary py-5 rounded-full font-bold text-lg hover:shadow-xl hover:scale-[0.98] transition-all" type="submit">Wyślij Wiadomość</button>
</form>
</div>
<!-- Location & Hours -->
<div class="order-1 lg:order-2 space-y-12">
<div class="h-[400px] w-full rounded-3xl overflow-hidden shadow-inner bg-surface-container relative">
<!-- Stylized map placeholder -->
<div class="absolute inset-0 bg-[#f0ede5] flex items-center justify-center">
<div class="text-center">
<span class="material-symbols-outlined text-primary text-6xl" data-icon="location_on" style="font-variation-settings: 'FILL' 1;">location_on</span>
<p class="font-bold mt-4">Znajdź nas na mapie</p>
</div>
</div>
<img class="hidden absolute inset-0 w-full h-full object-cover opacity-80" data-alt="Stylized minimal map showing the location of the bakery in a quiet urban neighborhood" data-location="Warsaw" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDuJFA861XzSrvGRhLvQvU7o-0xNjTADcARRFLn9LVGh1gEG9AeV8_WPHSpVnn0Qb3NNAyi3lUGpK7Iw26_Bjtwxhjt2YlQIJrSQBzn3Vf2xxYKhkdBKA_XqLKphX8lvtVmHW7_8FQDoN624XOnD--K4TswZVZXBazvcyc9-oX0T1PE_HULzTDUCrT1FUYfCP-5Y8rsoggxrRcJg4gnraNniiCsStwBReyESCO0on1K6crp_9bD9MyK7fJ9QTr2edKsKCaTpW-CSNVO"/>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="space-y-4">
<h4 class="text-xl font-bold flex items-center gap-2">
<span class="material-symbols-outlined text-primary" data-icon="home">home</span>
Adres
</h4>
<p class="text-on-surface-variant leading-relaxed">
ul. Słodka 12/4<br/>
00-001 Warszawa<br/>
Polska
</p>
</div>
<div class="space-y-4">
<h4 class="text-xl font-bold flex items-center gap-2">
<span class="material-symbols-outlined text-primary" data-icon="schedule">schedule</span>
Godziny Otwarcia
</h4>
<ul class="text-sm space-y-2">
<li class="flex justify-between">
<span class="text-on-surface-variant">Pon - Pt:</span>
<span class="font-bold">07:30 - 19:00</span>
</li>
<li class="flex justify-between">
<span class="text-on-surface-variant">Sobota:</span>
<span class="font-bold">08:00 - 18:00</span>
</li>
<li class="flex justify-between">
<span class="text-on-surface-variant">Niedziela:</span>
<span class="font-bold">09:00 - 16:00</span>
</li>
</ul>
</div>
</div>
<div class="p-8 bg-secondary-container rounded-3xl flex items-center gap-6">
<div class="w-16 h-16 rounded-full bg-surface-container-lowest flex items-center justify-center text-primary shadow-sm">
<span class="material-symbols-outlined text-3xl" data-icon="phone_in_talk">phone_in_talk</span>
</div>
<div>
<p class="text-sm font-bold text-on-secondary-container">Zadzwoń do nas</p>
<p class="text-2xl font-serif font-bold text-on-secondary-fixed">+48 123 456 789</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-[#faf3e7] dark:bg-[#1a1c18] full-width rounded-t-[3rem] mt-12">
<div class="flex flex-col md:flex-row justify-between items-start w-full px-12 py-16 gap-8 max-w-7xl mx-auto">
<div class="space-y-6 max-w-xs">
<div class="text-xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<p class="text-sm text-[#363227] dark:text-[#e6e2d9] leading-relaxed">Miejsce, gdzie tradycyjne receptury spotykają się z miłością do słodkości.</p>
<div class="flex gap-4">
<a class="w-10 h-10 rounded-full bg-surface-container-highest flex items-center justify-center hover:opacity-70 transition-opacity" href="#">
<span class="material-symbols-outlined text-lg" data-icon="share">share</span>
</a>
</div>
</div>
<div class="grid grid-cols-2 gap-12">
<div class="space-y-4">
<h5 class="font-bold text-[#8c4d50]">Informacje</h5>
<ul class="space-y-2 text-sm text-[#363227] dark:text-[#e6e2d9]">
<li><a class="hover:opacity-70 transition-opacity" href="#">O nas</a></li>
<li><a class="hover:opacity-70 transition-opacity" href="#">Alergeny</a></li>
<li><a class="hover:opacity-70 transition-opacity" href="#">Dostawy</a></li>
</ul>
</div>
<div class="space-y-4">
<h5 class="font-bold text-[#8c4d50]">Legalne</h5>
<ul class="space-y-2 text-sm text-[#363227] dark:text-[#e6e2d9]">
<li><a class="hover:opacity-70 transition-opacity" href="#">Regulamin</a></li>
<li><a class="hover:opacity-70 transition-opacity" href="#">Polityka Prywatności</a></li>
</ul>
</div>
</div>
<div class="md:text-right space-y-4">
<p class="text-sm text-[#363227] dark:text-[#e6e2d9] opacity-70">© 2024 Piekarnik Gosi. Tradycja i Słodkość.</p>
<div class="inline-flex items-center gap-2 px-4 py-2 border border-outline-variant/20 rounded-full text-xs">
<span class="w-2 h-2 rounded-full bg-secondary"></span>
Otwarte teraz
</div>
</div>
</div>
</footer>
</body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 450 KiB

View file

@ -0,0 +1,85 @@
# Design System Document: Artisanal Elegance
## 1. Overview & Creative North Star
### Creative North Star: "The Confectioner’s Gallery"
This design system is not a mere utility; it is a digital extension of the physical 'Piekarnik Gosi' experience. It treats every interface as a curated display case, mirroring the warmth of a family-owned bakery and the precision of a high-end pâtisserie.
To break the "template" look common in local business sites, this system rejects rigid grids in favor of **Intentional Editorial Asymmetry**. We lean into overlapping elements—such as a product image bleeding off-center into a text block—to mimic the organic arrangement of cakes on a counter. The visual language is defined by high-contrast typography scales, where massive, elegant serifs meet delicate, airy sans-serifs, creating an atmosphere that is both approachable and elite.
---
## 2. Colors
The palette is derived from the shop's interior: sage greens, dusty roses, and warm creams. This is a tonal system designed for warmth.
### The "No-Line" Rule
**Explicit Instruction:** Designers are prohibited from using 1px solid borders to define sections. Boundaries must be defined solely through background color shifts. For example, a section using `surface-container-low` (#faf3e7) should sit directly against a `surface` (#fff8f0) background. This creates a soft, "dipped" effect rather than a harsh, boxed-in feel.
### Surface Hierarchy & Nesting
Treat the UI as physical layers of fine vellum paper. Use the surface tiers to create "nested" depth:
- **Base Level:** `surface` (#fff8f0) for the main body.
- **Sectioning:** `surface-container-low` (#faf3e7) for large background blocks (e.g., the "Our Story" section).
- **Interactive Layers:** `surface-container-highest` (#eae2d2) for secondary cards or floating menus to define importance through tonal weight.
### The "Glass & Gradient" Rule
To move beyond a flat, "standard" UI, use Glassmorphism for floating elements (like a navigation bar or a "Quick Cart"). Utilize semi-transparent surface colors with a `backdrop-blur` of 12px-20px.
**Signature CTA Polish:** Use subtle linear gradients for primary actions, transitioning from `primary` (#8c4d50) to `primary-container` (#fcacaf). This adds "visual soul" and a velvet-like texture that flat colors cannot replicate.
---
## 3. Typography
The typography strategy balances the "Tradition" of the bakery with the "Clarity" of a modern cafe menu.
- **Display & Headlines (Noto Serif):** These are our "Artisanal" markers. Use large scales (e.g., `display-lg` at 3.5rem) with tighter letter-spacing for a high-end editorial look. Italics should be used sparingly for "O nas" or "Nasze Wyroby" to evoke a handwritten, personal touch.
- **Titles & Body (Plus Jakarta Sans):** This is our "Modern Service" layer. It provides high legibility. `title-lg` is your workhorse for product names, while `body-md` ensures the ingredients list is readable at any age.
The hierarchy conveys the brand: The Serif speaks to the *quality* of the recipe; the Sans-Serif speaks to the *friendliness* of the service.
---
## 4. Elevation & Depth
We eschew structural lines for **Tonal Layering**.
- **The Layering Principle:** Stack containers to create lift. Place a `surface-container-lowest` (#ffffff) card on a `surface-container-low` (#faf3e7) section. This mimics the way a white pastry box sits on a cream-colored wooden table.
- **Ambient Shadows:** For "floating" elements (like a cupcake selection modal), use extra-diffused shadows.
- *Formula:* `0px 12px 32px rgba(54, 50, 39, 0.06)`. Note the color is a tinted version of `on-surface`, never pure black.
- **The "Ghost Border" Fallback:** If a border is required for accessibility, it must be a "Ghost Border": use `outline-variant` (#b9b1a3) at **15% opacity**. 100% opaque borders are strictly forbidden.
- **Soft Geometry:** Utilize the `lg` (2rem) and `xl` (3rem) roundedness tokens. This mimics the scalloped wall details and rounded seating seen in the 'Piekarnik Gosi' interior.
---
## 5. Components
### Buttons
- **Primary:** Rounded `full` (9999px). Gradient background (`primary` to `primary-container`). Label in `on-primary` (#fff7f6).
- **Secondary:** Surface-colored with a "Ghost Border." High-quality hover state: a subtle shift to `surface-container-high`.
### Cards & Lists
- **Rule:** Absolute prohibition of divider lines.
- **Implementation:** Use vertical whitespace (refer to Spacing Scale) and background shifts. A product list should be a sequence of `surface-container-lowest` tiles floating on a `surface` background.
- **Bakery Icons:** Use custom line-art icons (Cupcakes, Whisks) in the `primary` color, but place them within a `secondary-container` (#e0f5cb) circle to create a "stamp" effect.
### Selection Chips
- Use the `md` (1.5rem) roundedness. Use `secondary-container` for the "Active" state to bring in the sage green from the shop’s beams and window frames.
### Input Fields
- Avoid the "boxed" look. Use `surface-container-highest` as a solid background fill with a bottom-only `outline` at 20% opacity. This feels more like a chic, handwritten menu.
---
## 6. Do’s and Don'ts
### Do:
* **Embrace Whitespace:** Let the "Cream" background breathe. High-end design is defined by what isn't there.
* **Layer Tones:** Always ask "Can I use a color shift instead of a line?"
* **Iconography with Intent:** Use bakery-specific icons to reinforce the family-oriented, artisanal nature.
* **Asymmetric Layouts:** Place a large serif heading on the left and a product image slightly overlapping it on the right.
### Don't:
* **Don't use pure black (#000000):** Use `on-background` (#363227) for text to maintain a warm, organic feel.
* **Don't use hard corners:** Every element should feel as soft as a pastry. Minimum corner radius is `sm` (0.5rem), but aim for `lg` (2rem).
* **Don't use heavy shadows:** If the shadow looks "dirty" or "heavy," reduce the opacity. It should feel like morning light in a coffee shop.
* **Don't use standard Dividers:** If you need to separate content, use a change in background color or a 48px-64px vertical gap.

View file

@ -0,0 +1,209 @@
<!DOCTYPE html>
<html lang="pl"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&amp;family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<script id="tailwind-config">
tailwind.config = {
darkMode: "class",
theme: {
extend: {
"colors": {
"background": "#fff8f0",
"outline": "#807a6d",
"on-secondary-container": "#4c5e3e",
"surface-container-lowest": "#ffffff",
"tertiary-fixed": "#f8d472",
"primary-dim": "#7e4145",
"inverse-primary": "#f9a9ac",
"surface-variant": "#eae2d2",
"on-secondary-fixed": "#3b4b2d",
"surface-tint": "#8c4d50",
"primary-fixed": "#fcacaf",
"on-secondary": "#edffd9",
"outline-variant": "#b9b1a3",
"on-primary-container": "#622b2f",
"error-dim": "#821a01",
"secondary-container": "#e0f5cb",
"on-secondary-fixed-variant": "#566847",
"error-container": "#fa7150",
"on-background": "#363227",
"on-tertiary-fixed": "#463600",
"secondary-dim": "#475839",
"on-tertiary-fixed-variant": "#695100",
"surface": "#fff8f0",
"inverse-surface": "#100e09",
"on-primary-fixed-variant": "#6d3438",
"surface-container-low": "#faf3e7",
"inverse-on-surface": "#a19c94",
"on-surface-variant": "#645f52",
"surface-container": "#f5ede0",
"on-primary": "#fff7f6",
"secondary-fixed-dim": "#d2e6bd",
"on-primary-fixed": "#48171c",
"surface-container-high": "#efe7d9",
"on-error-container": "#671200",
"secondary-fixed": "#e0f5cb",
"surface-container-highest": "#eae2d2",
"surface-dim": "#e2d9c8",
"secondary": "#536444",
"tertiary-container": "#f8d472",
"on-tertiary-container": "#5d4800",
"tertiary": "#765c00",
"on-error": "#fff7f6",
"surface-bright": "#fff8f0",
"primary-container": "#fcacaf",
"tertiary-fixed-dim": "#e9c666",
"on-tertiary": "#fff8ef",
"tertiary-dim": "#675000",
"primary": "#8c4d50",
"primary-fixed-dim": "#ed9fa2",
"error": "#aa371c",
"on-surface": "#363227"
},
"borderRadius": {
"DEFAULT": "1rem",
"lg": "2rem",
"xl": "3rem",
"full": "9999px"
},
"fontFamily": {
"headline": ["Noto Serif"],
"body": ["Plus Jakarta Sans"],
"label": ["Plus Jakarta Sans"]
}
},
},
}
</script>
<style>
.material-symbols-outlined {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
body {
font-family: 'Plus Jakarta Sans', sans-serif;
background-color: #fff8f0;
color: #363227;
}
h1, h2, h3, .font-serif {
font-family: 'Noto Serif', serif;
}
</style>
</head>
<body class="bg-background text-on-background min-h-screen">
<!-- Top Navigation Bar -->
<nav class="bg-[#fff8f0]/80 dark:bg-[#1a1c18]/80 backdrop-blur-xl docked full-width top-0 sticky z-50">
<div class="flex justify-between items-center w-full px-8 py-4 max-w-7xl mx-auto">
<div class="text-2xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<div class="hidden md:flex gap-8 items-center">
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300 font-medium text-sm" href="#">Strona Główna</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300 font-medium text-sm" href="#">Wyroby</a>
<a class="text-[#8c4d50] dark:text-[#fcacaf] font-bold border-b-2 border-[#8c4d50] dark:border-[#fcacaf] pb-1 text-sm" href="#">Portfolio</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300 font-medium text-sm" href="#">Kawiarnia</a>
</div>
<button class="bg-gradient-to-r from-primary to-primary-container text-on-primary px-6 py-2 rounded-full font-medium hover:scale-95 transition-transform duration-200">
Kontakt
</button>
</div>
</nav>
<main class="max-w-7xl mx-auto px-6 pt-12 md:pt-20">
<!-- Header Section -->
<header class="text-center mb-16 space-y-4 max-w-3xl mx-auto">
<h1 class="text-4xl md:text-6xl font-bold text-on-background tracking-tight">Our Birthday Cake Gallery</h1>
<p class="text-on-surface-variant text-lg md:text-xl leading-relaxed italic">
From whimsical dreams for the little ones to elegant masterpieces for grand celebrations. Every cake is a unique story baked with love and artisanal precision.
</p>
</header>
<!-- Category Filters -->
<div class="flex flex-wrap justify-center gap-3 mb-12">
<button class="px-6 py-2 rounded-full bg-secondary-container text-on-secondary-container font-semibold transition-all hover:bg-secondary-container/80">Wszystkie</button>
<button class="px-6 py-2 rounded-full bg-surface-container-highest text-on-surface-variant font-medium transition-all hover:bg-secondary-container/50">Dla Dzieci</button>
<button class="px-6 py-2 rounded-full bg-surface-container-highest text-on-surface-variant font-medium transition-all hover:bg-secondary-container/50">Elegant</button>
<button class="px-6 py-2 rounded-full bg-surface-container-highest text-on-surface-variant font-medium transition-all hover:bg-secondary-container/50">Owocowe</button>
<button class="px-6 py-2 rounded-full bg-surface-container-highest text-on-surface-variant font-medium transition-all hover:bg-secondary-container/50">Czekoladowe</button>
<button class="px-6 py-2 rounded-full bg-surface-container-highest text-on-surface-variant font-medium transition-all hover:bg-secondary-container/50">Nowoczesne</button>
</div>
<!-- Bento Grid Gallery -->
<section class="grid grid-cols-1 md:grid-cols-12 gap-6 auto-rows-[250px] md:auto-rows-[300px]">
<!-- Large Feature Item -->
<div class="md:col-span-8 md:row-span-2 group relative overflow-hidden rounded-xl bg-surface-container-low flex flex-col">
<img class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" data-alt="Exquisite multi-tiered custom birthday cake with pastel floral decorations, soft pink frosting, and gold leaf accents on a marble table" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDFikZPqI_iQXFO4l_-RW7Z57qyXR8H4zRhI1eIjtx9VU9D-k_wP4SOd80FuENx_DkMFWhN2_VpcE-I9O_eqLgkYzf9dafZNy64qMRBEa2uIUy3B9wDtLBgaKhCOFvzEGBgPwyY4a9WkCNHc7JAlVMWrDmUhfuFZYRFKT6at-LhnyJM4NQZsDcVDs5thUfVu4pen3ckbGkln0t_N0g05c_ViBM6rUuch6zV11MMr2a8mlwVo3kA0NKotR6hj8Bs6yMl0jjZuXWt6x1-"/>
<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-8">
<h3 class="text-white text-2xl font-serif">Królewski Ogród</h3>
<p class="text-white/80 text-sm">Nasza flagowa propozycja na jubileusze.</p>
</div>
</div>
<!-- Tall Item -->
<div class="md:col-span-4 md:row-span-2 group relative overflow-hidden rounded-xl bg-surface-container-low">
<img class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" data-alt="A tall, minimalist birthday cake with sleek sage green buttercream, decorated with fresh rosemary and organic honey drips" src="https://lh3.googleusercontent.com/aida-public/AB6AXuCrjRsn6mQ-JnhAEr6VXI_FZYPK7uUEcbos_c3OapJRDwZEhzX1ngitip1MAZ3iJTDdEsfGB7C-k4cjmKOl20qwpjHtyGq67Slz4MUo8c0GKANaXSM2_k7A1zEDAfX1H6eVjtK_3-lfKTga3GDFJlH4mSDR82z5NJ9FwkEyfzhC47HNhpQ5ItM58Q0acbKgOJr-Qg35E1AezERr-SHJCZBLGxIDoTzbCfSNHd5J718A5DgtHuc8xRHqBV1u01UYgvBrBMHCdF4XOHxR"/>
<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6">
<h3 class="text-white text-xl font-serif">Leśna Harmonia</h3>
<p class="text-white/80 text-xs">Elegancja w stylu minimalistycznym.</p>
</div>
</div>
<!-- Small Square Item -->
<div class="md:col-span-4 md:row-span-1 group relative overflow-hidden rounded-xl bg-surface-container-low">
<img class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" data-alt="Playful colorful children's birthday cake shaped like a friendly dinosaur with fondant details and vibrant sprinkles" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDk6Nl9FXhUDm20Odf8qp6S4z8_RSMCqPT2NzYNTKuywxA2ROhr--FOkQbUpvdEy98pRFcrFU9ek4emoEn0eJY1WwsobcDXQf8NSvT36usE-Zo1IsJjq-hckSaxy0pZp3HkK83Twd9BUsNjuII9Ppgd3DnY8MadsRGF2KB0U1yi-U0gFU3GjxwKOtAWil_40yLsohJVmQloo48O23AhnRUShe_9vRCMCXKOXOW1Sk413Bs5UsuSqjDkP_rmfvGwnLiwsEnKuLAXraCG"/>
<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6">
<h3 class="text-white text-xl font-serif">Dino-Przygoda</h3>
</div>
</div>
<!-- Small Square Item -->
<div class="md:col-span-4 md:row-span-1 group relative overflow-hidden rounded-xl bg-surface-container-low">
<img class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" data-alt="Modern geometric birthday cake with dark chocolate ganache, copper metallic stripes, and fresh raspberries on top" src="https://lh3.googleusercontent.com/aida-public/AB6AXuAR-7CSH5K6ev9a-ZLwUst-9GAXGXrhU9sXR5Jpcmutf54AuV-GCq2DaGmNz2PDURUaaGHsecsZR4HWwaTL_K0m95c4FKwQ5jip3Bet50GuTi9-R1BY0VHkm93rrbZ_UU1g_lcqkhv9tS42EZ144JqhJp3UqLAHLW6ZBabLjm5cvUtWE72HTk8Cp5kPgFNuDFfiYknHktD0_tXt5G53XEMzgDSv8fng_-uWffT05icSTzw0OpRAiAWeEIaIWMxA0J7heBEmcMOwhrBc"/>
<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6">
<h3 class="text-white text-xl font-serif">Miedziany Akcent</h3>
</div>
</div>
<!-- Medium Item -->
<div class="md:col-span-4 md:row-span-1 group relative overflow-hidden rounded-xl bg-surface-container-low">
<img class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" data-alt="Heart-shaped vintage style cake with intricate white piping, pearls, and a delicate silk ribbon around the base" src="https://lh3.googleusercontent.com/aida-public/AB6AXuC2uSaLKtXL7CMMeleD9-hTvqnf8vEJAn2vCl6QlLBK-UeO4FKNQIEaWbsu8txf8115OFwYDRnLHMpsI5qepNZr7bQH8PmGMj3GRXeYQYu0S5kW6drjFHsefy2PzuZkof9f5ScXd9VtYk38P6TUjMGtpilgeuX6CCRbxsMSDiCjecff7KYWJGqDxRtj35AKwkxjYDVvvD5x9oGqJ0hTIryJMcKvX4YUbE1zd-2PCD_LPYjmO42EYL2kzWShHh1NQf4LUpCxBuW2dHcK"/>
<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6">
<h3 class="text-white text-xl font-serif">Vintage Love</h3>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="mt-24 mb-12 p-8 md:p-16 rounded-xl bg-surface-container-low relative overflow-hidden">
<div class="absolute top-0 right-0 w-64 h-64 bg-primary/5 rounded-full -mr-32 -mt-32"></div>
<div class="absolute bottom-0 left-0 w-48 h-48 bg-secondary-container/20 rounded-full -ml-24 -mb-24"></div>
<div class="relative z-10 flex flex-col md:flex-row items-center justify-between gap-8">
<div class="max-w-2xl">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Inquire About Your Custom Cake</h2>
<p class="text-on-surface-variant text-lg">
Have a specific vision in mind? Let's discuss your perfect celebration cake. We handle everything from intimate gatherings to large parties.
</p>
</div>
<button class="whitespace-nowrap bg-gradient-to-r from-primary to-primary-container text-on-primary px-10 py-4 rounded-full font-bold text-lg hover:scale-105 transition-transform shadow-lg shadow-primary/20">
Get a Quote
</button>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-[#faf3e7] dark:bg-[#1a1c18] full-width rounded-t-[3rem] mt-12">
<div class="flex flex-col md:flex-row justify-between items-start w-full px-12 py-16 gap-8 max-w-7xl mx-auto">
<div class="space-y-4">
<div class="text-xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<p class="text-sm text-[#363227] dark:text-[#e6e2d9] max-w-xs leading-relaxed">
© 2024 Piekarnik Gosi. Tradycja i Słodkość. Tworzymy wspomnienia ze smaku.
</p>
</div>
<div class="grid grid-cols-2 gap-x-12 gap-y-4">
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">O nas</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">Alergeny</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">Regulamin</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">Polityka Prywatności</a>
</div>
<div class="flex gap-4">
<span class="material-symbols-outlined text-[#8c4d50] cursor-pointer hover:scale-110 transition-transform">social_leaderboard</span>
<span class="material-symbols-outlined text-[#8c4d50] cursor-pointer hover:scale-110 transition-transform">camera</span>
<span class="material-symbols-outlined text-[#8c4d50] cursor-pointer hover:scale-110 transition-transform">mail</span>
</div>
</div>
</footer>
</body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 MiB

View file

@ -0,0 +1,85 @@
# Design System Document: Artisanal Elegance
## 1. Overview & Creative North Star
### Creative North Star: "The Confectioner’s Gallery"
This design system is not a mere utility; it is a digital extension of the physical 'Piekarnik Gosi' experience. It treats every interface as a curated display case, mirroring the warmth of a family-owned bakery and the precision of a high-end pâtisserie.
To break the "template" look common in local business sites, this system rejects rigid grids in favor of **Intentional Editorial Asymmetry**. We lean into overlapping elements—such as a product image bleeding off-center into a text block—to mimic the organic arrangement of cakes on a counter. The visual language is defined by high-contrast typography scales, where massive, elegant serifs meet delicate, airy sans-serifs, creating an atmosphere that is both approachable and elite.
---
## 2. Colors
The palette is derived from the shop's interior: sage greens, dusty roses, and warm creams. This is a tonal system designed for warmth.
### The "No-Line" Rule
**Explicit Instruction:** Designers are prohibited from using 1px solid borders to define sections. Boundaries must be defined solely through background color shifts. For example, a section using `surface-container-low` (#faf3e7) should sit directly against a `surface` (#fff8f0) background. This creates a soft, "dipped" effect rather than a harsh, boxed-in feel.
### Surface Hierarchy & Nesting
Treat the UI as physical layers of fine vellum paper. Use the surface tiers to create "nested" depth:
- **Base Level:** `surface` (#fff8f0) for the main body.
- **Sectioning:** `surface-container-low` (#faf3e7) for large background blocks (e.g., the "Our Story" section).
- **Interactive Layers:** `surface-container-highest` (#eae2d2) for secondary cards or floating menus to define importance through tonal weight.
### The "Glass & Gradient" Rule
To move beyond a flat, "standard" UI, use Glassmorphism for floating elements (like a navigation bar or a "Quick Cart"). Utilize semi-transparent surface colors with a `backdrop-blur` of 12px-20px.
**Signature CTA Polish:** Use subtle linear gradients for primary actions, transitioning from `primary` (#8c4d50) to `primary-container` (#fcacaf). This adds "visual soul" and a velvet-like texture that flat colors cannot replicate.
---
## 3. Typography
The typography strategy balances the "Tradition" of the bakery with the "Clarity" of a modern cafe menu.
- **Display & Headlines (Noto Serif):** These are our "Artisanal" markers. Use large scales (e.g., `display-lg` at 3.5rem) with tighter letter-spacing for a high-end editorial look. Italics should be used sparingly for "O nas" or "Nasze Wyroby" to evoke a handwritten, personal touch.
- **Titles & Body (Plus Jakarta Sans):** This is our "Modern Service" layer. It provides high legibility. `title-lg` is your workhorse for product names, while `body-md` ensures the ingredients list is readable at any age.
The hierarchy conveys the brand: The Serif speaks to the *quality* of the recipe; the Sans-Serif speaks to the *friendliness* of the service.
---
## 4. Elevation & Depth
We eschew structural lines for **Tonal Layering**.
- **The Layering Principle:** Stack containers to create lift. Place a `surface-container-lowest` (#ffffff) card on a `surface-container-low` (#faf3e7) section. This mimics the way a white pastry box sits on a cream-colored wooden table.
- **Ambient Shadows:** For "floating" elements (like a cupcake selection modal), use extra-diffused shadows.
- *Formula:* `0px 12px 32px rgba(54, 50, 39, 0.06)`. Note the color is a tinted version of `on-surface`, never pure black.
- **The "Ghost Border" Fallback:** If a border is required for accessibility, it must be a "Ghost Border": use `outline-variant` (#b9b1a3) at **15% opacity**. 100% opaque borders are strictly forbidden.
- **Soft Geometry:** Utilize the `lg` (2rem) and `xl` (3rem) roundedness tokens. This mimics the scalloped wall details and rounded seating seen in the 'Piekarnik Gosi' interior.
---
## 5. Components
### Buttons
- **Primary:** Rounded `full` (9999px). Gradient background (`primary` to `primary-container`). Label in `on-primary` (#fff7f6).
- **Secondary:** Surface-colored with a "Ghost Border." High-quality hover state: a subtle shift to `surface-container-high`.
### Cards & Lists
- **Rule:** Absolute prohibition of divider lines.
- **Implementation:** Use vertical whitespace (refer to Spacing Scale) and background shifts. A product list should be a sequence of `surface-container-lowest` tiles floating on a `surface` background.
- **Bakery Icons:** Use custom line-art icons (Cupcakes, Whisks) in the `primary` color, but place them within a `secondary-container` (#e0f5cb) circle to create a "stamp" effect.
### Selection Chips
- Use the `md` (1.5rem) roundedness. Use `secondary-container` for the "Active" state to bring in the sage green from the shop’s beams and window frames.
### Input Fields
- Avoid the "boxed" look. Use `surface-container-highest` as a solid background fill with a bottom-only `outline` at 20% opacity. This feels more like a chic, handwritten menu.
---
## 6. Do’s and Don'ts
### Do:
* **Embrace Whitespace:** Let the "Cream" background breathe. High-end design is defined by what isn't there.
* **Layer Tones:** Always ask "Can I use a color shift instead of a line?"
* **Iconography with Intent:** Use bakery-specific icons to reinforce the family-oriented, artisanal nature.
* **Asymmetric Layouts:** Place a large serif heading on the left and a product image slightly overlapping it on the right.
### Don't:
* **Don't use pure black (#000000):** Use `on-background` (#363227) for text to maintain a warm, organic feel.
* **Don't use hard corners:** Every element should feel as soft as a pastry. Minimum corner radius is `sm` (0.5rem), but aim for `lg` (2rem).
* **Don't use heavy shadows:** If the shadow looks "dirty" or "heavy," reduce the opacity. It should feel like morning light in a coffee shop.
* **Don't use standard Dividers:** If you need to separate content, use a change in background color or a 48px-64px vertical gap.

View file

@ -0,0 +1,492 @@
<!DOCTYPE html>
<html lang="pl"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&amp;family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script id="tailwind-config">
tailwind.config = {
darkMode: "class",
theme: {
extend: {
"colors": {
"background": "#fff8f0",
"outline": "#807a6d",
"on-secondary-container": "#4c5e3e",
"surface-container-lowest": "#ffffff",
"tertiary-fixed": "#f8d472",
"primary-dim": "#7e4145",
"inverse-primary": "#f9a9ac",
"surface-variant": "#eae2d2",
"on-secondary-fixed": "#3b4b2d",
"surface-tint": "#8c4d50",
"primary-fixed": "#fcacaf",
"on-secondary": "#edffd9",
"outline-variant": "#b9b1a3",
"on-primary-container": "#622b2f",
"error-dim": "#821a01",
"secondary-container": "#e0f5cb",
"on-secondary-fixed-variant": "#566847",
"error-container": "#fa7150",
"on-background": "#363227",
"on-tertiary-fixed": "#463600",
"secondary-dim": "#475839",
"on-tertiary-fixed-variant": "#695100",
"surface": "#fff8f0",
"inverse-surface": "#100e09",
"on-primary-fixed-variant": "#6d3438",
"surface-container-low": "#faf3e7",
"inverse-on-surface": "#a19c94",
"on-surface-variant": "#645f52",
"surface-container": "#f5ede0",
"on-primary": "#fff7f6",
"secondary-fixed-dim": "#d2e6bd",
"on-primary-fixed": "#48171c",
"surface-container-high": "#efe7d9",
"on-error-container": "#671200",
"secondary-fixed": "#e0f5cb",
"surface-container-highest": "#eae2d2",
"surface-dim": "#e2d9c8",
"secondary": "#536444",
"tertiary-container": "#f8d472",
"on-tertiary-container": "#5d4800",
"tertiary": "#765c00",
"on-error": "#fff7f6",
"surface-bright": "#fff8f0",
"primary-container": "#fcacaf",
"tertiary-fixed-dim": "#e9c666",
"on-tertiary": "#fff8ef",
"tertiary-dim": "#675000",
"primary": "#8c4d50",
"primary-fixed-dim": "#ed9fa2",
"error": "#aa371c",
"on-surface": "#363227"
},
"borderRadius": {
"DEFAULT": "1rem",
"lg": "2rem",
"xl": "3rem",
"full": "9999px"
},
"fontFamily": {
"headline": ["Noto Serif"],
"body": ["Plus Jakarta Sans"],
"label": ["Plus Jakarta Sans"]
}
},
},
}
</script>
<style>
.material-symbols-outlined {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
body { font-family: 'Plus Jakarta Sans', sans-serif; }
h1, h2, h3, h4 { font-family: 'Noto Serif', serif; }
</style>
</head>
<body class="bg-background text-on-background">
<!-- Top Navigation -->
<nav class="bg-[#fff8f0]/80 dark:bg-[#1a1c18]/80 backdrop-blur-xl docked full-width top-0 sticky z-50">
<div class="flex justify-between items-center w-full px-8 py-4 max-w-7xl mx-auto">
<div class="text-2xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<div class="hidden md:flex items-center gap-8">
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300 font-medium" href="#">Strona Główna</a>
<a class="text-[#8c4d50] dark:text-[#fcacaf] font-bold border-b-2 border-[#8c4d50] dark:border-[#fcacaf] pb-1 transition-all duration-300" href="#">Wyroby</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300 font-medium" href="#">Portfolio</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300 font-medium" href="#">Kawiarnia</a>
</div>
<button class="bg-gradient-to-r from-primary to-primary-container text-on-primary px-8 py-2.5 rounded-full font-medium scale-95 transition-transform duration-200 hover:scale-100 shadow-sm">
Kontakt
</button>
</div>
</nav>
<main class="max-w-7xl mx-auto px-6 lg:px-8 py-16">
<!-- Hero Section -->
<header class="mb-20">
<h1 class="text-5xl lg:text-7xl font-bold tracking-tight mb-6">Nasze Słodkości</h1>
<p class="text-on-surface-variant text-lg max-w-2xl leading-relaxed">Poznaj nasze tradycyjne receptury przekute w nowoczesne formy. Każdy wypiek to historia pasji, a każde lody to powiew naturalnej świeżości.</p>
</header>
<!-- Cakes & Pastries Section -->
<section class="mb-24">
<div class="flex items-center justify-between mb-12">
<h2 class="text-4xl font-bold">Cakes &amp; Pastries</h2>
<div class="h-[1px] flex-grow mx-8 bg-outline-variant opacity-20"></div>
<div class="flex gap-2">
<span class="bg-secondary-container text-on-secondary-container px-4 py-1.5 rounded-md text-sm font-medium">Ciasta</span>
<span class="bg-surface-container-highest px-4 py-1.5 rounded-md text-sm font-medium opacity-60">Torty</span>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
<!-- Product Card 1 -->
<div class="group flex flex-col bg-surface-container-lowest rounded-lg overflow-hidden transition-all duration-300 hover:-translate-y-2">
<div class="relative h-72 overflow-hidden">
<img alt="sophisticated multi-layered chocolate mousse cake with gold leaf decoration on a ceramic plate, soft morning light" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="https://lh3.googleusercontent.com/aida-public/AB6AXuA8eaeSUB2UNdDs_Mg-Bzwk96Wu0WyyGB3vsUHxCJEUOkXi9CbLBN3hYpYBgk7-ZjowJ2KeaYVU-x6Lm0sb-EMEo0I5p0ntqY82EuxF4A21_Ffmou1eG6S0SmCt7kC3HbVHwhKh_XdaDnAYpPy35Ci2ynJTRJXVSofqEgz_HDieyST5LdtfQkByWSqTW2bM18ozh_jA5-bTKb-B-Ve4j0dvJ6p2KQmfQWFlD6XOO4FInkqrGDTEdjJbQRmYBzIyAxTNOh6LGJMdNf-k"/>
<div class="absolute top-4 right-4 bg-white/90 backdrop-blur px-3 py-1 rounded-full text-xs font-bold text-primary tracking-wider uppercase">Bestseller</div>
</div>
<div class="p-8 flex flex-col flex-grow">
<div class="flex justify-between items-start mb-4">
<h3 class="text-2xl font-bold leading-tight">Tort Musowy Truskawkowy</h3>
<span class="text-primary font-bold text-lg">120 zł/kg</span>
</div>
<p class="text-on-surface-variant text-sm mb-8 leading-relaxed">Delikatny mus na bazie białej czekolady i świeżych polskich truskawek, z chrupiącą warstwą prażynki.</p>
<div class="mt-auto pt-6">
<button class="w-full py-4 rounded-full bg-surface-container-high text-on-surface font-bold transition-all duration-300 hover:bg-primary hover:text-on-primary flex items-center justify-center gap-2">
<span class="material-symbols-outlined text-xl">shopping_basket</span>
Dodaj do zamówienia
</button>
</div>
</div>
</div>
<!-- Product Card 2 -->
<div class="group flex flex-col bg-surface-container-lowest rounded-lg overflow-hidden transition-all duration-300 hover:-translate-y-2">
<div class="relative h-72 overflow-hidden">
<img alt="collection of artisan pastel colored cupcakes with delicate floral frosting swirls on a wooden bakery counter" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDk5K-uPB0likN3jDErxnNvZK11658Q5UQaeLtdGOlsKYsiyf4qKIB5bmbF7ILwew-lpj7R7JsdwHAUjG6-LQTa82BipkI1Di581-_iZatyKgJw2rL3hYBiHkg8rLn0BuzWEXegAxOWl0D7ucEZmbYdO1KdLHt7KDtbUtC7FRlFSq3P4rMT73xqyd9oTI3wYEmfXAQFPPXAVlJD_8aagKxPqtdJ860b3onRRwf6QG1nrOcbQj4Qdv2OD9HCjJlyG5CUjBr-3K_4nFHB"/>
</div>
<div class="p-8 flex flex-col flex-grow">
<div class="flex justify-between items-start mb-4">
<h3 class="text-2xl font-bold leading-tight">Zestaw Cupcakes</h3>
<span class="text-primary font-bold text-lg">14 zł/szt</span>
</div>
<p class="text-on-surface-variant text-sm mb-8 leading-relaxed">Ręcznie dekorowane babeczki w różnych smakach: wanilia, słony karmel, pistacja. Idealne na prezent.</p>
<div class="mt-auto pt-6">
<button class="w-full py-4 rounded-full bg-surface-container-high text-on-surface font-bold transition-all duration-300 hover:bg-primary hover:text-on-primary flex items-center justify-center gap-2">
<span class="material-symbols-outlined text-xl">shopping_basket</span>
Dodaj do zamówienia
</button>
</div>
</div>
</div>
<!-- Product Card 3 -->
<div class="group flex flex-col bg-surface-container-lowest rounded-lg overflow-hidden transition-all duration-300 hover:-translate-y-2">
<div class="relative h-72 overflow-hidden">
<img alt="classic sourdough tart with fresh blueberries and powdered sugar, rustic wooden background, artisanal bakery style" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDVXDjC63tmXiXhiEwjjuW8c4Y2PLue4zGYQ7bAnVmeWg4BKD7osLg0GolJOG7EVJtz9sDFTeQeTgMuuLEkacp1lgJi8TdlRSA_QMJkkHIC1miXtO_JZxs7SFgPyZZV6eRhBY15WhkhuiIXM2RUYR_f5COmpWx7thxVG7KmvQXdSSSZ1GARN5DEVRCy_fwE-vwTMISscgScheFBQYEBIBHzDjG_FcX7NaPK5XruTumtmzQSZWdgxnf67holWyNkvn0MkTQD4hp4xZmr"/>
</div>
<div class="p-8 flex flex-col flex-grow">
<div class="flex justify-between items-start mb-4">
<h3 class="text-2xl font-bold leading-tight">Klasyczny Biszkopt Owocowy</h3>
<span class="text-primary font-bold text-lg">85 zł/kg</span>
</div>
<p class="text-on-surface-variant text-sm mb-8 leading-relaxed">Puszysty biszkopt pieczony według rodzinnej receptury Gosi, z bitą śmietaną i sezonowymi owocami.</p>
<div class="mt-auto pt-6">
<button class="w-full py-4 rounded-full bg-surface-container-high text-on-surface font-bold transition-all duration-300 hover:bg-primary hover:text-on-primary flex items-center justify-center gap-2">
<span class="material-symbols-outlined text-xl">shopping_basket</span>
Dodaj do zamówienia
</button>
</div>
</div>
</div>
</div>
</section>
<!-- Torty (Cakes) Section -->
<section class="mb-24" id="torty">
<div class="flex items-center justify-between mb-12">
<h2 class="text-4xl lg:text-5xl font-bold italic">Torty</h2>
<div class="h-[1px] flex-grow mx-8 bg-outline-variant opacity-20"></div>
<span class="material-symbols-outlined text-primary text-3xl">cake</span>
</div>
<!-- 1. Special Occasion Cakes -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-16">
<div class="bg-surface-container-low p-8 rounded-xl border border-outline-variant/10">
<h4 class="text-xl font-bold mb-3">Torty z masą cukrową</h4>
<p class="text-primary font-bold text-lg mb-2">od 190 zł</p>
<p class="text-on-surface-variant text-sm">Artystyczne zdobienia i figurki. Cena zależna od stopnia skomplikowania.</p>
</div>
<div class="bg-surface-container-low p-8 rounded-xl border border-outline-variant/10">
<h4 class="text-xl font-bold mb-3">Torty nowoczesne</h4>
<p class="text-primary font-bold text-lg mb-2">od 160 zł</p>
<p class="text-on-surface-variant text-sm">Eleganckie wykończenie tynkiem lub zamszem jadalnym.</p>
</div>
<div class="bg-surface-container-low p-8 rounded-xl border border-outline-variant/10">
<h4 class="text-xl font-bold mb-3">Torty bezowe</h4>
<p class="text-primary font-bold text-lg mb-2">od 140 zł</p>
<p class="text-on-surface-variant text-sm">Lekkie jak chmurka, z kremem mascarpone i owocami.</p>
</div>
<div class="bg-surface-container-low p-8 rounded-xl border border-outline-variant/10">
<h4 class="text-xl font-bold mb-3">Torty weselne</h4>
<p class="text-primary font-bold text-lg mb-2">Wycena indywidualna</p>
<p class="text-on-surface-variant text-sm">Degustacje i projektowanie dopasowane do motywu wesela.</p>
</div>
</div>
<!-- 2. Traditional Cake Pricing & Add-ons -->
<div class="grid grid-cols-1 lg:grid-cols-3 gap-12 mb-20 items-start">
<div class="lg:col-span-2">
<h3 class="text-2xl font-bold mb-8 flex items-center gap-3">
<span class="material-symbols-outlined text-secondary">payments</span>
Cennik Tortów Tradycyjnych
</h3>
<div class="overflow-hidden rounded-xl border border-outline-variant/20">
<table class="w-full text-left border-collapse bg-surface-container-lowest">
<thead>
<tr class="bg-secondary-container/30">
<th class="p-4 font-bold border-b border-outline-variant/20">Wielkość (porcje)</th>
<th class="p-4 font-bold border-b border-outline-variant/20 text-right">Cena orientacyjna</th>
</tr>
</thead>
<tbody class="text-on-surface">
<tr>
<td class="p-4 border-b border-outline-variant/10">Mały (6-8 porcji)</td>
<td class="p-4 border-b border-outline-variant/10 text-right font-medium">od 110 zł</td>
</tr>
<tr>
<td class="p-4 border-b border-outline-variant/10">Średni (10-12 porcji)</td>
<td class="p-4 border-b border-outline-variant/10 text-right font-medium">od 150 zł</td>
</tr>
<tr>
<td class="p-4 border-b border-outline-variant/10">Duży (15-18 porcji)</td>
<td class="p-4 border-b border-outline-variant/10 text-right font-medium">od 210 zł</td>
</tr>
<tr>
<td class="p-4 border-b border-outline-variant/10">Bardzo Duży (20-25 porcji)</td>
<td class="p-4 border-b border-outline-variant/10 text-right font-medium">od 280 zł</td>
</tr>
<tr>
<td class="p-4">Gigant (25+ porcji)</td>
<td class="p-4 text-right font-medium">od 350 zł</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="bg-primary-container/10 p-8 rounded-xl border border-primary/10">
<h4 class="text-xl font-bold mb-6 text-primary">Dodatki do tortów</h4>
<ul class="space-y-4">
<li class="flex justify-between items-center text-sm">
<span class="text-on-surface-variant">Figurka z masy cukrowej</span>
<span class="font-bold">od 40 zł</span>
</li>
<li class="flex justify-between items-center text-sm border-t border-primary/5 pt-4">
<span class="text-on-surface-variant">Żywe kwiaty (dekoracja)</span>
<span class="font-bold">od 30 zł</span>
</li>
<li class="flex justify-between items-center text-sm border-t border-primary/5 pt-4">
<span class="text-on-surface-variant">Topper personalizowany</span>
<span class="font-bold">25 zł</span>
</li>
<li class="flex justify-between items-center text-sm border-t border-primary/5 pt-4">
<span class="text-on-surface-variant">Piętrowanie (za każde piętro)</span>
<span class="font-bold">50 zł</span>
</li>
</ul>
</div>
</div>
<!-- 3. Flavor Menu -->
<div class="mb-24">
<div class="text-center mb-12">
<h3 class="text-3xl font-bold mb-2">Menu Smaków</h3>
<p class="text-on-surface-variant">Wybierz swoją ulubioną kompozycję bazową</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Chocolate Bases -->
<div class="space-y-6">
<div class="flex items-center gap-3 mb-4">
<div class="w-10 h-10 bg-[#5d4800]/10 rounded-full flex items-center justify-center">
<span class="material-symbols-outlined text-[#5d4800]" data-icon="restaurant_menu">restaurant_menu</span>
</div>
<h4 class="text-xl font-bold">Bazy Czekoladowe</h4>
</div>
<ul class="space-y-4">
<li class="group">
<span class="font-bold block text-on-surface group-hover:text-primary transition-colors">Kinder Bueno</span>
<span class="text-xs text-on-surface-variant leading-relaxed">Krem z orzechów laskowych, mleczna czekolada, chrupiące wafelki.</span>
</li>
<li class="group">
<span class="font-bold block text-on-surface group-hover:text-primary transition-colors">Oreo &amp; Dark Choco</span>
<span class="text-xs text-on-surface-variant leading-relaxed">Intensywna gorzka czekolada z kawałkami kultowych ciasteczek.</span>
</li>
<li class="group">
<span class="font-bold block text-on-surface group-hover:text-primary transition-colors">Słony Karmel</span>
<span class="text-xs text-on-surface-variant leading-relaxed">Ganache z solonego karmelu przełamany musem czekoladowym.</span>
</li>
</ul>
</div>
<!-- Creamy & Fruity -->
<div class="space-y-6">
<div class="flex items-center gap-3 mb-4">
<div class="w-10 h-10 bg-[#8c4d50]/10 rounded-full flex items-center justify-center">
<span class="material-symbols-outlined text-primary" data-icon="favorite">favorite</span>
</div>
<h4 class="text-xl font-bold">Kremowe i Owocowe</h4>
</div>
<ul class="space-y-4">
<li class="group">
<span class="font-bold block text-on-surface group-hover:text-primary transition-colors">Pistacja z Maliną</span>
<span class="text-xs text-on-surface-variant leading-relaxed">Autorska pasta pistacjowa z kwaśnym żelee malinowym.</span>
</li>
<li class="group">
<span class="font-bold block text-on-surface group-hover:text-primary transition-colors">Raffaello</span>
<span class="text-xs text-on-surface-variant leading-relaxed">Delikatny krem kokosowy z migdałami i białą czekoladą.</span>
</li>
<li class="group">
<span class="font-bold block text-on-surface group-hover:text-primary transition-colors">Mango-Marakuja</span>
<span class="text-xs text-on-surface-variant leading-relaxed">Egzotyczny mus owocowy na jasnym biszkopcie.</span>
</li>
</ul>
</div>
<!-- Refreshing -->
<div class="space-y-6">
<div class="flex items-center gap-3 mb-4">
<div class="w-10 h-10 bg-[#536444]/10 rounded-full flex items-center justify-center">
<span class="material-symbols-outlined text-secondary" data-icon="air">air</span>
</div>
<h4 class="text-xl font-bold">Smaki Orzeźwiające</h4>
</div>
<ul class="space-y-4">
<li class="group">
<span class="font-bold block text-on-surface group-hover:text-primary transition-colors">Cytrynowy Bez</span>
<span class="text-xs text-on-surface-variant leading-relaxed">Lekki krem cytrynowy z nutą kwiatu czarnego bzu.</span>
</li>
<li class="group">
<span class="font-bold block text-on-surface group-hover:text-primary transition-colors">Kawa z Whiskey</span>
<span class="text-xs text-on-surface-variant leading-relaxed">Mocne espresso z kremem na bazie Jacka Danielsa.</span>
</li>
<li class="group">
<span class="font-bold block text-on-surface group-hover:text-primary transition-colors">Leśna Jagoda</span>
<span class="text-xs text-on-surface-variant leading-relaxed">Puszysty krem jogurtowy z dużą ilością świeżych jagód.</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 4. Modern Mousse Cakes Details -->
<div class="bg-surface-container rounded-3xl p-8 lg:p-16">
<div class="flex flex-col lg:flex-row items-start gap-12">
<div class="lg:w-1/3">
<h3 class="text-3xl font-bold mb-6 italic">Torty Nowoczesne (Musowe)</h3>
<p class="text-on-surface-variant mb-8 leading-relaxed">Nasze małe dzieła sztuki cukierniczej. Lekkie musy o wielowymiarowym smaku, ukryte pod aksamitnym zamszem.</p>
</div>
<div class="lg:w-2/3 grid grid-cols-1 md:grid-cols-2 gap-8">
<!-- Mousse 1 -->
<div class="gap-4">
<div>
<h5 class="font-bold text-lg mb-1">KARMEL-JOGURT-MIGDAŁY</h5>
<p class="text-xs text-on-surface-variant">Słony karmel, delikatny mus jogurtowy, chrupiąca prażynka migdałowa na biszkopcie dacquoise.</p>
</div>
</div>
<!-- Mousse 2 -->
<div class="gap-4">
<div>
<h5 class="font-bold text-lg mb-1">MARAKUJA-BIAŁA CZEKOLADA</h5>
<p class="text-xs text-on-surface-variant">Egzotyczne orzeźwienie marakui zbalansowane słodyczą aksamitnego musu z belgijskiej czekolady.</p>
</div>
</div>
<!-- Mousse 3 -->
<div class="gap-4">
<div>
<h5 class="font-bold text-lg mb-1">ORZECH LASKOWY-PORZECZKA</h5>
<p class="text-xs text-on-surface-variant">Głęboki smak prażonych orzechów przełamany kwaśnym konfiturem z czarnej porzeczki.</p>
</div>
</div>
<!-- Mousse 4 -->
<div class="gap-4">
<div>
<h5 class="font-bold text-lg mb-1">CIEMNA CZEKOLADA-WIŚNIA</h5>
<p class="text-xs text-on-surface-variant">Klasyczne połączenie w nowoczesnym wydaniu: mus 70% kakao i wiśnie marynowane w likierze.</p>
</div>
</div>
<!-- Mousse 5 -->
<div class="gap-4 md:col-span-2">
<div>
<h5 class="font-bold text-lg mb-1">PISTACJA-TRUSKAWKA-WANILIA</h5>
<p class="text-xs text-on-surface-variant">Nasz flagowy produkt: mus pistacjowy, serce z truskawki i krem waniliowy z Madagaskaru.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Homemade Gelato Section -->
<section class="bg-surface-container-low rounded-xl p-12 lg:p-20 relative overflow-hidden">
<div class="absolute top-0 right-0 w-1/3 h-full opacity-5 pointer-events-none">
<span class="material-symbols-outlined text-[20rem] rotate-12">ice_skating</span>
</div>
<div class="relative z-10">
<div class="max-w-xl mb-16">
<h2 class="text-4xl lg:text-5xl font-bold mb-6 italic">Homemade Gelato</h2>
<p class="text-on-surface-variant">Nasze lody rzemieślnicze przygotowujemy codziennie rano z prawdziwego mleka i świeżych owoców. Bez sztucznych aromatów.</p>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<!-- Flavor 1 -->
<div class="bg-surface-container-lowest p-6 rounded-lg text-center transition-transform hover:scale-105">
<div class="w-16 h-16 bg-[#e0f5cb] rounded-full flex items-center justify-center mx-auto mb-4">
<span class="material-symbols-outlined text-secondary text-3xl">eco</span>
</div>
<h4 class="font-bold text-lg mb-1">Pistacja</h4>
<p class="text-xs text-on-surface-variant uppercase tracking-widest">Sycylia</p>
<div class="mt-4 pt-4 border-t border-outline-variant/10">
<span class="text-primary font-bold">8 zł / gałka</span>
</div>
</div>
<!-- Flavor 2 -->
<div class="bg-surface-container-lowest p-6 rounded-lg text-center transition-transform hover:scale-105">
<div class="w-16 h-16 bg-primary-container/30 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="material-symbols-outlined text-primary text-3xl">favorite</span>
</div>
<h4 class="font-bold text-lg mb-1">Truskawka</h4>
<p class="text-xs text-on-surface-variant uppercase tracking-widest">Sorbet</p>
<div class="mt-4 pt-4 border-t border-outline-variant/10">
<span class="text-primary font-bold">7 zł / gałka</span>
</div>
</div>
<!-- Flavor 3 -->
<div class="bg-surface-container-lowest p-6 rounded-lg text-center transition-transform hover:scale-105">
<div class="w-16 h-16 bg-tertiary-container/30 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="material-symbols-outlined text-tertiary text-3xl">bakery_dining</span>
</div>
<h4 class="font-bold text-lg mb-1">Słony Karmel</h4>
<p class="text-xs text-on-surface-variant uppercase tracking-widest">Klasyk</p>
<div class="mt-4 pt-4 border-t border-outline-variant/10">
<span class="text-primary font-bold">7 zł / gałka</span>
</div>
</div>
<!-- Flavor 4 -->
<div class="bg-surface-container-lowest p-6 rounded-lg text-center transition-transform hover:scale-105">
<div class="w-16 h-16 bg-secondary-container/30 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="material-symbols-outlined text-secondary text-3xl">ac_unit</span>
</div>
<h4 class="font-bold text-lg mb-1">Śmietanka</h4>
<p class="text-xs text-on-surface-variant uppercase tracking-widest">Z Wiejskiego Mleka</p>
<div class="mt-4 pt-4 border-t border-outline-variant/10">
<span class="text-primary font-bold">7 zł / gałka</span>
</div>
</div>
</div>
<div class="mt-12 text-center">
<button class="bg-primary text-on-primary px-10 py-4 rounded-full font-bold shadow-lg hover:shadow-primary/20 transition-all">
Zamów puchar lodowy
</button>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-[#faf3e7] dark:bg-[#1a1c18] full-width rounded-t-[3rem] mt-12">
<div class="flex flex-col md:flex-row justify-between items-start w-full px-12 py-16 gap-8 max-w-7xl mx-auto">
<div class="flex flex-col gap-4">
<div class="text-xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<p class="text-[#363227] dark:text-[#e6e2d9] text-sm max-w-xs">Prawdziwe smaki dzieciństwa, wypiekane z sercem każdego dnia.</p>
<p class="text-[#8c4d50] dark:text-[#fcacaf] text-sm font-medium">© 2024 Piekarnik Gosi. Tradycja i Słodkość.</p>
</div>
<div class="flex flex-col md:flex-row gap-12">
<div class="flex flex-col gap-3">
<h5 class="font-bold text-[#363227] dark:text-[#e6e2d9]">Menu</h5>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">O nas</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">Alergeny</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">Regulamin</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">Polityka Prywatności</a>
</div>
<div class="flex flex-col gap-3">
<h5 class="font-bold text-[#363227] dark:text-[#e6e2d9]">Social Media</h5>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity flex items-center gap-2" href="#">
Instagram
</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity flex items-center gap-2" href="#">
Facebook
</a>
</div>
</div>
</div>
</footer>
</body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 288 KiB

View file

@ -0,0 +1,85 @@
# Design System Document: Artisanal Elegance
## 1. Overview & Creative North Star
### Creative North Star: "The Confectioner’s Gallery"
This design system is not a mere utility; it is a digital extension of the physical 'Piekarnik Gosi' experience. It treats every interface as a curated display case, mirroring the warmth of a family-owned bakery and the precision of a high-end pâtisserie.
To break the "template" look common in local business sites, this system rejects rigid grids in favor of **Intentional Editorial Asymmetry**. We lean into overlapping elements—such as a product image bleeding off-center into a text block—to mimic the organic arrangement of cakes on a counter. The visual language is defined by high-contrast typography scales, where massive, elegant serifs meet delicate, airy sans-serifs, creating an atmosphere that is both approachable and elite.
---
## 2. Colors
The palette is derived from the shop's interior: sage greens, dusty roses, and warm creams. This is a tonal system designed for warmth.
### The "No-Line" Rule
**Explicit Instruction:** Designers are prohibited from using 1px solid borders to define sections. Boundaries must be defined solely through background color shifts. For example, a section using `surface-container-low` (#faf3e7) should sit directly against a `surface` (#fff8f0) background. This creates a soft, "dipped" effect rather than a harsh, boxed-in feel.
### Surface Hierarchy & Nesting
Treat the UI as physical layers of fine vellum paper. Use the surface tiers to create "nested" depth:
- **Base Level:** `surface` (#fff8f0) for the main body.
- **Sectioning:** `surface-container-low` (#faf3e7) for large background blocks (e.g., the "Our Story" section).
- **Interactive Layers:** `surface-container-highest` (#eae2d2) for secondary cards or floating menus to define importance through tonal weight.
### The "Glass & Gradient" Rule
To move beyond a flat, "standard" UI, use Glassmorphism for floating elements (like a navigation bar or a "Quick Cart"). Utilize semi-transparent surface colors with a `backdrop-blur` of 12px-20px.
**Signature CTA Polish:** Use subtle linear gradients for primary actions, transitioning from `primary` (#8c4d50) to `primary-container` (#fcacaf). This adds "visual soul" and a velvet-like texture that flat colors cannot replicate.
---
## 3. Typography
The typography strategy balances the "Tradition" of the bakery with the "Clarity" of a modern cafe menu.
- **Display & Headlines (Noto Serif):** These are our "Artisanal" markers. Use large scales (e.g., `display-lg` at 3.5rem) with tighter letter-spacing for a high-end editorial look. Italics should be used sparingly for "O nas" or "Nasze Wyroby" to evoke a handwritten, personal touch.
- **Titles & Body (Plus Jakarta Sans):** This is our "Modern Service" layer. It provides high legibility. `title-lg` is your workhorse for product names, while `body-md` ensures the ingredients list is readable at any age.
The hierarchy conveys the brand: The Serif speaks to the *quality* of the recipe; the Sans-Serif speaks to the *friendliness* of the service.
---
## 4. Elevation & Depth
We eschew structural lines for **Tonal Layering**.
- **The Layering Principle:** Stack containers to create lift. Place a `surface-container-lowest` (#ffffff) card on a `surface-container-low` (#faf3e7) section. This mimics the way a white pastry box sits on a cream-colored wooden table.
- **Ambient Shadows:** For "floating" elements (like a cupcake selection modal), use extra-diffused shadows.
- *Formula:* `0px 12px 32px rgba(54, 50, 39, 0.06)`. Note the color is a tinted version of `on-surface`, never pure black.
- **The "Ghost Border" Fallback:** If a border is required for accessibility, it must be a "Ghost Border": use `outline-variant` (#b9b1a3) at **15% opacity**. 100% opaque borders are strictly forbidden.
- **Soft Geometry:** Utilize the `lg` (2rem) and `xl` (3rem) roundedness tokens. This mimics the scalloped wall details and rounded seating seen in the 'Piekarnik Gosi' interior.
---
## 5. Components
### Buttons
- **Primary:** Rounded `full` (9999px). Gradient background (`primary` to `primary-container`). Label in `on-primary` (#fff7f6).
- **Secondary:** Surface-colored with a "Ghost Border." High-quality hover state: a subtle shift to `surface-container-high`.
### Cards & Lists
- **Rule:** Absolute prohibition of divider lines.
- **Implementation:** Use vertical whitespace (refer to Spacing Scale) and background shifts. A product list should be a sequence of `surface-container-lowest` tiles floating on a `surface` background.
- **Bakery Icons:** Use custom line-art icons (Cupcakes, Whisks) in the `primary` color, but place them within a `secondary-container` (#e0f5cb) circle to create a "stamp" effect.
### Selection Chips
- Use the `md` (1.5rem) roundedness. Use `secondary-container` for the "Active" state to bring in the sage green from the shop’s beams and window frames.
### Input Fields
- Avoid the "boxed" look. Use `surface-container-highest` as a solid background fill with a bottom-only `outline` at 20% opacity. This feels more like a chic, handwritten menu.
---
## 6. Do’s and Don'ts
### Do:
* **Embrace Whitespace:** Let the "Cream" background breathe. High-end design is defined by what isn't there.
* **Layer Tones:** Always ask "Can I use a color shift instead of a line?"
* **Iconography with Intent:** Use bakery-specific icons to reinforce the family-oriented, artisanal nature.
* **Asymmetric Layouts:** Place a large serif heading on the left and a product image slightly overlapping it on the right.
### Don't:
* **Don't use pure black (#000000):** Use `on-background` (#363227) for text to maintain a warm, organic feel.
* **Don't use hard corners:** Every element should feel as soft as a pastry. Minimum corner radius is `sm` (0.5rem), but aim for `lg` (2rem).
* **Don't use heavy shadows:** If the shadow looks "dirty" or "heavy," reduce the opacity. It should feel like morning light in a coffee shop.
* **Don't use standard Dividers:** If you need to separate content, use a change in background color or a 48px-64px vertical gap.

View file

@ -0,0 +1,276 @@
<!DOCTYPE html>
<html lang="pl"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&amp;family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<script id="tailwind-config">
tailwind.config = {
darkMode: "class",
theme: {
extend: {
"colors": {
"background": "#fff8f0",
"outline": "#807a6d",
"on-secondary-container": "#4c5e3e",
"surface-container-lowest": "#ffffff",
"tertiary-fixed": "#f8d472",
"primary-dim": "#7e4145",
"inverse-primary": "#f9a9ac",
"surface-variant": "#eae2d2",
"on-secondary-fixed": "#3b4b2d",
"surface-tint": "#8c4d50",
"primary-fixed": "#fcacaf",
"on-secondary": "#edffd9",
"outline-variant": "#b9b1a3",
"on-primary-container": "#622b2f",
"error-dim": "#821a01",
"secondary-container": "#e0f5cb",
"on-secondary-fixed-variant": "#566847",
"error-container": "#fa7150",
"on-background": "#363227",
"on-tertiary-fixed": "#463600",
"secondary-dim": "#475839",
"on-tertiary-fixed-variant": "#695100",
"surface": "#fff8f0",
"inverse-surface": "#100e09",
"on-primary-fixed-variant": "#6d3438",
"surface-container-low": "#faf3e7",
"inverse-on-surface": "#a19c94",
"on-surface-variant": "#645f52",
"surface-container": "#f5ede0",
"on-primary": "#fff7f6",
"secondary-fixed-dim": "#d2e6bd",
"on-primary-fixed": "#48171c",
"surface-container-high": "#efe7d9",
"on-error-container": "#671200",
"secondary-fixed": "#e0f5cb",
"surface-container-highest": "#eae2d2",
"surface-dim": "#e2d9c8",
"secondary": "#536444",
"tertiary-container": "#f8d472",
"on-tertiary-container": "#5d4800",
"tertiary": "#765c00",
"on-error": "#fff7f6",
"surface-bright": "#fff8f0",
"primary-container": "#fcacaf",
"tertiary-fixed-dim": "#e9c666",
"on-tertiary": "#fff8ef",
"tertiary-dim": "#675000",
"primary": "#8c4d50",
"primary-fixed-dim": "#ed9fa2",
"error": "#aa371c",
"on-surface": "#363227"
},
"borderRadius": {
"DEFAULT": "1rem",
"lg": "2rem",
"xl": "3rem",
"full": "9999px"
},
"fontFamily": {
"headline": ["Noto Serif"],
"body": ["Plus Jakarta Sans"],
"label": ["Plus Jakarta Sans"]
}
},
},
}
</script>
<style>
.material-symbols-outlined {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
body { font-family: 'Plus Jakarta Sans', sans-serif; }
h1, h2, h3 { font-family: 'Noto Serif', serif; }
</style>
</head>
<body class="bg-background text-on-background">
<!-- Top Navigation -->
<nav class="bg-[#fff8f0]/80 dark:bg-[#1a1c18]/80 backdrop-blur-xl docked full-width top-0 sticky z-50">
<div class="flex justify-between items-center w-full px-8 py-4 max-w-7xl mx-auto">
<div class="text-2xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<div class="hidden md:flex items-center gap-8">
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300 font-medium" href="#">Strona Główna</a>
<a class="text-[#8c4d50] dark:text-[#fcacaf] font-bold border-b-2 border-[#8c4d50] dark:border-[#fcacaf] pb-1 transition-all duration-300" href="#">Wyroby</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300 font-medium" href="#">Portfolio</a>
<a class="text-[#363227] dark:text-[#e6e2d9] opacity-80 hover:text-[#8c4d50] dark:hover:text-[#fcacaf] transition-all duration-300 font-medium" href="#">Kawiarnia</a>
</div>
<button class="bg-gradient-to-r from-primary to-primary-container text-on-primary px-8 py-2.5 rounded-full font-medium scale-95 transition-transform duration-200 hover:scale-100 shadow-sm">
Kontakt
</button>
</div>
</nav>
<main class="max-w-7xl mx-auto px-6 lg:px-8 py-16">
<!-- Hero Section -->
<header class="mb-20">
<h1 class="text-5xl lg:text-7xl font-bold tracking-tight mb-6">Nasze Słodkości</h1>
<p class="text-on-surface-variant text-lg max-w-2xl leading-relaxed">Poznaj nasze tradycyjne receptury przekute w nowoczesne formy. Każdy wypiek to historia pasji, a każde lody to powiew naturalnej świeżości.</p>
</header>
<!-- Cakes & Pastries Section -->
<section class="mb-24">
<div class="flex items-center justify-between mb-12">
<h2 class="text-4xl font-bold">Cakes &amp; Pastries</h2>
<div class="h-[1px] flex-grow mx-8 bg-outline-variant opacity-20"></div>
<div class="flex gap-2">
<span class="bg-secondary-container text-on-secondary-container px-4 py-1.5 rounded-md text-sm font-medium">Ciasta</span>
<span class="bg-surface-container-highest px-4 py-1.5 rounded-md text-sm font-medium opacity-60">Torty</span>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
<!-- Product Card 1 -->
<div class="group flex flex-col bg-surface-container-lowest rounded-lg overflow-hidden transition-all duration-300 hover:-translate-y-2">
<div class="relative h-72 overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" data-alt="sophisticated multi-layered chocolate mousse cake with gold leaf decoration on a ceramic plate, soft morning light" src="https://lh3.googleusercontent.com/aida-public/AB6AXuA8eaeSUB2UNdDs_Mg-Bzwk96Wu0WyyGB3vsUHxCJEUOkXi9CbLBN3hYpYBgk7-ZjowJ2KeaYVU-x6Lm0sb-EMEo0I5p0ntqY82EuxF4A21_Ffmou1eG6S0SmCt7kC3HbVHwhKh_XdaDnAYpPy35Ci2ynJTRJXVSofqEgz_HDieyST5LdtfQkByWSqTW2bM18ozh_jA5-bTKb-B-Ve4j0dvJ6p2KQmfQWFlD6XOO4FInkqrGDTEdjJbQRmYBzIyAxTNOh6LGJMdNf-k"/>
<div class="absolute top-4 right-4 bg-white/90 backdrop-blur px-3 py-1 rounded-full text-xs font-bold text-primary tracking-wider uppercase">Bestseller</div>
</div>
<div class="p-8 flex flex-col flex-grow">
<div class="flex justify-between items-start mb-4">
<h3 class="text-2xl font-bold leading-tight">Tort Musowy Truskawkowy</h3>
<span class="text-primary font-bold text-lg">120 zł/kg</span>
</div>
<p class="text-on-surface-variant text-sm mb-8 leading-relaxed">Delikatny mus na bazie białej czekolady i świeżych polskich truskawek, z chrupiącą warstwą prażynki.</p>
<div class="mt-auto pt-6">
<button class="w-full py-4 rounded-full bg-surface-container-high text-on-surface font-bold transition-all duration-300 hover:bg-primary hover:text-on-primary flex items-center justify-center gap-2">
<span class="material-symbols-outlined text-xl" data-icon="shopping_basket">shopping_basket</span>
Dodaj do zamówienia
</button>
</div>
</div>
</div>
<!-- Product Card 2 -->
<div class="group flex flex-col bg-surface-container-lowest rounded-lg overflow-hidden transition-all duration-300 hover:-translate-y-2">
<div class="relative h-72 overflow-hidden">
<img class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" data-alt="collection of artisan pastel colored cupcakes with delicate floral frosting swirls on a wooden bakery counter" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDk5K-uPB0likN3jDErxnNvZK11658Q5UQaeLtdGOlsKYsiyf4qKIB5bmbF7ILwew-lpj7R7JsdwHAUjG6-LQTa82BipkI1Di581-_iZatyKgJw2rL3hYBiHkg8rLn0BuzWEXegAxOWl0D7ucEZmbYdO1KdLHt7KDtbUtC7FRlFSq3P4rMT73xqyd9oTI3wYEmfXAQFPPXAVlJD_8aagKxPqtdJ860b3onRRwf6QG1nrOcbQj4Qdv2OD9HCjJlyG5CUjBr-3K_4nFHB"/>
</div>
<div class="p-8 flex flex-col flex-grow">
<div class="flex justify-between items-start mb-4">
<h3 class="text-2xl font-bold leading-tight">Zestaw Cupcakes</h3>
<span class="text-primary font-bold text-lg">14 zł/szt</span>
</div>
<p class="text-on-surface-variant text-sm mb-8 leading-relaxed">Ręcznie dekorowane babeczki w różnych smakach: wanilia, słony karmel, pistacja. Idealne na prezent.</p>
<div class="mt-auto pt-6">
<button class="w-full py-4 rounded-full bg-surface-container-high text-on-surface font-bold transition-all duration-300 hover:bg-primary hover:text-on-primary flex items-center justify-center gap-2">
<span class="material-symbols-outlined text-xl" data-icon="shopping_basket">shopping_basket</span>
Dodaj do zamówienia
</button>
</div>
</div>
</div>
<!-- Product Card 3 -->
<div class="group flex flex-col bg-surface-container-lowest rounded-lg overflow-hidden transition-all duration-300 hover:-translate-y-2">
<div class="relative h-72 overflow-hidden">
<img class="w-col h-full object-cover transition-transform duration-500 group-hover:scale-110" data-alt="classic sourdough tart with fresh blueberries and powdered sugar, rustic wooden background, artisanal bakery style" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDVXDjC63tmXiXhiEwjjuW8c4Y2PLue4zGYQ7bAnVmeWg4BKD7osLg0GolJOG7EVJtz9sDFTeQeTgMuuLEkacp1lgJi8TdlRSA_QMJkkHIC1miXtO_JZxs7SFgPyZZV6eRhBY15WhkhuiIXM2RUYR_f5COmpWx7thxVG7KmvQXdSSSZ1GARN5DEVRCy_fwE-vwTMISscgScheFBQYEBIBHzDjG_FcX7NaPK5XruTumtmzQSZWdgxnf67holWyNkvn0MkTQD4hp4xZmr"/>
</div>
<div class="p-8 flex flex-col flex-grow">
<div class="flex justify-between items-start mb-4">
<h3 class="text-2xl font-bold leading-tight">Klasyczny Biszkopt Owocowy</h3>
<span class="text-primary font-bold text-lg">85 zł/kg</span>
</div>
<p class="text-on-surface-variant text-sm mb-8 leading-relaxed">Puszysty biszkopt pieczony według rodzinnej receptury Gosi, z bitą śmietaną i sezonowymi owocami.</p>
<div class="mt-auto pt-6">
<button class="w-full py-4 rounded-full bg-surface-container-high text-on-surface font-bold transition-all duration-300 hover:bg-primary hover:text-on-primary flex items-center justify-center gap-2">
<span class="material-symbols-outlined text-xl" data-icon="shopping_basket">shopping_basket</span>
Dodaj do zamówienia
</button>
</div>
</div>
</div>
</div>
</section>
<!-- Homemade Gelato Section -->
<section class="bg-surface-container-low rounded-xl p-12 lg:p-20 relative overflow-hidden">
<div class="absolute top-0 right-0 w-1/3 h-full opacity-5 pointer-events-none">
<span class="material-symbols-outlined text-[20rem] rotate-12" data-icon="ice_skating">ice_skating</span>
</div>
<div class="relative z-10">
<div class="max-w-xl mb-16">
<h2 class="text-4xl lg:text-5xl font-bold mb-6 italic">Homemade Gelato</h2>
<p class="text-on-surface-variant">Nasze lody rzemieślnicze przygotowujemy codziennie rano z prawdziwego mleka i świeżych owoców. Bez sztucznych aromatów.</p>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<!-- Flavor 1 -->
<div class="bg-surface-container-lowest p-6 rounded-lg text-center transition-transform hover:scale-105">
<div class="w-16 h-16 bg-[#e0f5cb] rounded-full flex items-center justify-center mx-auto mb-4">
<span class="material-symbols-outlined text-secondary text-3xl" data-icon="eco">eco</span>
</div>
<h4 class="font-bold text-lg mb-1">Pistacja</h4>
<p class="text-xs text-on-surface-variant uppercase tracking-widest">Sycylia</p>
<div class="mt-4 pt-4 border-t border-outline-variant/10">
<span class="text-primary font-bold">8 zł / gałka</span>
</div>
</div>
<!-- Flavor 2 -->
<div class="bg-surface-container-lowest p-6 rounded-lg text-center transition-transform hover:scale-105">
<div class="w-16 h-16 bg-primary-container/30 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="material-symbols-outlined text-primary text-3xl" data-icon="favorite">favorite</span>
</div>
<h4 class="font-bold text-lg mb-1">Truskawka</h4>
<p class="text-xs text-on-surface-variant uppercase tracking-widest">Sorbet</p>
<div class="mt-4 pt-4 border-t border-outline-variant/10">
<span class="text-primary font-bold">7 zł / gałka</span>
</div>
</div>
<!-- Flavor 3 -->
<div class="bg-surface-container-lowest p-6 rounded-lg text-center transition-transform hover:scale-105">
<div class="w-16 h-16 bg-tertiary-container/30 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="material-symbols-outlined text-tertiary text-3xl" data-icon="bakery_dining">bakery_dining</span>
</div>
<h4 class="font-bold text-lg mb-1">Słony Karmel</h4>
<p class="text-xs text-on-surface-variant uppercase tracking-widest">Klasyk</p>
<div class="mt-4 pt-4 border-t border-outline-variant/10">
<span class="text-primary font-bold">7 zł / gałka</span>
</div>
</div>
<!-- Flavor 4 -->
<div class="bg-surface-container-lowest p-6 rounded-lg text-center transition-transform hover:scale-105">
<div class="w-16 h-16 bg-secondary-container/30 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="material-symbols-outlined text-secondary text-3xl" data-icon="ac_unit">ac_unit</span>
</div>
<h4 class="font-bold text-lg mb-1">Śmietanka</h4>
<p class="text-xs text-on-surface-variant uppercase tracking-widest">Z Wiejskiego Mleka</p>
<div class="mt-4 pt-4 border-t border-outline-variant/10">
<span class="text-primary font-bold">7 zł / gałka</span>
</div>
</div>
</div>
<div class="mt-12 text-center">
<button class="bg-primary text-on-primary px-10 py-4 rounded-full font-bold shadow-lg hover:shadow-primary/20 transition-all">
Zamów puchar lodowy
</button>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-[#faf3e7] dark:bg-[#1a1c18] full-width rounded-t-[3rem] mt-12">
<div class="flex flex-col md:flex-row justify-between items-start w-full px-12 py-16 gap-8 max-w-7xl mx-auto">
<div class="flex flex-col gap-4">
<div class="text-xl font-serif italic text-[#8c4d50] dark:text-[#fcacaf]">Piekarnik Gosi</div>
<p class="text-[#363227] dark:text-[#e6e2d9] text-sm max-w-xs">Prawdziwe smaki dzieciństwa, wypiekane z sercem każdego dnia.</p>
<p class="text-[#8c4d50] dark:text-[#fcacaf] text-sm font-medium">© 2024 Piekarnik Gosi. Tradycja i Słodkość.</p>
</div>
<div class="flex flex-col md:flex-row gap-12">
<div class="flex flex-col gap-3">
<h5 class="font-bold text-[#363227] dark:text-[#e6e2d9]">Menu</h5>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">O nas</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">Alergeny</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">Regulamin</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity" href="#">Polityka Prywatności</a>
</div>
<div class="flex flex-col gap-3">
<h5 class="font-bold text-[#363227] dark:text-[#e6e2d9]">Social Media</h5>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity flex items-center gap-2" href="#">
Instagram
</a>
<a class="text-[#363227] dark:text-[#e6e2d9] text-sm hover:opacity-70 transition-opacity flex items-center gap-2" href="#">
Facebook
</a>
</div>
</div>
</div>
</footer>
</body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 448 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View file

@ -0,0 +1,291 @@
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<title>Piekarnik Gosi</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="" />
<link href="normalize.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="icon" href="favicon.png">
</head>
<body>
<header>
<h1>Hello, world!</h1>
</header>
<main>
<section>
<h2>O nas</h2>
<p>
„Piekarnik Gosi” to marzenie, które udało mi się zrealizować dzięki wsparciu i pomocy moich najbliższych.</br>
To pracownia cukiernicza stworzona z zamiłowania do pieczenia. Tworzę z pasją, z najwyższej jakości składników, słodkości, które uświetnią każdą uroczystość oraz spotkanie.</br>
Wszystkie wypieki wykonuje od podstaw własnoręcznie : od biszkoptu , frużelin owocowych, chrupek , kremów aż po elementy dekoracyjne.</br>
W mojej ofercie znajdują się torty weselne, słodkie stoły, torty okazjonalne, tarty i ciasta wykonywane na indywidualne zamówienia.</br>
Co wyróżnia moją pracownię?</br>
Domowy i naturalny smak 🙂</br>
Realizuje życzenia klientów ze starannością i pełnym zaangażowaniem.</br>
</p>
</section>
<section>
<h2>Nasze Wyroby</h2>
<section>
<h3>Torty</h3>
<section>
<h4>Smaki</h4>
<section>
<h5>Biszkopt kakaowy</h5>
<ul>
<li>czekoladowy (możliwość połączenia z frużeliną malinową bądź wiśniową)</li>
<li>czekoladowo – śmietankowy</li>
<li>czekoladowo – malinowy</li>
<li>czekoladowy z żelką pomarańczową</li>
<li>słony karmel z musem z owoców leśnych</li>
<li>kinder bueno z prażynką czekoladową</li>
<li>chałwowy z chrupką oraz żelką i kremem wiśniowym</li>
<li>karmelowy z powidłami z czarnej porzeczki</li>
<li>oreo</li>
<li>nugat z orzechami laskowymi i kremem śmietankowymTorty</li>
</ul>
</section>
<section>
<h5>Biszkopt Biały</h5>
<ul>
<li>śmietankowy (w sezonie możliwość dodatku świeżych owoców)</li>
<li>pistacja z malinami</li>
<li>owocowe (truskawkowy, malinowy, mango, czarna porzeczka, mango-owoce leśne)</li>
<li>rafaello na bazie białej czekolady</li>
<li>kokosowo-malinowy z żelką malinową</li>
</ul>
</section>
<section>
<h5>Torty Musowe</h5>
<ul>
<li><bold>karmel-jogurt-migdały</bold> - mus z karmelizowanej białej czekolady, chrupiąca warstwa migdałowa, ganache jogurtowy</li>
<li><bold>mango-marakuja-truskawka</bold> - spód migdałowy, galaretka mango-marakuja, żelka truskawkowa, krem diplomat kokosowo-waniliowy</li>
<li><bold>czekolada-malina-jeżyna</bold> - biszkopt jogurtowy, chrupiąca warstwa czekoladowa, żelka jeżynowa, krem malinowy, mus czekoladowy</li>
<li><bold>whisky-mango</bold> - brownie, krem mango, ganache czekoladowe , mus whisky</li>
<li><bold>kawa-orzech ziemny</bold> - biszkopt, karmelizowane orzeszki ziemne, namelaka z masłem orzechowym, kawowy mus</li>
</ul>
</section>
<section>
<h5>Inne</h5>
<ul>
<li>cytrynowy na bazie lemon curd</li>
<li>kawowy na bazie biszkoptu kawowego</li>
</ul>
</section>
</section>
<section>
<h4>Rodzaje Tortów</h4>
<ul>
<li><bold>Torty tradycyjne</bold> - zdobione kremem śmietanowym , dripem z czekolady, owocami bądź słodyczami - stałe ceny określone w cenniku. Dodatkowe zdobienia jak toppery , figurki itp. są dodatkowo płatne co ustalane jest indywidualnie.</li>
<li><bold>Torty z opłatkiem waflowym</bold> - cena według cennika tortów tradycyjnych.</li>
<li><bold>Torty z masą cukrową</bold> - wyceniane indywidualnie, w zależności od wielkości, trudności wykonania projektu oraz czasu potrzebnego do wykonania tortu.</li>
<li><bold>Torty kremowe</bold> - torty zdobione kremem maślanym z wykorzystaniem drobnych elementów z masy cukrowej lub opłatków waflowych - cena ustalana indywidualnie w zależności od złożoności projektu.</li>
<li><bold>Torty nowoczesne</bold> - to torty musowe, wielowarstwowe (różne rodzaje musów, pralin, żelek owocowych), pokryte zamszem z czekolady lub glazurą.</li>
<li><bold>Torty bezowe</bold> - do wyboru pavlova z owocami oraz daquase z orzechami i daktylami.</li>
<li><bold>Torty weselne</bold> - Dodatkowo płatne szczególne zdobienia jak: kwiaty, toppery itp.</li>
</ul>
</section>
</section>
<section>
<h3>Ciasta</h3>
<section>
<h4>Forma Prostokątna</h4>
<ul>
<li><bold>Malinowa chmurka</bold> - kruchy spód, warstwa malin w galaretce, krem śmietankowy, beza</li>
<li><bold>Sernik ulubiony</bold> - kruchy spód, aksamitna masa serowa, beza z kruszonką</li>
<li><bold>Sernik klasyczny</bold> - wykończony czekoladowym ganache lub oprószony cukrem pudrem</li>
<li><bold>Jabłecznik z kruszonką</bold> - ciasto ucierane, jabłka, kruszonka</li>
<li><bold>Sernik królewski</bold> - kakaowy spód i kruszonka, wilgotna masa serowa</li>
<li><bold>Pleśniak</bold> - kruche ciasto waniliowe, powidła owocowe, kruche ciasto kakaowe, beza i kruszonka</li>
<li><bold>Leśny mech z musem truskawkowym</bold> - biszkoptowe ciasto z dodatkiem szpinaku, mus truskawkowy</li>
<li><bold>Snickers</bold> - dwie warstwy kakaowego biszkoptu a pomiędzy bezowy blat orzechowy , krem budyniowy , toffi i orzeszki ziemne</li>
<li><bold>Mleczna kanapka</bold> - dwa blaty czekoladowego ciasta a pomiędzy krem waniliowy z dodatkiem cienkiej warstwy czekoladowej</li>
<li><bold>3Bit</bold> - herbatniki , krem budyniowy, toffi i śmietana</li>
<li><bold>Biszkoptowe z kremem i owocami w galaretce</bold> - biszkopt, krem budyniowy, owoce</li>
<li><bold>Kora orzechowa</bold> - dwa blaty bezy orzechowej a pomiędzy krem budyniowy na bazie soku z brzoskwiń, delicje pomarańczowe, owoce brzoskwiń i galaretka</li>
<li><bold>Nutelowiec z wiśniami</bold> - nutelowy spód , krem śmietankowy z dodatkiem twarożku, wiśnie i galaretka</li>
</ul>
</section>
<section>
<h4>Froma Okrągła</h4>
<ul>
<li><bold>Tarta z kremem patisserie / kremem śmietankowym / ganache czekoladowym i owocami</bold></li>
<li><bold>Tarta cytrynowa</bold></li>
<li><bold>Sernik na zimno z mango</bold> - spód ciasteczkowy, masa serowa z dodatkiem mango</li>
<li><bold>Sernik na zimno cynamonowy</bold></li>
<li><bold>Sernik z malinami i kruszonką</bold></li>
</ul>
</section>
</section>
<section>
<h3>Słodkie stoły</h3>
<ul>
<li>Muffinki czekoladowe z kremem śmietankowym</li>
<li>Babeczki z kremem i piankami marshmallow</li>
<li>Cake popsy/Ice pops w czekoladzie</li>
<li>Deser w pucharku Panna Cotta</li>
<li>Deser w pucharku Tiramisu</li>
<li>Deser w pucharku Leśny mech z musem truskawkowym</li>
<li>Deser w pucharku Chia</li>
<li>Serniczek cynamonowy/oreo na ciasteczkowym spodzie</li>
<li>Deser w pucharku oreo</li>
<li>Mini Pavlove z owocami ok.7 cm średnicy. Monoporcja półkula w polewie lustrzanej /mango,marakuja/</li>
<li>Savarin: mus z białej czekolady i żelką malinową na migdałowym ciasteczku/</li>
<li>Eklerki z kremem śmietanowym/pattisiere</li>
<li>Tartaletki z kremem i owocami</li>
<li>Mini tarta z ganache czekoladowym i żelką malinową</li>
<li>Profiterol z kruszonką i kremem porzeczkowym/śmietankowym</li>
<li>Ciasta</li>
</ul>
<span>
ARANŻACJA I TRANSPORT SŁODKOŚCI USTALANE INDYWIDUALNIE<br>
WARIANTY CENOWE I ILOŚCIOWE:<br>
Minimalna ilość zamówienia poszczególnych deserków to 8 szt z jednego rodzaju.<br>
W przypadku zamówień dla ilości osób powyżej 30, do wyboru sa następujące konfiguracje bufetów:<br>
1. PODSTAWOWY , 3szt. deseru na osobę, do wyboru 5 rodzaji deseru<br>
2. ROZSZERZONY, 4-5szt. deseru na osobę , do wyboru 7 rodzaji słodkości<br>
3. PREMIUM , 6 szt. deseru na osobę, do wyboru 9 rodzajów deseru<br>
</span>
</section>
</section>
<section>
<h2>Cennik</h2>
<span>
Potwierdzeniem zamówienia jest wpłata zadatku ustalana indywidualnie do każdego zamówienia.
Wpłat można dokonywać w gotówce bądź na konto bankowe :
Piekarnik Gosi , 76 1090 1102 0000 0001 5779 3873
</span>
<section>
<h3>Torty</h3>
<ul>
<li>Torty z masą cukrową – Cena wyjściowa tortu małego – 200 zł<li>
<li>Torty nowoczesne – Cena od 180zł (wycena indywidualna przy zamówieniu)<li>
<li>Torty bezowe – w cenie od 170zł (wycena indywidualna przy zamówieniu) – 12-15 porcji<li>
<li>Torty bezowe – w cenie od 200zł (wycena indywidualna przy zamówieniu) – 15-18 porcji<li>
<li>Torty weselne – cena od 20zł/porcje tortu (wycena indywidualna przy zamówieniu)<li>
<li>CENNIK TORTÓW TRADYCYJNYCH<li>
<li>6-8 porcji – od 120zł (wycena indywidualna przy zamówieniu)<li>
<li>8-12 porcji – od 180zł (wycena indywidualna przy zamówieniu)<li>
<li>12-15 porcji – od 220zł (wycena indywidualna przy zamówieniu)<li>
<li>16-20 porcji – od 260zł (wycena indywidualna przy zamówieniu)<li>
<li>20-25 porcji – od 300zł (wycena indywidualna przy zamówieniu)<li>
<li>Torty na większą ilość porcji ustalane są indywidualnie.<li>
<li>Powyżej 25 porcji – 15 zł/porcja<li>
<li>Torty piętrowe – 400 zł +<li>
<li>Dodatkowo płatne:<li>
<li>– Figurki na masie cukrowej – 20 zł<li>
<li>– Dekoracje cukrowe np. Figurki – od 50 zł (wycena indywidualna przy zamówieniu)<li>
<li>– Żywe Kwiaty – cena do negocjacji<li>
<li>– Toppery – cena do negocjacji<li>
</ul>
</section>
<section>
<h3>Ciasta</h3>
<ul>
<li>Malinowa chmurka: kruchy spód, warstwa malin w galaretce, krem śmietankowy, beza- 150zł</li>
<li>Sernik ulubiony: kruchy spód, aksamitna masa serowa, beza z kruszonką- 150zł</li>
<li>Sernik klasyczny: wykończony czekoladowym ganache lub oprószony cukrem pudrem- 150zł</li>
<li>Jabłecznik z kruszonką: ciasto ucierane, jabłka, kruszonka- 130zł</li>
<li>Sernik królewski: kakaowy spód i kruszonka, wilgotna masa serowa- 150zł</li>
<li>Pleśniak: kruche ciasto waniliowe, powidła owocowe, kruche ciasto kakaowe, beza i kruszonka- 120zł</li>
<li>Leśny mech z musem truskawkowym: biszkoptowe ciasto z dodatkiem szpinaku, mus truskawkowy- 110zł</li>
<li>Snickers: dwie warstwy kakaowego biszkoptu a pomiędzy bezowy blat orzechowy , krem budyniowy , toffi i orzeszki ziemne- 150zł</li>
<li>Mleczna kanapka: dwa blaty czekoladowego ciasta, a pomiędzy krem waniliowy z dodatkiem cienkiej warstwy czekoladowej-120zł</li>
<li>3Bit: herbatniki, krem budyniowy, toffi i śmietana- 120zł</li>
<li>Biszkoptowe z kremem i owocami w galaretce: biszkopt, krem budyniowy, owoce- 120zł</li>
<li>Kora orzechowa: dwa blaty bezy orzechowej a pomiędzy krem budyniowy na bazie soku z brzoskwiń, delicje pomarańczowe, owoce brzoskwiń i galaretka- 150zł</li>
<li>Nutelowiec z wiśniami: nutelowy spód , krem śmietankowy z dodatkiem twarożku, wiśnie i galaretka- 120zł</li>
<li>Karpatka – 120zł</li>
</ul>
<ul>
<li>Tarta Dubajska – 120zł</li>
<li>Tarta z kremem patisserie / kremem śmietankowym / ganache czekoladowym i owocami- 100zł</li>
<li>Tarta cytrynowa- 100zł</li>
<li>Sernik na zimno z mango , spód ciasteczkowy, masa serowa z dodatkiem mango- 90zł</li>
<li>Sernik oreo-90zł</li>
<li>Sernik na zimno cynamonowy-90zł</li>
<li>Sernik z pomarańczą i migdałem kruszonym – 150zł</li>
<li>Sernik z malinami i kruszonka- 100zł</li>
<li>Sernik nowojorski z pistacją – 120zł</li>
<li>Sernik ciasteczkowy- 100zł</li>
<li>Sernik Daguas ( brownie z orzechami sernik, roffy, beza z orzechami i daktylami) – 150zł</li>
<li>Sernik Granat – 100zł</li>
<li>Sernik z jabłkiem i cynamonową kruszonką – 150zł</li>
<li>Sernik brzoskwiniowy – 100zł</li>
<li>Sernik Ricotta z karmelowym nadzieniem – 100zł</li>
<li>Sernik pistacjowy raj – 120zł</li>
<li>Sernik mango-marakuja – 120zł</li>
<li>Sernik dubajski pistacjowy – 150zł</li>
<li>Sernik lawendowy z pomarańczą- 150zł</li>
<li>Sernik palone masło – 150zł</li>
<li>Ciasto czekoladowe z kremem i owocami – 100zł</li>
<li>Sernik baskijski – 150zł</li>
</ul>
</section>
<section>
<h3>Słodkie Stoły</h3>
ARANŻACJA I TRANSPORT SŁODKOŚCI USTALANE INDYWIDUALNIE<br>
<br>
WARIANTY CENOWE I ILOŚCIOWE:<br>
<br>
Minimalna ilość zamówienia poszczególnych deserków to 8 szt z jednego rodzaju.<br>
<br>
W przypadku zamówień dla ilości osób powyżej 30, do wyboru sa następujące konfiguracje bufetów:<br>
1. PODSTAWOWY , 3szt. deseru na osobę, do wyboru 5 rodzaji deseru – 28zł<br>
2. ROZSZERZONY, 4-5szt. deseru na osobę , do wyboru 7 rodzaji słodkości – 34zł<br>
3. PREMIUM , 6 szt. deseru na osobę, do wyboru 9 rodzajów deseru –39zł<br>
W skład słodkiego stołu mogą wchodzić:<br>
<br>
Muffinki czekoladowe z kremem śmietankowym<br>
Babeczki z kremem i piankami marshmallow<br>
Cake popsy/Ice pops w czekoladzie<br>
Deser w pucharku Panna Cotta<br>
Deser w pucharku Tiramisu<br>
Deser w pucharku Leśny mech z musem truskawkowym<br>
Deser w pucharku Chia<br>
Serniczek cynamonowy/oreo na ciasteczkowym spodzie<br>
Deser w pucharku oreo<br>
Mini Pavlove z owocami ok.7 cm średnicy. Monoporcja półkula w polewie lustrzanej /mango, marakuja/<br>
Savarin: mus z białej czekolady i żelką malinową na migdałowym ciasteczku/<br>
Eklerki z kremem śmietanowym/pattisiere<br>
Tartaletki z kremem i owocami<br>
Mini tarta z ganache czekoladowym i żelką malinową<br>
Profiterol z kruszonką i kremem porzeczkowym/śmietankowym<br>
Ciasta<br>
</section>
<section>
<h3>Desery</h3>
<ul>
<li>Muffinki czekoladowe z kremem śmietankowym – 8 zł</li>
<li>Babeczki z kremem i piankami marshmallow – 6 zł</li>
<li>Cake popsy/Ice pops w czekoladzie – 6zł / 10zł</li>
<li>Deser w pucharku Panna Cotta – 8 zł</li>
<li>Deser w pucharku Tiramisu – 8 zł</li>
<li>Deser w pucharku Leśny mech z musem truskawkowym – 7 zł</li>
<li>Deser w pucharku Chia – 8 zł</li>
<li>Serniczek cynamonowy/oreo na ciasteczkowym spodzie – 9 zł</li>
<li>Deser w pucharku oreo – 8 zł</li>
<li>Mini Pavlove z owocami ok.7 cm średnicy – 12 zl</li>
<li>Monoporcja półkula w polewie lustrzanej /mango,marakuja/ – 14zł</li>
<li>Savarin /mus z białej czekolady i żelką malinową na migdałowym ciasteczku/ – 12zł</li>
<li>Eklerki z kremem śmietanowym/pattisiere – 7 zł</li>
<li>Tartaletki z kremem i owocami – 7 zł</li>
<li>Mini tarta z ganache czekoladowym i żelką malinową – 12 zł</li>
<li>Profiterol z kruszonką i kremem porzeczkowym/śmietankowym – 9 zł</li>
</ul>
</section>
</main>
<footer>
<h2>Kontakt</h2>
<ul>
<li>gosia@piekarnikgosi.pl</li>
<li>+48 503 186 245</li>
<li>fb.com/PiekarnikGosi</li>
</ul>
</footer>
<script src="app.js">
</script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 154 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 530 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 397 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 232 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

View file

@ -0,0 +1,90 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2023:07:06 16:06:53.000"
xmpMM:DerivedFrom="007.jpg"
xmp:Rating="1"
darktable:import_timestamp="63912898594757146"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="1"
darktable:history_end="4"
darktable:iop_order_version="5"
darktable:history_basic_hash="33e4711b8f6644f5f8c2a164fa3f94cd"
darktable:history_current_hash="33e4711b8f6644f5f8c2a164fa3f94cd">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq>
<rdf:li
darktable:num="0"
darktable:operation="colorin"
darktable:enabled="1"
darktable:modversion="7"
darktable:params="gz48eJxjZBgFowABWAbaAaNgwAEAEDgABg=="
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="1"
darktable:operation="colorout"
darktable:enabled="1"
darktable:modversion="5"
darktable:params="gz35eJxjZBgFo4CBAQAEEAAC"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="2"
darktable:operation="gamma"
darktable:enabled="1"
darktable:modversion="1"
darktable:params="0000000000000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="3"
darktable:operation="flip"
darktable:enabled="1"
darktable:modversion="2"
darktable:params="ffffffff"
darktable:multi_name="_builtin_auto"
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
</rdf:Seq>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

View file

@ -0,0 +1,103 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal=""
xmpMM:DerivedFrom="008.jpg"
xmp:Rating="1"
darktable:import_timestamp="63912898594802691"
darktable:change_timestamp="63912898613605142"
darktable:export_timestamp="63912898624669599"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="1"
darktable:history_end="5"
darktable:iop_order_version="5"
darktable:history_basic_hash="02d4cdbda625305c5e181669466f51d2"
darktable:history_current_hash="a416d545e8f85711329aab81429e7db2">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq>
<rdf:li
darktable:num="0"
darktable:operation="colorin"
darktable:enabled="1"
darktable:modversion="7"
darktable:params="gz48eJzjZBgFowABWAbaAaNgwAEAMNgADg=="
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="1"
darktable:operation="colorout"
darktable:enabled="1"
darktable:modversion="5"
darktable:params="gz35eJxjZBgFo4CBAQAEEAAC"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="2"
darktable:operation="gamma"
darktable:enabled="1"
darktable:modversion="1"
darktable:params="0000000000000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="3"
darktable:operation="flip"
darktable:enabled="1"
darktable:modversion="2"
darktable:params="ffffffff"
darktable:multi_name="_builtin_auto"
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="4"
darktable:operation="crop"
darktable:enabled="1"
darktable:modversion="3"
darktable:params="00004034127c1f3e0000803f02df673f0100000001000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
</rdf:Seq>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>exported</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|exported</rdf:li>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 297 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 332 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:05:22.000"
xmp:Rating="1"
xmpMM:DerivedFrom="067df9db2ace009e7c83ee1484de8171.jpg"
darktable:import_timestamp="63912880183102930"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

View file

@ -0,0 +1,103 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:15:23.000"
xmpMM:DerivedFrom="12-Z7293435-scaled.jpg"
xmp:Rating="1"
darktable:import_timestamp="63912880183111071"
darktable:change_timestamp="63912880242342027"
darktable:export_timestamp="63912880262667319"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="1"
darktable:history_end="5"
darktable:iop_order_version="5"
darktable:history_basic_hash="02d4cdbda625305c5e181669466f51d2"
darktable:history_current_hash="a0257efd3c8986b872cd6b1e82655ce9">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq>
<rdf:li
darktable:num="0"
darktable:operation="colorin"
darktable:enabled="1"
darktable:modversion="7"
darktable:params="gz48eJzjZBgFowABWAbaAaNgwAEAMNgADg=="
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="1"
darktable:operation="colorout"
darktable:enabled="1"
darktable:modversion="5"
darktable:params="gz35eJxjZBgFo4CBAQAEEAAC"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="2"
darktable:operation="gamma"
darktable:enabled="1"
darktable:modversion="1"
darktable:params="0000000000000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="3"
darktable:operation="flip"
darktable:enabled="1"
darktable:modversion="2"
darktable:params="ffffffff"
darktable:multi_name="_builtin_auto"
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="4"
darktable:operation="crop"
darktable:enabled="1"
darktable:modversion="3"
darktable:params="88b48e3e00000000ddf3603f0000803f04000000fbffffff"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
</rdf:Seq>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>exported</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|exported</rdf:li>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:08 11:16:27.000"
xmp:Rating="1"
xmpMM:DerivedFrom="13-Z7293436-scaled.jpg"
darktable:import_timestamp="63912880183112147"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:15:41.000"
xmp:Rating="1"
xmpMM:DerivedFrom="15-Z7293445-scaled.jpg"
darktable:import_timestamp="63912880183113130"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

View file

@ -0,0 +1,90 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:15:59.000"
xmpMM:DerivedFrom="25-Z7293495-scaled.jpg"
xmp:Rating="1"
darktable:import_timestamp="63912880183114009"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="1"
darktable:history_end="4"
darktable:iop_order_version="5"
darktable:history_basic_hash="02d4cdbda625305c5e181669466f51d2"
darktable:history_current_hash="02d4cdbda625305c5e181669466f51d2">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq>
<rdf:li
darktable:num="0"
darktable:operation="colorin"
darktable:enabled="1"
darktable:modversion="7"
darktable:params="gz48eJzjZBgFowABWAbaAaNgwAEAMNgADg=="
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="1"
darktable:operation="colorout"
darktable:enabled="1"
darktable:modversion="5"
darktable:params="gz35eJxjZBgFo4CBAQAEEAAC"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="2"
darktable:operation="gamma"
darktable:enabled="1"
darktable:modversion="1"
darktable:params="0000000000000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="3"
darktable:operation="flip"
darktable:enabled="1"
darktable:modversion="2"
darktable:params="ffffffff"
darktable:multi_name="_builtin_auto"
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
</rdf:Seq>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 MiB

View file

@ -0,0 +1,90 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:07 08:23:04.000"
xmpMM:DerivedFrom="3-Z7293385-scaled.jpg"
xmp:Rating="1"
darktable:import_timestamp="63912880183115021"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="1"
darktable:history_end="4"
darktable:iop_order_version="5"
darktable:history_basic_hash="02d4cdbda625305c5e181669466f51d2"
darktable:history_current_hash="02d4cdbda625305c5e181669466f51d2">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq>
<rdf:li
darktable:num="0"
darktable:operation="colorin"
darktable:enabled="1"
darktable:modversion="7"
darktable:params="gz48eJzjZBgFowABWAbaAaNgwAEAMNgADg=="
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="1"
darktable:operation="colorout"
darktable:enabled="1"
darktable:modversion="5"
darktable:params="gz35eJxjZBgFo4CBAQAEEAAC"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="2"
darktable:operation="gamma"
darktable:enabled="1"
darktable:modversion="1"
darktable:params="0000000000000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="3"
darktable:operation="flip"
darktable:enabled="1"
darktable:modversion="2"
darktable:params="ffffffff"
darktable:multi_name="_builtin_auto"
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
</rdf:Seq>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

View file

@ -0,0 +1,103 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2023:03:21 14:01:53.000"
xmpMM:DerivedFrom="335988867_1322599255251835_7041653939418333699_n.jpg"
xmp:Rating="-1"
darktable:import_timestamp="63912880183115976"
darktable:change_timestamp="63912880202298827"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="1"
darktable:history_end="5"
darktable:iop_order_version="5"
darktable:history_basic_hash="02d4cdbda625305c5e181669466f51d2"
darktable:history_current_hash="25f5aadd2c2d5d2363c079c4c2f98ca4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq>
<rdf:li
darktable:num="0"
darktable:operation="colorin"
darktable:enabled="1"
darktable:modversion="7"
darktable:params="gz48eJzjZBgFowABWAbaAaNgwAEAMNgADg=="
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="1"
darktable:operation="colorout"
darktable:enabled="1"
darktable:modversion="5"
darktable:params="gz35eJxjZBgFo4CBAQAEEAAC"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="2"
darktable:operation="gamma"
darktable:enabled="1"
darktable:modversion="1"
darktable:params="0000000000000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="3"
darktable:operation="flip"
darktable:enabled="1"
darktable:modversion="2"
darktable:params="ffffffff"
darktable:multi_name="_builtin_auto"
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="4"
darktable:operation="crop"
darktable:enabled="1"
darktable:modversion="3"
darktable:params="000000000000f03d0000803f0000623f0400000005000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
</rdf:Seq>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>changed</rdf:li>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|changed</rdf:li>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:16:14.000"
xmp:Rating="1"
xmpMM:DerivedFrom="34-Z7293522-scaled.jpg"
darktable:import_timestamp="63912880183116930"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

View file

@ -0,0 +1,103 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 14:09:14.000"
xmpMM:DerivedFrom="4-Z7293390-1-scaled.jpg"
xmp:Rating="1"
darktable:import_timestamp="63912880183117923"
darktable:change_timestamp="63912882213625329"
darktable:export_timestamp="63912882226893612"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="1"
darktable:history_end="5"
darktable:iop_order_version="5"
darktable:history_basic_hash="02d4cdbda625305c5e181669466f51d2"
darktable:history_current_hash="04e36c32ba5144b2b559cdf18d6b6f55">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq>
<rdf:li
darktable:num="0"
darktable:operation="colorin"
darktable:enabled="1"
darktable:modversion="7"
darktable:params="gz48eJzjZBgFowABWAbaAaNgwAEAMNgADg=="
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="1"
darktable:operation="colorout"
darktable:enabled="1"
darktable:modversion="5"
darktable:params="gz35eJxjZBgFo4CBAQAEEAAC"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="2"
darktable:operation="gamma"
darktable:enabled="1"
darktable:modversion="1"
darktable:params="0000000000000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="3"
darktable:operation="flip"
darktable:enabled="1"
darktable:modversion="2"
darktable:params="ffffffff"
darktable:multi_name="_builtin_auto"
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="4"
darktable:operation="crop"
darktable:enabled="1"
darktable:modversion="3"
darktable:params="33a61f3a212eca3d16d87f3f2bcc513f03000000fcffffff"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
</rdf:Seq>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>exported</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|exported</rdf:li>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:07 09:18:31.000"
xmp:Rating="1"
xmpMM:DerivedFrom="48-Z7293560-scaled.jpg"
darktable:import_timestamp="63912880183118861"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:16:30.000"
xmp:Rating="1"
xmpMM:DerivedFrom="51-Z7293576-scaled.jpg"
darktable:import_timestamp="63912880183119842"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 367 KiB

View file

@ -0,0 +1,125 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2026:04:27 10:07:56.000"
xmpMM:DerivedFrom="510846157_763819372637210_7346537602897650298_n.jpg"
xmp:Rating="1"
darktable:import_timestamp="63912881316911382"
darktable:change_timestamp="63912883969555329"
darktable:export_timestamp="63912883970942052"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="1"
darktable:history_end="7"
darktable:iop_order_version="5"
darktable:history_basic_hash="02d4cdbda625305c5e181669466f51d2"
darktable:history_current_hash="9b5b1205179a71fe5dc1ff0b2876640c">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq>
<rdf:li
darktable:num="0"
darktable:operation="colorin"
darktable:enabled="1"
darktable:modversion="7"
darktable:params="gz48eJzjZBgFowABWAbaAaNgwAEAMNgADg=="
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="1"
darktable:operation="colorout"
darktable:enabled="1"
darktable:modversion="5"
darktable:params="gz35eJxjZBgFo4CBAQAEEAAC"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="2"
darktable:operation="gamma"
darktable:enabled="1"
darktable:modversion="1"
darktable:params="0000000000000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="3"
darktable:operation="flip"
darktable:enabled="1"
darktable:modversion="2"
darktable:params="ffffffff"
darktable:multi_name="_builtin_auto"
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="4"
darktable:operation="crop"
darktable:enabled="1"
darktable:modversion="3"
darktable:params="000000000000803d0000803f0000803f0400000005000000"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="5"
darktable:operation="crop"
darktable:enabled="1"
darktable:modversion="3"
darktable:params="abaaaa3900008032abea7f3f9a99193f04000000fbffffff"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
<rdf:li
darktable:num="6"
darktable:operation="crop"
darktable:enabled="1"
darktable:modversion="3"
darktable:params="0000000060afdc3c0000803f7be5163f03000000fcffffff"
darktable:multi_name=""
darktable:multi_name_hand_edited="0"
darktable:multi_priority="0"
darktable:blendop_version="14"
darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
</rdf:Seq>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>exported</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|exported</rdf:li>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2022:11:07 15:25:49.000"
xmpMM:DerivedFrom="52e2d04b4857af14f6da8c7dda793179113ac3e45656734d7c277fd09f_640.jpg"
xmp:Rating="-1"
darktable:import_timestamp="63912880183120807"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:16:47.000"
xmp:Rating="1"
xmpMM:DerivedFrom="61-Z7293600-scaled.jpg"
darktable:import_timestamp="63912880183121763"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:08 10:41:15.000"
xmp:Rating="1"
xmpMM:DerivedFrom="63-Z7293603-scaled.jpg"
darktable:import_timestamp="63912880183122721"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:07 07:59:09.000"
xmp:Rating="1"
xmpMM:DerivedFrom="64-Z7293615-1-scaled.jpg"
darktable:import_timestamp="63912880183123668"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 13:47:11.000"
xmp:Rating="1"
xmpMM:DerivedFrom="64-Z7293615-scaled.jpg"
darktable:import_timestamp="63912880183124632"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:05:21.000"
xmp:Rating="1"
xmpMM:DerivedFrom="6cb904da50f37825f79c767499f3580d.jpg"
darktable:import_timestamp="63912880183125668"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:08 10:38:26.000"
xmp:Rating="1"
xmpMM:DerivedFrom="8-Z7293419-1-scaled.jpg"
darktable:import_timestamp="63912880183126611"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:15:04.000"
xmp:Rating="1"
xmpMM:DerivedFrom="8-Z7293419-scaled.jpg"
darktable:import_timestamp="63912880183127575"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 323 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:05:33.000"
xmp:Rating="1"
xmpMM:DerivedFrom="9459bbc87de2a59a25fd83521859d0c1.jpg"
darktable:import_timestamp="63912880183128515"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 321 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal="2021:09:06 12:05:28.000"
xmp:Rating="1"
xmpMM:DerivedFrom="94d49e9f42fc8ecaad3101efc06e8820.jpg"
darktable:import_timestamp="63912880183129477"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal=""
xmp:Rating="1"
xmpMM:DerivedFrom="IMG-20210711-WA0001.jpg"
darktable:import_timestamp="63912880183130439"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal=""
xmp:Rating="1"
xmpMM:DerivedFrom="IMG-20210717-WA0005.jpg"
darktable:import_timestamp="63912880183132810"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal=""
xmp:Rating="1"
xmpMM:DerivedFrom="IMG-20210904-WA0004.jpg"
darktable:import_timestamp="63912880183134181"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal=""
xmp:Rating="1"
xmpMM:DerivedFrom="IMG-20210904-WA0017.jpg"
darktable:import_timestamp="63912880183135555"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal=""
xmp:Rating="1"
xmpMM:DerivedFrom="IMG-20210904-WA0018.jpg"
darktable:import_timestamp="63912880183136663"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal=""
xmp:Rating="1"
xmpMM:DerivedFrom="IMG-20230607-WA0001.jpg"
darktable:import_timestamp="63912880183137757"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

View file

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""
xmlns:exif="http://ns.adobe.com/exif/1.0/"
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:darktable="http://darktable.sf.net/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
exif:DateTimeOriginal=""
xmp:Rating="1"
xmpMM:DerivedFrom="IMG-20230607-WA0004.jpg"
darktable:import_timestamp="63912880183138808"
darktable:change_timestamp="-1"
darktable:export_timestamp="-1"
darktable:print_timestamp="-1"
darktable:xmp_version="5"
darktable:raw_params="0"
darktable:auto_presets_applied="0"
darktable:history_end="0"
darktable:iop_order_version="4">
<darktable:masks_history>
<rdf:Seq/>
</darktable:masks_history>
<darktable:history>
<rdf:Seq/>
</darktable:history>
<dc:subject>
<rdf:Bag>
<rdf:li>darktable</rdf:li>
<rdf:li>format</rdf:li>
<rdf:li>jpg</rdf:li>
</rdf:Bag>
</dc:subject>
<lr:hierarchicalSubject>
<rdf:Bag>
<rdf:li>darktable|format|jpg</rdf:li>
</rdf:Bag>
</lr:hierarchicalSubject>
</rdf:Description>
</rdf:RDF>
</x:xmpmeta>

Some files were not shown because too many files have changed in this diff Show more