Skip to content

Commit 74a2a3f

Browse files
committed
Seiten optimiert und mit Playlists und neuen Bildern aktualisiert
1 parent 56c0de4 commit 74a2a3f

6 files changed

Lines changed: 297 additions & 117 deletions

File tree

impressum-de.html

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -230,20 +230,12 @@ <h2>⚖️ Impressum</h2>
230230
<strong>Umsatzsteuer-Hinweis (Kleinunternehmer):</strong><br>
231231
Gemäß § 19 UStG wird keine Umsatzsteuer berechnet und ausgewiesen (Kleinunternehmerregelung).<br><br>
232232

233-
<!-- OPTIONAL: Aktivieren (Auskommentierung entfernen), falls du Blogbeiträge oder Ratgeber veröffentlichst -->
234-
<!--
235-
<strong>Redaktionell verantwortlich gemäß § 18 Abs. 2 MStV:</strong><br>
236-
Helmut Mrfka<br>
237-
Am Königlein 29<br>
238-
97355 Wiesenbronn<br><br>
239-
-->
240-
241233
<strong>Verbraucherstreitbeilegung:</strong><br>
242234
Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.
243235
</div>
244236
</div>
245237

246-
<a href="index-de.html" class="back-button">← Zurück zur Übersicht</a>
238+
<a href="index-de.html" class="back-button">← Zurück zur Übersicht</a>
247239

248240
</div>
249241
</div>

impressum-en.html

Lines changed: 1 addition & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -230,21 +230,12 @@ <h2>⚖️ Legal Notice (Impressum)</h2>
230230
<strong>VAT Notice (Small Business Status):</strong><br>
231231
Due to small business status according to § 19 UStG (German Sales Tax Act), value added tax (VAT) is not charged or displayed.<br><br>
232232

233-
<!-- OPTIONAL: Activate (remove comments) if you publish blog posts, guides, or news content -->
234-
<!--
235-
<strong>Responsible for content according to § 18 (2) MStV:</strong><br>
236-
Helmut Mrfka<br>
237-
Am Königlein 29<br>
238-
97355 Wiesenbronn<br>
239-
Germany<br><br>
240-
-->
241-
242233
<strong>Consumer Dispute Resolution:</strong><br>
243234
We are neither obligated nor willing to participate in dispute resolution proceedings before a consumer arbitration board.
244235
</div>
245236
</div>
246237

247-
<a href="index.html" class="back-button">← Back to Overview</a>
238+
<a href="index.html" class="back-button">← Back to Overview</a>
248239

249240
</div>
250241
</div>

index-de.html

Lines changed: 75 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,9 @@
77
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap" rel="stylesheet">
88

