From be09ed2f305e20f991239c98245ed3e1deff6db8 Mon Sep 17 00:00:00 2001 From: lubiana Date: Mon, 16 Jun 2025 20:47:41 +0200 Subject: [PATCH 1/2] facts --- README.md | 99 +++++++++++++++++++++++++++++++++++++++ assets/styles/app.css | 82 +++++++++++++++++++++++++------- templates/index.html.twig | 27 +++++++++++ 3 files changed, 190 insertions(+), 18 deletions(-) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..7b111b7 --- /dev/null +++ b/README.md @@ -0,0 +1,99 @@ +# 🍸 Saufen - The Fabulous Drink Inventory System 🏳️‍🌈 + +*Because every fabulous party needs a fabulous drink management system!* + +--- + +## ✨ What's This Fabulousness All About? ✨ + +Welcome to **Saufen** (German for "drinking" - because we're fancy like that! 💅), the most fabulous drink inventory management system that ever graced the internet! + +This isn't just any boring inventory system - oh no, honey! This is where **gay excellence meets drink management** in the most spectacular way possible. We're talking about tracking your favorite cocktails, managing your bar stock, and making sure you never run out of the good stuff when the party gets started! 🎉 + +--- + +## 🎭 The Main Characters (What This Bad Bitch Does) 🎭 + +### 🍹 **Drink Type Management** +- Add all your favorite drinks with fabulous names and descriptions +- Set your desired stock levels (because running out of tequila is a CRIME!) +- Track current inventory like the organized queen you are + +### 📋 **Order Management** +- Create fabulous orders when your stock gets low +- Track order status from "new" to "delivered" (the journey of a true icon!) +- Never let your bar run dry again! + +### 🚨 **Low Stock Alerts** +- Get dramatic alerts when your favorite drinks are running low +- Because we all know that empty vodka bottle is a tragedy waiting to happen! + +### 🎨 **Fabulous Fun Facts** +- Learn amazing drink trivia while managing your inventory +- Did you know the Cosmopolitan became popular thanks to 'Sex and the City'? ICONIC! +- Random fabulous facts appear on every page because education is fierce! 💅 + +--- + +## 🌈 Why This Project is Absolutely Everything 🌈 + +This project was born from the simple truth that **every fabulous party needs fabulous organization**. Whether you're running a gay bar, hosting the party of the century, or just want to keep track of your personal drink collection, Saufen has got your back! + +It's built with love, fabulousness, and the understanding that sometimes you need to know exactly how many bottles of champagne you have before the drag show starts! 🎭 + +--- + +## 🎪 The Vibe We're Going For 🎪 + +Imagine if **RuPaul's Drag Race** and **Bar Rescue** had a beautiful baby, and that baby was obsessed with organization and fabulousness. That's Saufen! + +We're talking: +- ✨ Rainbow aesthetics +- 💅 Fabulous drink facts +- 🎭 Dramatic low stock alerts +- 🍸 Comprehensive drink management +- 🏳️‍🌈 LGBTQ+ friendly vibes throughout + +--- + +## 🎊 How to Get This Party Started 🎊 + +1. **Clone this fabulous repository** +2. **Install the dependencies** (because even queens need their tools!) +3. **Set up your database** (where all the magic happens) +4. **Start adding your drinks** (the fun part!) +5. **Let the fabulousness begin!** 🎉 + +--- + +## 🏆 What Makes This Project Special 🏆 + +- **Gay Excellence**: Built with love for the LGBTQ+ community +- **Fabulous Design**: Because boring interfaces are so last season +- **Smart Alerts**: Never run out of your favorite drinks again +- **Fun Facts**: Learn while you manage (education is fierce!) +- **Easy to Use**: So easy, even your straight friends can figure it out! 😘 + +--- + +## 🎭 The Story Behind the Name 🎭 + +"Saufen" is German for "drinking" - because we're international queens who appreciate a good cultural reference! Plus, it sounds fabulous when you say it with the right accent. Try it: "Saufen" - see? Fabulous! + +--- + +## 🌟 Special Thanks 🌟 + +This project was created with love, fabulousness, and the understanding that every good party needs good organization. Shoutout to all the fabulous people who inspired this project and to everyone who believes that drink management can be both functional AND fabulous! + +--- + +## 🎪 Final Thoughts 🎪 + +Remember, darlings: **Life is too short for bad drinks and bad organization**. With Saufen, you get the best of both worlds - fabulous drink management and fabulous vibes! + +Now go forth and slay that inventory management! 💅✨ + +--- + +*Built with love, fabulousness, and the understanding that every queen needs her tools!* 🏳️‍🌈✨ \ No newline at end of file diff --git a/assets/styles/app.css b/assets/styles/app.css index f0278fd..7400735 100644 --- a/assets/styles/app.css +++ b/assets/styles/app.css @@ -15,7 +15,7 @@ --bs-yellow: #F9F871; /* ⚡ Neon Lemon */ --bs-cyan: #00F5D4; /* 💎 Glitchy Teal */ --bs-blue: #00A9E0; /* 💦 Splash Zone */ - + /* Let's redefine ALL the core colors to match the new energy */ --bs-primary: var(--bs-pink); --bs-secondary: var(--bs-green); @@ -23,7 +23,7 @@ --bs-info: var(--bs-blue); --bs-warning: var(--bs-yellow); --bs-danger: #FF3D3D; /* 🚨 Code Red Rave */ - + /* --- BACKGROUNDS & TEXT --- */ /* No more boring white! */ --bs-body-bg: #FFF5FD; /* A soft, dreamy pink canvas */ @@ -31,16 +31,16 @@ --bs-heading-color: var(--bs-purple); /* Make headings POP */ --bs-secondary-color: rgba(74, 0, 61, 0.75); /* Plum, but softer */ --bs-tertiary-color: rgba(74, 0, 61, 0.5); - + /* Make cards and containers pure white to contrast the pink background */ --bs-tertiary-bg: #FFFFFF; --bs-secondary-bg: #FEF9FE; - + /* --- LINKS & CODE --- */ --bs-link-color: var(--bs-pink); --bs-link-hover-color: var(--bs-purple); --bs-code-color: var(--bs-purple); - + /* --- BORDERS & SHADOWS: LET'S GET QUIRKY --- */ --bs-border-width: 2px; /* Chunky borders! */ --bs-border-color: #FFD6F5; /* Pink-tinted border color */ @@ -49,24 +49,24 @@ --bs-border-radius-sm: 0.5rem; --bs-border-radius-lg: 1.5rem; --bs-border-radius-pill: 50rem; - + /* Say goodbye to black shadows, hello to colored glows! */ --bs-box-shadow: 0 4px 12px rgba(255, 0, 122, 0.2); --bs-box-shadow-sm: 0 2px 4px rgba(255, 0, 122, 0.15); --bs-box-shadow-lg: 0 8px 30px rgba(255, 0, 122, 0.25); --bs-box-shadow-inset: inset 0 1px 4px rgba(74, 0, 61, 0.2); - + /* --- THE GRADIENT: THE SOUL OF THE THEME --- */ --bs-gradient: linear-gradient(75deg, var(--bs-primary), var(--bs-secondary)); - + /* --- Don't forget the RGB values for Bootstrap components! --- */ --bs-primary-rgb: 255, 0, 122; --bs-secondary-rgb: 207, 255, 80; --bs-body-color-rgb: 74, 0, 61; --bs-body-bg-rgb: 255, 245, 253; } - - + + /* * ================================================================================================= * 🌙🦇 CYBER GOTH THEME (DARK) 🦇🌙 @@ -77,31 +77,31 @@ */ [data-bs-theme=dark] { color-scheme: dark; - + /* --- BACKGROUNDS & TEXT --- */ --bs-body-bg: #1D001A; /* Deep, dark space purple */ --bs-body-color: #FFE9FA; /* Light pink text for high contrast */ --bs-heading-color: var(--bs-cyan); /* Glowing cyan headings */ - + --bs-tertiary-bg: #2E0028; /* A slightly lighter container background */ --bs-secondary-bg: #3A0033; --bs-secondary-color: rgba(255, 233, 250, 0.75); --bs-tertiary-color: rgba(255, 233, 250, 0.5); - + /* --- LINKS & CODE --- */ /* Using the Toxic Slime for links gives it that cyber look */ --bs-link-color: var(--bs-green); --bs-link-hover-color: var(--bs-cyan); --bs-code-color: var(--bs-pink); - + /* --- BORDERS & SHADOWS: NEON GLOWS --- */ --bs-border-color: #5C004F; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); - + /* Redefine shadows to be neon glows */ --bs-box-shadow: 0 0 15px rgba(var(--bs-primary-rgb), 0.4); --bs-box-shadow-lg: 0 0 30px rgba(var(--bs-primary-rgb), 0.5); - + /* --- EMPHASIS & SUBTLE BACKGROUNDS --- */ /* These are for alerts, badges, etc. They'll be dark with glowing text. */ --bs-primary-text-emphasis: #FF8AD1; @@ -110,7 +110,7 @@ --bs-info-text-emphasis: #7ADCF5; --bs-warning-text-emphasis: #FAF8A8; --bs-danger-text-emphasis: #FF8A8A; - + --bs-primary-bg-subtle: #3D002B; --bs-secondary-bg-subtle: #415215; --bs-success-bg-subtle: #00332B; @@ -130,4 +130,50 @@ .emoji-bonkers .emoji-bonkers { display: inline; } .emoji-bonkers .emoji-normal, -.emoji-bonkers .emoji-enhanced { display: none; } \ No newline at end of file +.emoji-bonkers .emoji-enhanced { display: none; } + /* + * ================================================================================================= + * 🌈 RAINBOW PRIDE ELEMENTS 🌈 + * + * Fabulous rainbow-themed elements to celebrate diversity and pride! + * ================================================================================================= + */ + .bg-rainbow { + background: linear-gradient( + to right, + #FF5757, /* Red */ + #FFBD59, /* Orange */ + #F9F871, /* Yellow */ + #CFFF50, /* Green */ + #00F5D4, /* Teal */ + #00A9E0, /* Blue */ + #A328D6 /* Purple */ + ); + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); + font-weight: bold; + border: none; + } + + .fun-fact { + font-size: 1.1rem; + line-height: 1.6; + font-style: italic; + } + + /* Add a subtle rainbow border to the fun facts card */ + .card:has(.fun-fact) { + border-width: 2px; + border-style: solid; + border-image: linear-gradient( + to right, + #FF5757, /* Red */ + #FFBD59, /* Orange */ + #F9F871, /* Yellow */ + #CFFF50, /* Green */ + #00F5D4, /* Teal */ + #00A9E0, /* Blue */ + #A328D6 /* Purple */ + ) 1; + box-shadow: 0 4px 15px rgba(163, 40, 214, 0.2); + } diff --git a/templates/index.html.twig b/templates/index.html.twig index d51054c..e5feaa5 100644 --- a/templates/index.html.twig +++ b/templates/index.html.twig @@ -85,5 +85,32 @@ + +
+
+
✨ Fabulous Drink Fun Facts ✨
+
+
+ {% set funFacts = [ + "The world's first gay bar, Café Lafitte in Exile, opened in New Orleans in 1933 and still serves fabulous cocktails today!", + "The colorful rainbow cocktail was created to celebrate Pride and contains six different colored liqueurs representing the Pride flag!", + "Drag queens in the 1950s would often meet at underground bars and order 'lavender cocktails' as a secret code!", + "The Cosmopolitan cocktail gained massive popularity thanks to 'Sex and the City' and became an LGBTQ+ nightlife staple!", + "The Stonewall Inn, site of the 1969 riots that sparked the modern LGBTQ+ rights movement, was originally a gay bar!", + "The term 'toast' comes from ancient Rome where they would literally put toast in wine to improve its flavor - how's that for quirky?", + "Champagne glasses were modeled after Marie Antoinette's breasts, according to fabulous but dubious historical legend!", + "Tequila doesn't contain a worm - that's mezcal, darling! And it's actually a moth larva, not a worm!", + "The world's most expensive cocktail, 'Diamonds Are Forever,' costs $22,600 and contains a real diamond at the bottom!", + "Absinthe was banned for nearly 100 years because people thought it caused hallucinations and 'moral degeneration' - how dramatic!", + "Ancient Egyptians believed that drinking wine made from red grapes was drinking the blood of those who had fought against the gods - fierce!", + "The Moscow Mule cocktail was invented to help sell vodka to Americans who thought it was too boring - now it's served in those gorgeous copper mugs!", + "The Bloody Mary was created as a hangover cure and named after Queen Mary I of England, who was quite the drama queen!" + ] %} + + {% set randomIndex = random(0, funFacts|length - 1) %} +

