Apple-Login-Button komplett entfernt
Auf ausdrücklichen Wunsch: "Mit Apple anmelden" raus aus allen 4 Sprachversionen der Kontoseite (Buttons, Übersetzungsstrings, Kommentare). Bleiben: Google + PayPal, beide ohne laufende Kosten nutzbar — anders als Apple, das zwingend das kostenpflichtige Apple Developer Program (99 $/Jahr) fürs Web-Login voraussetzt. Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
co-authored by
Claude Sonnet 5
Claude Sonnet 5
parent
8bb332a5a2
commit
d3bcd2178b
+4
-4
@@ -208,7 +208,7 @@ export const ui = {
|
|||||||
guestButton: "Als Gast weiter einkaufen",
|
guestButton: "Als Gast weiter einkaufen",
|
||||||
loginError: "Bitte gib eine E-Mail-Adresse ein.",
|
loginError: "Bitte gib eine E-Mail-Adresse ein.",
|
||||||
socialHeading: "Schneller anmelden mit",
|
socialHeading: "Schneller anmelden mit",
|
||||||
socialGoogle: "Mit Google anmelden", socialApple: "Mit Apple anmelden", socialPaypal: "Mit PayPal anmelden",
|
socialGoogle: "Mit Google anmelden", socialPaypal: "Mit PayPal anmelden",
|
||||||
socialComingSoon: "Kommt in Phase 2: Sobald die echte Konto-Anbindung steht, kannst du dich hier direkt anmelden — ganz ohne neues Passwort.",
|
socialComingSoon: "Kommt in Phase 2: Sobald die echte Konto-Anbindung steht, kannst du dich hier direkt anmelden — ganz ohne neues Passwort.",
|
||||||
orDivider: "oder mit E-Mail",
|
orDivider: "oder mit E-Mail",
|
||||||
showPassword: "Passwort anzeigen", hidePassword: "Passwort verbergen",
|
showPassword: "Passwort anzeigen", hidePassword: "Passwort verbergen",
|
||||||
@@ -512,7 +512,7 @@ export const ui = {
|
|||||||
guestButton: "Continue shopping as guest",
|
guestButton: "Continue shopping as guest",
|
||||||
loginError: "Please enter an email address.",
|
loginError: "Please enter an email address.",
|
||||||
socialHeading: "Sign in faster with",
|
socialHeading: "Sign in faster with",
|
||||||
socialGoogle: "Sign in with Google", socialApple: "Sign in with Apple", socialPaypal: "Sign in with PayPal",
|
socialGoogle: "Sign in with Google", socialPaypal: "Sign in with PayPal",
|
||||||
socialComingSoon: "Coming in Phase 2: once the real account backend is live, you'll be able to sign in here directly — no new password needed.",
|
socialComingSoon: "Coming in Phase 2: once the real account backend is live, you'll be able to sign in here directly — no new password needed.",
|
||||||
orDivider: "or with email",
|
orDivider: "or with email",
|
||||||
showPassword: "Show password", hidePassword: "Hide password",
|
showPassword: "Show password", hidePassword: "Hide password",
|
||||||
@@ -816,7 +816,7 @@ export const ui = {
|
|||||||
guestButton: "Als Gast wyter yichaufe",
|
guestButton: "Als Gast wyter yichaufe",
|
||||||
loginError: "Bitte gib e E-Mail-Adrässe i.",
|
loginError: "Bitte gib e E-Mail-Adrässe i.",
|
||||||
socialHeading: "Schnäller aamälde mit",
|
socialHeading: "Schnäller aamälde mit",
|
||||||
socialGoogle: "Mit Google aamälde", socialApple: "Mit Apple aamälde", socialPaypal: "Mit PayPal aamälde",
|
socialGoogle: "Mit Google aamälde", socialPaypal: "Mit PayPal aamälde",
|
||||||
socialComingSoon: "Chunnt i Phase 2: Sobald d'echti Konto-Aabindig staht, chasch di da direkt aamälde — ganz ohni nöis Passwort.",
|
socialComingSoon: "Chunnt i Phase 2: Sobald d'echti Konto-Aabindig staht, chasch di da direkt aamälde — ganz ohni nöis Passwort.",
|
||||||
orDivider: "oder mit E-Mail",
|
orDivider: "oder mit E-Mail",
|
||||||
showPassword: "Passwort azeige", hidePassword: "Passwort verstecke",
|
showPassword: "Passwort azeige", hidePassword: "Passwort verstecke",
|
||||||
@@ -1120,7 +1120,7 @@ export const ui = {
|
|||||||
guestButton: "Continuer mes achats en tant qu'invité",
|
guestButton: "Continuer mes achats en tant qu'invité",
|
||||||
loginError: "Veuillez saisir une adresse e-mail.",
|
loginError: "Veuillez saisir une adresse e-mail.",
|
||||||
socialHeading: "Connexion plus rapide avec",
|
socialHeading: "Connexion plus rapide avec",
|
||||||
socialGoogle: "Se connecter avec Google", socialApple: "Se connecter avec Apple", socialPaypal: "Se connecter avec PayPal",
|
socialGoogle: "Se connecter avec Google", socialPaypal: "Se connecter avec PayPal",
|
||||||
socialComingSoon: "Disponible en phase 2 : dès que la vraie connexion au compte sera en place, vous pourrez vous connecter directement ici — sans nouveau mot de passe.",
|
socialComingSoon: "Disponible en phase 2 : dès que la vraie connexion au compte sera en place, vous pourrez vous connecter directement ici — sans nouveau mot de passe.",
|
||||||
orDivider: "ou avec e-mail",
|
orDivider: "ou avec e-mail",
|
||||||
showPassword: "Afficher le mot de passe", hidePassword: "Masquer le mot de passe",
|
showPassword: "Afficher le mot de passe", hidePassword: "Masquer le mot de passe",
|
||||||
|
|||||||
@@ -19,9 +19,10 @@ const t = useTranslations(lang);
|
|||||||
<form class="frm card" id="login-form">
|
<form class="frm card" id="login-form">
|
||||||
<h3>{t.account.loginTitle}</h3>
|
<h3>{t.account.loginTitle}</h3>
|
||||||
|
|
||||||
{/* Social-Login: in DE/DACH übliche Alternativen zu E-Mail/Passwort — Google und Apple
|
{/* Social-Login: Google als verbreitetster Anbieter, PayPal zusätzlich wegen seiner
|
||||||
als verbreitetste Anbieter, PayPal zusätzlich wegen seiner Marktdominanz bei
|
Marktdominanz bei Zahlungen in Deutschland (siehe Recherche). Apple bewusst NICHT
|
||||||
Zahlungen in Deutschland (siehe Recherche). Ohne eigenes Backend noch nicht
|
dabei -- auf ausdrücklichen Wunsch entfernt (kostet 99 $/Jahr Apple-Entwicklerprogramm
|
||||||
|
allein für den Web-Login, siehe Vault-Notiz). Ohne eigenes Backend noch nicht
|
||||||
funktional; ein Klick zeigt ehrlich den Phase-2-Hinweis statt eine Anmeldung
|
funktional; ein Klick zeigt ehrlich den Phase-2-Hinweis statt eine Anmeldung
|
||||||
vorzutäuschen. */}
|
vorzutäuschen. */}
|
||||||
<div class="social-login">
|
<div class="social-login">
|
||||||
@@ -30,10 +31,6 @@ const t = useTranslations(lang);
|
|||||||
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
|
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
|
||||||
{t.account.socialGoogle}
|
{t.account.socialGoogle}
|
||||||
</button>
|
</button>
|
||||||
<button type="button" class="btn-social btn-social-apple">
|
|
||||||
<svg width="15" height="18" viewBox="0 0 814 1000" fill="currentColor" aria-hidden="true"><path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-163.9-39.5c-76.4 0-103.5 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"/></svg>
|
|
||||||
{t.account.socialApple}
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn-social btn-social-paypal">
|
<button type="button" class="btn-social btn-social-paypal">
|
||||||
<span class="social-icon-badge" aria-hidden="true">
|
<span class="social-icon-badge" aria-hidden="true">
|
||||||
<svg width="13" height="13" viewBox="0 0 24 24" fill="#fff" aria-hidden="true"><path d="M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z"></path></svg>
|
<svg width="13" height="13" viewBox="0 0 24 24" fill="#fff" aria-hidden="true"><path d="M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z"></path></svg>
|
||||||
|
|||||||
@@ -19,9 +19,10 @@ const t = useTranslations(lang);
|
|||||||
<form class="frm card" id="login-form">
|
<form class="frm card" id="login-form">
|
||||||
<h3>{t.account.loginTitle}</h3>
|
<h3>{t.account.loginTitle}</h3>
|
||||||
|
|
||||||
{/* Social-Login: in DE/DACH übliche Alternativen zu E-Mail/Passwort — Google und Apple
|
{/* Social-Login: Google als verbreitetster Anbieter, PayPal zusätzlich wegen seiner
|
||||||
als verbreitetste Anbieter, PayPal zusätzlich wegen seiner Marktdominanz bei
|
Marktdominanz bei Zahlungen in Deutschland (siehe Recherche). Apple bewusst NICHT
|
||||||
Zahlungen in Deutschland (siehe Recherche). Ohne eigenes Backend noch nicht
|
dabei -- auf ausdrücklichen Wunsch entfernt (kostet 99 $/Jahr Apple-Entwicklerprogramm
|
||||||
|
allein für den Web-Login, siehe Vault-Notiz). Ohne eigenes Backend noch nicht
|
||||||
funktional; ein Klick zeigt ehrlich den Phase-2-Hinweis statt eine Anmeldung
|
funktional; ein Klick zeigt ehrlich den Phase-2-Hinweis statt eine Anmeldung
|
||||||
vorzutäuschen. */}
|
vorzutäuschen. */}
|
||||||
<div class="social-login">
|
<div class="social-login">
|
||||||
@@ -30,10 +31,6 @@ const t = useTranslations(lang);
|
|||||||
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
|
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
|
||||||
{t.account.socialGoogle}
|
{t.account.socialGoogle}
|
||||||
</button>
|
</button>
|
||||||
<button type="button" class="btn-social btn-social-apple">
|
|
||||||
<svg width="15" height="18" viewBox="0 0 814 1000" fill="currentColor" aria-hidden="true"><path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-163.9-39.5c-76.4 0-103.5 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"/></svg>
|
|
||||||
{t.account.socialApple}
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn-social btn-social-paypal">
|
<button type="button" class="btn-social btn-social-paypal">
|
||||||
<span class="social-icon-badge" aria-hidden="true">
|
<span class="social-icon-badge" aria-hidden="true">
|
||||||
<svg width="13" height="13" viewBox="0 0 24 24" fill="#fff" aria-hidden="true"><path d="M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z"></path></svg>
|
<svg width="13" height="13" viewBox="0 0 24 24" fill="#fff" aria-hidden="true"><path d="M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z"></path></svg>
|
||||||
|
|||||||
@@ -19,9 +19,10 @@ const t = useTranslations(lang);
|
|||||||
<form class="frm card" id="login-form">
|
<form class="frm card" id="login-form">
|
||||||
<h3>{t.account.loginTitle}</h3>
|
<h3>{t.account.loginTitle}</h3>
|
||||||
|
|
||||||
{/* Social-Login: in DE/DACH übliche Alternativen zu E-Mail/Passwort — Google und Apple
|
{/* Social-Login: Google als verbreitetster Anbieter, PayPal zusätzlich wegen seiner
|
||||||
als verbreitetste Anbieter, PayPal zusätzlich wegen seiner Marktdominanz bei
|
Marktdominanz bei Zahlungen in Deutschland (siehe Recherche). Apple bewusst NICHT
|
||||||
Zahlungen in Deutschland (siehe Recherche). Ohne eigenes Backend noch nicht
|
dabei -- auf ausdrücklichen Wunsch entfernt (kostet 99 $/Jahr Apple-Entwicklerprogramm
|
||||||
|
allein für den Web-Login, siehe Vault-Notiz). Ohne eigenes Backend noch nicht
|
||||||
funktional; ein Klick zeigt ehrlich den Phase-2-Hinweis statt eine Anmeldung
|
funktional; ein Klick zeigt ehrlich den Phase-2-Hinweis statt eine Anmeldung
|
||||||
vorzutäuschen. */}
|
vorzutäuschen. */}
|
||||||
<div class="social-login">
|
<div class="social-login">
|
||||||
@@ -30,10 +31,6 @@ const t = useTranslations(lang);
|
|||||||
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
|
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
|
||||||
{t.account.socialGoogle}
|
{t.account.socialGoogle}
|
||||||
</button>
|
</button>
|
||||||
<button type="button" class="btn-social btn-social-apple">
|
|
||||||
<svg width="15" height="18" viewBox="0 0 814 1000" fill="currentColor" aria-hidden="true"><path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-163.9-39.5c-76.4 0-103.5 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"/></svg>
|
|
||||||
{t.account.socialApple}
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn-social btn-social-paypal">
|
<button type="button" class="btn-social btn-social-paypal">
|
||||||
<span class="social-icon-badge" aria-hidden="true">
|
<span class="social-icon-badge" aria-hidden="true">
|
||||||
<svg width="13" height="13" viewBox="0 0 24 24" fill="#fff" aria-hidden="true"><path d="M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z"></path></svg>
|
<svg width="13" height="13" viewBox="0 0 24 24" fill="#fff" aria-hidden="true"><path d="M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z"></path></svg>
|
||||||
|
|||||||
@@ -19,9 +19,10 @@ const t = useTranslations(lang);
|
|||||||
<form class="frm card" id="login-form">
|
<form class="frm card" id="login-form">
|
||||||
<h3>{t.account.loginTitle}</h3>
|
<h3>{t.account.loginTitle}</h3>
|
||||||
|
|
||||||
{/* Social-Login: in DE/DACH übliche Alternativen zu E-Mail/Passwort — Google und Apple
|
{/* Social-Login: Google als verbreitetster Anbieter, PayPal zusätzlich wegen seiner
|
||||||
als verbreitetste Anbieter, PayPal zusätzlich wegen seiner Marktdominanz bei
|
Marktdominanz bei Zahlungen in Deutschland (siehe Recherche). Apple bewusst NICHT
|
||||||
Zahlungen in Deutschland (siehe Recherche). Ohne eigenes Backend noch nicht
|
dabei -- auf ausdrücklichen Wunsch entfernt (kostet 99 $/Jahr Apple-Entwicklerprogramm
|
||||||
|
allein für den Web-Login, siehe Vault-Notiz). Ohne eigenes Backend noch nicht
|
||||||
funktional; ein Klick zeigt ehrlich den Phase-2-Hinweis statt eine Anmeldung
|
funktional; ein Klick zeigt ehrlich den Phase-2-Hinweis statt eine Anmeldung
|
||||||
vorzutäuschen. */}
|
vorzutäuschen. */}
|
||||||
<div class="social-login">
|
<div class="social-login">
|
||||||
@@ -30,10 +31,6 @@ const t = useTranslations(lang);
|
|||||||
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
|
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
|
||||||
{t.account.socialGoogle}
|
{t.account.socialGoogle}
|
||||||
</button>
|
</button>
|
||||||
<button type="button" class="btn-social btn-social-apple">
|
|
||||||
<svg width="15" height="18" viewBox="0 0 814 1000" fill="currentColor" aria-hidden="true"><path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-163.9-39.5c-76.4 0-103.5 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"/></svg>
|
|
||||||
{t.account.socialApple}
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn-social btn-social-paypal">
|
<button type="button" class="btn-social btn-social-paypal">
|
||||||
<span class="social-icon-badge" aria-hidden="true">
|
<span class="social-icon-badge" aria-hidden="true">
|
||||||
<svg width="13" height="13" viewBox="0 0 24 24" fill="#fff" aria-hidden="true"><path d="M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z"></path></svg>
|
<svg width="13" height="13" viewBox="0 0 24 24" fill="#fff" aria-hidden="true"><path d="M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z"></path></svg>
|
||||||
|
|||||||
@@ -369,9 +369,11 @@ a:focus-visible, button:focus-visible {
|
|||||||
Login: Social-Login-Buttons, Passwort-Sichtbarkeit, DSGVO-Hinweis
|
Login: Social-Login-Buttons, Passwort-Sichtbarkeit, DSGVO-Hinweis
|
||||||
In Deutschland/DACH übliche Anmelde-Alternativen zur reinen E-Mail/Passwort-
|
In Deutschland/DACH übliche Anmelde-Alternativen zur reinen E-Mail/Passwort-
|
||||||
Anmeldung (siehe Recherche: PayPal-Login ist wegen der PayPal-Marktdominanz
|
Anmeldung (siehe Recherche: PayPal-Login ist wegen der PayPal-Marktdominanz
|
||||||
in DE besonders verbreitet, neben Google/Apple). Die Buttons sind bewusst
|
in DE besonders verbreitet, neben Google). Apple bewusst NICHT dabei — auf
|
||||||
NICHT funktional (kein echtes OAuth ohne Backend) — ein Klick zeigt einen
|
ausdrücklichen Wunsch entfernt (Apple verlangt fürs Web-Login zwingend das
|
||||||
ehrlichen Hinweis statt eine vorgetäuschte Anmeldung.
|
kostenpflichtige Apple Developer Program, 99 $/Jahr, siehe Vault-Notiz). Die
|
||||||
|
Buttons sind bewusst NICHT funktional (kein echtes OAuth ohne Backend) — ein
|
||||||
|
Klick zeigt einen ehrlichen Hinweis statt eine vorgetäuschte Anmeldung.
|
||||||
============================================================ */
|
============================================================ */
|
||||||
.social-login { display: grid; gap: 0.6rem; }
|
.social-login { display: grid; gap: 0.6rem; }
|
||||||
.btn-social {
|
.btn-social {
|
||||||
|
|||||||
Reference in New Issue
Block a user