Neues YouTube-Video: Visualisierung im Devices-Adapter

[Ro75]

Freitag (alle 4 Wochen) 13-16 Uhr würde ich als Hinweis eintragen, dann stimmt es a wieder.

Ro75

[Ro75]

Wie versprochen, die Korrekturen:

• Position für den Hinweistext
• Öffnungszeiten (falsche Zusammenstellung)
• Bei Öffnungszeiten kann nun zusätzlich zum EN-DASH auch der normale Bindestrich (-) Verwendung finden.
• Konfiguration (Schriftgröße, Farbe, Stil) der Felder nun in allen Themen möglich.

const FONT = {
    family: "InterVariable",   // Globale Schriftfamilie für alle Karten

    // STANDARD – neutral, technisch, kühl
    standard: {
        name:    { size: 16, color: "#ffffff", bold: true,  italic: false },  // Name / Praxis / Firma
        address: { size: 13, color: "#d0d7e2", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#9fb3d9", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#6fa8ff", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#ffffff", bold: true,  italic: false },  // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#d0d7e2", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#ffcc66", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // WAVE – kühl, frisch, maritim
    wave: {
        name:    { size: 16, color: "#163a70", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#173d74", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#173d74", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#2563eb", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#1d4ed8", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#173d74", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#1a1a1a", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // TEAL – modern, kühl, glasig
    teal: {
        name:    { size: 16, color: "#ffffff", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#e8ffef", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#e8ffef", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#e8ffef", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#e8ffef", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#e8ffef", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#1a1a1a", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // WHITE – hell, neutral, klar
    white: {
        name:    { size: 16, color: "#1a1a1a", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#2d3748", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#2d3748", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#33691e", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#254618", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#2d3748", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#1a1a1a", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // COFFEE – warm, erdig, gemütlich
    coffee: {
        name:    { size: 16, color: "#4E342E", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#4E342E", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#4E342E", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#6D4C41", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#4E342E", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#4E342E", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#4E342E", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // YELLOW – warm, freundlich, sonnig
    yellow: {
        name:    { size: 16, color: "#5D4037", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#4E342E", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#4E342E", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#F57F17", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#5D4037", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#4E342E", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#5D4037", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // GREEN – natur, frisch, harmonisch
    green: {
        name:    { size: 16, color: "#1B5E20", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#2E7D32", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#2E7D32", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#1B5E20", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#1B5E20", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#2E7D32", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#1B5E20", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // RED – kräftig, energisch, dominant
    red: {
        name:    { size: 16, color: "#B71C1C", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#C62828", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#C62828", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#B71C1C", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#B71C1C", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#C62828", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#B71C1C", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    // BLUE – kühl, seriös, sachlich
    blue: {
        name:    { size: 16, color: "#0D47A1", bold: true, italic: false },   // Name / Praxis / Firma
        address: { size: 13, color: "#1E3A5F", bold: false, italic: false },  // Straße, PLZ, Ort
        contact: { size: 12, color: "#1E3A5F", bold: false, italic: false },  // Tel., Fax, E-Mail
        web:     { size: 12, color: "#1565C0", bold: false, italic: false },  // Website-Link
        title:   { size: 13, color: "#0D47A1", bold: true, italic: false },   // Abschnittstitel ("Öffnungszeiten")
        times:   { size: 12, color: "#1E3A5F", bold: false, italic: false },  // Öffnungszeiten-Zeilen
        hint:    { size: 12, color: "#0D47A1", bold: true,  italic: false }   // Hinweis-/Infozeilen
    },

    weight: {
        normal: 400,   // Normalgewicht
        bold:   600    // Fett
    }
};

Script im Eingangspost #1 aktualisiert.

Ro75.

[Nashra]

@ro75
Klasse Update und funktioniert
Aber einen hab ich noch, die kleinen Icons für Adresse, eMail, URL usw. werden wohl mit opacity angezeigt
und könnte man diese auch einstellbar machen. Nutze Wave und da sind sie sehr schwach zu erkennen.

[Ro75]

Danke für die Info. Ich arbeite bereits dran. Wenn das Update fertig ist, kannst du dann auch das Theme entsprechend anpassen. Ist eine reine farbliche Geschichte, keine Transparenz.

Ro75.

[Ro75]

Mit Stand 05.06.2026 gibt es Fehlerkorrekturen.

• Korrektur der Themen "wave" und "teal" - Konfiguration jetzt möglich.

    wave: {
        fontTheme: "wave",
        iconBg: "#60A5FA",                        // Hintergrund der runden Icons
        iconStroke: "#ffffff",                    // Farbe der Icons
        titleUnderline: "#3B82F6",                // Linie unter dem Namen
        avatarStroke: "#93C5FD",                  // Avatar-Rahmen
        timesBoxBg: "rgba(191,219,254,0.38)",     // Öffnungszeiten-Box Hintergrund
        timesBoxBorder: "#93C5FD",                // Öffnungszeiten-Box Rahmen
    },
    teal: {
        fontTheme: "teal",
        iconBg: "#E8FFEF",                        // Hintergrund der runden Icons
        iconStroke: "#4A7763",                    // Farbe der Icons
        titleUnderline: "#FFFFFF",                // Linie unter dem Namen
        avatarStroke: "rgba(255,255,255,0.35)",   // Avatar-Rahmen
        timesBoxBg: "rgba(232,255,239,0.16)",     // Öffnungszeiten-Box Hintergrund
        timesBoxBorder: "rgba(255,255,255,0.45)", // Öffnungszeiten-Box Rahmen
    }

Ro75.

[Nashra]

Hallo @ro75
wollte noch einige Kontakte hinzufügen aber mehr als 9 kann er wohl nicht.
Kannst du mal nachsehen, danke.

[Ro75]

Ich habe 23.
Ro75.

[Nashra]

@Ro75 sagte:

Ich habe 23.
Ro75.

Sorry, war mein Fehler, hatte ein Komma vergessen

[Ro75]

Alles gut. Das kann schon mal passieren. Aber schön, dass es jetzt geht.

Ro75.

[Nashra]

@Ro75 sagte:

Alles gut. Das kann schon mal passieren. Aber schön, dass es jetzt geht.

Ro75.

Jow und auch super jetzt mit der Konfiguration für die Icons usw