99
<style>
10+
html {
11+
scroll-behavior: smooth;
12+
}
1013
body {
1114
margin: 0;
1215
padding: 0;
@@ -205,16 +208,59 @@
205208
font-size: 0.85em;
206209
color: #cbd5e1;
207210
}
208-
.scroll-hint {
209-
font-size: 0.85em;
210-
color: rgba(255, 255, 255, 0.7);
211-
margin-bottom: 25px;
211+
.algorithm-hint {
212+
background: rgba(0, 255, 136, 0.07);
213+
border: 1.5px solid rgba(0, 255, 136, 0.4);
214+
border-radius: 16px;
215+
padding: 20px;
216+
margin-top: 5px;
217+
font-size: 0.88em;
218+
line-height: 1.5;
219+
color: #e2e8f0;
212220
text-align: center;
213-
background: rgba(0, 0, 0, 0.3);
214-
padding: 8px 18px;
215-
border-radius: 20px;
216-
border: 1px solid rgba(255, 255, 255, 0.1);
221+
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
222+
}
223+
.algorithm-hint .hint-header {
224+
font-weight: 800;
225+
font-size: 1.05em;
226+
color: #ffffff;
227+
margin-bottom: 10px;
217228
}
229+
.algorithm-hint strong {
230+
color: #00ff88;
231+
}
232+
/* Fiery Amber / Orange Glow Scroll Button */
233+
.scroll-callout-btn {
234+
display: block;
235+
margin-top: 18px;
236+
background: linear-gradient(135deg, rgba(255, 154, 0, 0.25), rgba(255, 75, 0, 0.15));
237+
border: 1.5px solid #ff9d00;
238+
border-radius: 12px;
239+
padding: 14px 18px;
240+
font-weight: 700;
241+
color: #ffffff;
242+
font-size: 0.95em;
243+
text-decoration: none;
244+
box-shadow: 0 0 22px rgba(255, 140, 0, 0.45);
245+
letter-spacing: 0.5px;
246+
transition: all 0.3s ease;
247+
text-align: center;
248+
}
249+
.scroll-callout-btn:hover {
250+
background: linear-gradient(135deg, rgba(255, 165, 0, 0.45), rgba(255, 90, 0, 0.3));
251+
border-color: #ffb700;
252+
box-shadow: 0 0 32px rgba(255, 140, 0, 0.85), inset 0 0 12px rgba(255, 165, 0, 0.35);
253+
transform: translateY(-3px) scale(1.01);
254+
color: #ffffff;
255+
}
256+
.scroll-callout-btn span {
257+
color: #ffaa00;
258+
text-decoration: underline;
259+
text-underline-offset: 3px;
260+
}
261+
.scroll-callout-btn:hover span {
262+
color: #ffd000;
263+
}
218264
.footer-nav {
219265
margin-top: 15px;
220266
text-align: center;
@@ -228,10 +274,6 @@
228274
border-bottom: 1px dashed rgba(255,255,255,0.4);
229275
padding-bottom: 2px;
230276
}
231-
.footer-nav a:hover {
232-
color: #00ff88;
233-
border-color: #00ff88;
234-
}
235277
</style>
236278
</head>
237279
<body>
@@ -250,10 +292,6 @@
250292
<h1>MURPHY LANGA</h1>
251293
<p class="subtitle">CREATIVE AI • MUSIC • TUTORIALS • CONSULTING</p>
252294

253-
<div class="scroll-hint">
254-
👇 Scroll nach unten für ComfyUI-Tutorials & maßgeschneiderte Musikprojekte
255-
</div>
256-
257295
<div class="section">
258296
<h2>🎵 KI-Musik & Releases</h2>
259297
<div class="button-grid">
@@ -267,58 +305,68 @@ <h2>🎵 KI-Musik & Releases</h2>
267305
</div>
268306
</a>
269307

308+
<div class="algorithm-hint">
309+
<div class="hint-header">✨ Murphy & die KI-Crew freuen sich auf deine Unterstützung! 💕</div>
310+
Die Lyrics, Sound- und Bild-Prompts sind original von Murphy ausgedacht, entwickelt und optimiert. Unsere virtuelle KI-Crew erweckt sie anschließend mit verschiedenen Tools und Modellen zum Leben.<br><br>
311+
<strong>Gefällt dir, was du hörst?</strong> Lass uns super gerne ein Like oder einen Kommentar auf den Plattformen da! Wir lesen wirklich jede einzelne Nachricht. Und seien wir ehrlich: Ohne deine Interaktion ignoriert uns der sture Algorithmus heutzutage komplett... 😉❤️
312+
313+
<a href="#tutorials" class="scroll-callout-btn">
314+
👇 Scroll nach unten für <span>ComfyUI-Tutorials</span> & <span>maßgeschneiderte Musikprojekte für dich</span>
315+
</a>
316+
</div>
317+
270318
<a href="https://open.spotify.com/intl-de/artist/1DnjGcZxZzxjtpQvjeErGi" target="_blank" class="link-button">
271319
<img src="Spotify_Full_Logo_RGB_Green.png" class="img-wide" alt="Spotify">
272320
<div class="link-text">
273321
<span class="link-title">Murphy & The Ziggys</span>
274-
<span class="link-desc">Künstlerprofil (Spotify)</span>
322+
<span class="link-desc">Indie Pop & Rock • Künstlerprofil (Spotify)</span>
275323
</div>
276324
</a>
277325

278326
<a href="https://music.apple.com/us/artist/murphy-the-ziggys/1837896994" target="_blank" class="link-button">
279327
<img src="DE_Apple_Music_Listen_on_Badge_RGB_083120.svg" class="img-wide" alt="Apple Music">
280328
<div class="link-text">
281329
<span class="link-title">Murphy & The Ziggys</span>
282-
<span class="link-desc">Künstlerprofil (Apple Music)</span>
330+
<span class="link-desc">Indie Pop & Rock • Künstlerprofil (Apple Music)</span>
283331
</div>
284332
</a>
285333

286334
<a href="https://music.youtube.com/channel/UCiNaJy7pScb2UhJXYNrQ5og" target="_blank" class="link-button">
287335
<img src="yt_logo_fullcolor_white_digital.png" class="img-wide" alt="YouTube Music">
288336
<div class="link-text">
289-
<span class="link-title">The Ziggys - Topic</span>
290-
<span class="link-desc">Murphys Youtube-Musik-Kanal</span>
337+
<span class="link-title">The Ziggys</span>
338+
<span class="link-desc">Indie Pop & Rock • Künstlerprofil (YouTube Music)</span>
291339
</div>
292340
</a>
293341

294342
<a href="https://open.spotify.com/intl-de/artist/2ToGIFnYhiMPeODjZAumJr" target="_blank" class="link-button">
295343
<img src="Spotify_Full_Logo_RGB_Green.png" class="img-wide" alt="Spotify">
296344
<div class="link-text">
297-
<span class="link-title">Cyrus Protocol</span>
298-
<span class="link-desc">Soul & Funk Experiments (Spotify)</span>
345+
<span class="link-title">The Cyrus Protocol</span>
346+
<span class="link-desc">Soul & Funk • Künstlerprofil (Spotify)</span>
299347
</div>
300348
</a>
301349

302350
<a href="https://music.apple.com/us/artist/the-cyrus-protocol/1875877240" target="_blank" class="link-button">
303351
<img src="DE_Apple_Music_Listen_on_Badge_RGB_083120.svg" class="img-wide" alt="Apple Music">
304352
<div class="link-text">
305-
<span class="link-title">Cyrus Protocol</span>
306-
<span class="link-desc">Soul & Funk Experiments (Apple Music)</span>
353+
<span class="link-title">The Cyrus Protocol</span>
354+
<span class="link-desc">Soul & Funk • Künstlerprofil (Apple Music)</span>
307355
</div>
308356
</a>
309357

310358
<a href="https://music.youtube.com/channel/UCqf8dz_b0GHA1HkWCcha2MA" target="_blank" class="link-button">
311359
<img src="yt_logo_fullcolor_white_digital.png" class="img-wide" alt="YouTube Music">
312360
<div class="link-text">
313-
<span class="link-title">Cyrus Protocol - Topic</span>
314-
<span class="link-desc">Offizielle Releases (YouTube Music)</span>
361+
<span class="link-title">The Cyrus Protocol</span>
362+
<span class="link-desc">Soul & Funk • Künstlerprofil (YouTube Music)</span>
315363
</div>
316364
</a>
317365

318366
</div>
319367
</div>
320368

321-
<div class="section">
369+
<div class="section" id="tutorials">
322370
<h2>🧠 KI-Knowledge & Tutorials</h2>
323371
<div class="button-grid">
324372

0 commit comments

Comments
 (0)