{{ funFacts[randomIndex] }}

+

💅 Slay all day while you sip away! 🏳️‍🌈

+
+
{% endblock %} From 91380c05a86eafe06e2bd31b9852ac9fe1be7eea Mon Sep 17 00:00:00 2001 From: lubiana Date: Wed, 18 Jun 2025 18:39:30 +0200 Subject: [PATCH 2/2] besser mache --- assets/javascript/modes.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/assets/javascript/modes.js b/assets/javascript/modes.js index a288f32..4109019 100644 --- a/assets/javascript/modes.js +++ b/assets/javascript/modes.js @@ -60,7 +60,7 @@ function createExtraSparkles() { // Continue creating extra sparkles while in bonkers mode const newMode = document.documentElement.getAttribute('data-website-mode'); if (newMode === 'bonkers') { - setTimeout(() => createExtraSparkles(), 150); + setTimeout(() => createExtraSparkles(), 75); } } @@ -72,7 +72,8 @@ function createSlayEffects() { // Create floating "SLAY" text effects const slayWords = [ 'SLAY', 'QUEEN', 'FABULOUS', 'ICONIC', 'LEGENDARY', 'STUNNING', 'GORGEOUS', 'FLAWLESS', - 'DAZZLING', 'RADIANT', 'BREATHTAKING', 'EXQUISITE', 'DIVINE' + 'DAZZLING', 'RADIANT', 'BREATHTAKING', 'EXQUISITE', 'DIVINE', 'HOT', 'SEXY', 'SMOOTH', + 'xoxo', ]; const slayElement = document.createElement('div'); slayElement.className = 'slay-text'; @@ -90,7 +91,7 @@ function createSlayEffects() { // Continue creating slay effects while in bonkers mode const newMode = document.documentElement.getAttribute('data-website-mode'); if (newMode === 'bonkers') { - setTimeout(() => createSlayEffects(), 800); + setTimeout(() => createSlayEffects(), 100); } }