Allgemeine Frage: Wie sieht Eure CV Startseite aus?!

[DasVantom]

Ich habe die Seite von netsrac "nachgebaut".

Die CSS habe ich dabei nicht angepasst. Was z.B. die runden Ecken betrifft, geht das mit <group name="Beleuchtung" nowidget="true">.
Kann man gut gebrauchen wenn man Gruppen ineinander verschachtelt (Bild Licht).

Ich habe allerdings die Anrufliste weg gelassen und mich für die Darstellung von Scenen oder zentralen Funktionen entschieden.

Im Anhang habe ich einmal meine ersten richtigen Versuche.

Gruß
Florian

[netsrac]

Na das nenn' ich mal ne Startseite! Kannst du vielleicht mal die Config posten?

Schaust Du hier:

https://dl.dropboxusercontent.com/u/...nfig_fs77f.xml

Aber bei weitem noch nicht fertig, noch mit viel Schrott drin und überhaupt. Aber als Idee sollte es reichen...

Meinst du damit das Einbinden des Kalenders oder oder das Komplett-Paket mit Anrufliste, Einfärben der Termine, Uhr, Statusinfos, etc.?

Ich denke, ich fange mal mit dem Kalendar an....aber ich glaube nicht, dass ich das diese Woche schaffe und dann bin ich erstmal zwei Wochen beruflich unterwegs....großes Sorry schonmal....

[netsrac]

Blöde Frage: Wie kriegst du den Chrome auf Fullscreen, finde da bei mir nichts...

Ja, das mit dem Fullscreen ist ein leidiges Thema - Chrome ist nicht. Aktuell lauft bei mir eine ältere Version von Firefox (ich glaube Version 21) mit dem Fullscreen Plugin. Alle anderen Versionen haben das Problem, dass sie irgendwann beim Scrollen dann doch den Address-Bar zeigen....und das gefällt mir gar nicht...

Auch damals auch verschiedene "Kiosk-App-Browser" getestet, aber da war auch nicht das richtige dabei...

Gruß, Netsrac

[netsrac]

@netsrac: Das Design ist ja metal... Aber da hast du viel css magic angewendet um das so hinzubekommen. Die css würde mich sehr interessieren.

Hmmm...nicht wirklich viel...halt ein paar Anpassungen in der custom.css - mag z.B. die runden Ecken nicht :-)

.widget {
        font-size: 3.3mm;
        min-height: 2.3em;
}

/*.widget_container.break_container {
    line-height: 0px;
}*/

.group.widget {
    border: 1px solid #B3B3B3;
    overflow: hidden;
    margin: 0.3em;
    padding: 0;
    border-radius: 0em;
    moz-border-radius: 0em;
      -webkit-border-radius: 0em;
      -o-border-radius: 0em;

}


.group > div > h2 {
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        padding: 0px 1em 2px;
        color: #eaeaea;

          border-radius: 0em;
    -moz-border-radius: 0em;
      -webkit-border-radius: 0em;

    border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}


.nav_path {
        font-size: 4.0mm;
    display: none;
}


.custom_verysmall {
        margin: 0;
        font: bold 3mm "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        text-align: center;
        min-height: 7mm;
        padding-top: 8mm;
}


.custom_timebig {
        padding: 0;
        margin: 0;
        color: #ff9300;
        min-height: 0mm;
        font: bold 24mm "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.custom_timebig > div.strftime_value {
        text-align: center;
        line-height: 25mm;
}

.custom_timedate > div.strftime_value {
        text-align: center;
        line-height: 3mm;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
}


.custom_timenavbar > div.strftime_value {
        right: 10px;
        position: fixed;
        top: -5px;
        z-index: -10;
}

.custom_bigtemp {
        padding: 0;
        margin: 0;
        color: #00aeff;
    min-height: 0mm;
        font: bold 8mm "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.custom_timedate {
    min-height: 4mm;
    height: 4mm;
    background-color: #ffffff;
    background-image:         linear-gradient(#2d2d2d, #2d2d2d);
    background-image: -webkit-linear-gradient(#2d2d2d, #2d2d2d); /* Chrome 10+, Saf5.1+ */
}

.custom_timeclass {
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        height: 130px;
}

.custom_timeclass .group {
    height: 160px;
}

.custom_timeclass > div > h2 {
        color: #eaeaea;
}

.custom_tempclass {
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.custom_tempclass > div > h2 {
        color: #eaeaea;
}



.custom_kalendar {
}


.diagram_inline {
    z-index: 2;
}


@-webkit-keyframes blink {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

@keyframes blink {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}


.custom_blink {
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s;

  animation-name: blink;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-duration: 1s;

}

[swiss]

@netsrac: Das Design ist ja metal... Aber da hast du viel css magic angewendet um das so hinzubekommen. Die css würde mich sehr interessieren.

[iwan]

In diesem Thread hier habe ich ein Bild von meiner Visu an der Wand:

https://knx-user-forum.de/311117-post31.html

https://knx-user-forum.de/attachment...ome-foto-2.jpg

Blöde Frage: Wie kriegst du den Chrome auf Fullscreen, finde da bei mir nichts...

Iwan

[Hauke]

In diesem Thread hier habe ich ein Bild von meiner Visu an der Wand:

https://knx-user-forum.de/311117-post31.html

https://knx-user-forum.de/attachment...ome-foto-2.jpg

Na das nenn' ich mal ne Startseite! Kannst du vielleicht mal die Config posten?

Ich habe hier einen Post-It liegen, der mich daran erinnert, dass demnächsten mal alles zusammen zu packen und hier der Öffentlichkeit zur Verfügung zu stellen.

Meinst du damit das Einbinden des Kalenders oder oder das Komplett-Paket mit Anrufliste, Einfärben der Termine, Uhr, Statusinfos, etc.?
Ich bin leider noch nicht dazu gekommen, mich mit solchen Details auseinanderzusetzen, aber so ungefähr stelle ich mir ne Startseite vor, ich würde da gerne mal ein wenig bei dir spicken ;-)

[Tqm]

@DasVantom (Florian)

ist ein von mir entwickeltes Tool um in linknx ein Zeitschaltprogramm zu implementieren. (Bin aber auch noch nicht ganz fertig damit ...)

Mfg
Thomas

[mivola]

iframe musste umbenannt werden in web. Damit funktioniert es 1:1.

Perfekt! Danke!

[MicHau]

Und noch eine Frage: hier schreibst du wie man es in die CV Visu einbindet. Aber der Editor (SVN-Version) unterstützt aktuell kein iframe - oder habe ich das übersehen?

iframe musste umbenannt werden in web. Damit funktioniert es 1:1.

[mivola]

Wetter Plugin:
https://knx-user-forum.de/code-schni...er-plugin.html

Hier die iPad optimierte Variante
https://knx-user-forum.de/271953-post30.html

Allerdings hat das irgendwo noch nen Bug der mittlerweile behoben wurde...hab das nicht weiter verfolgt da die Prioritäten dann woanders lagen.

Könntest du evtl. dein css und die icons irgendwo/wie zur Verfügung stellen? Das Plugin selbst habe ich mittlerweile ans Laufen gebracht (siehe hier).

Und noch eine Frage: hier schreibst du wie man es in die CV Visu einbindet. Aber der Editor (SVN-Version) unterstützt aktuell kein iframe - oder habe ich das übersehen?

Danke!
Micha

[DasVantom]

Danke das Ihr hier eure Startseite präsentiert. Ich habe nämlich erst am Wochenende mit meiner Visu "begonnen".

Tqm, was verbirgt sich denn hinter Zeitschaltuhr?
Änderst du dort einfach die Schaltzeit in einem Plugin oder Steckt dort eine komplexere Zeitschaltuhr ?

Gruß
Florian

[Tqm]

So sieht´s bei mir aus ....

[Gringo885]

Hallo ist zwar schon etwas älter der Thread, aber da ihr den ehh shcon reaktiviert habt ... beteilige ich mich auch mal.

Ist alles noch absolut in der Entstehungsphase.

Eig war geplant die Felder nur mit großen Icons zu füllen, je nach Möglichkeiten kann ich mir aber auch direkte Anzeigen z.B. bei den RRD oder so vorstellen.

Unten sind übringes alles Stati der entsprechenden Sachen ( CSS und Schriftgröße ist gerade die Baustelle)

Gruß

Gringo

[netsrac]

Ja, man kann Google Calendar auch per Web auslesen....aber das sieht doch sch****e aus :-)

In diesem Thread hier habe ich ein Bild von meiner Visu an der Wand:

https://knx-user-forum.de/311117-post31.html

https://knx-user-forum.de/attachment...ome-foto-2.jpg

Dabei nutze ich insgesamt 3 Kalendar, die gemischt werden - das eine ist mein Privater Kalender, dann einen für die Geburtstage sowie einen für Feiertage.

Ich habe hier einen Post-It liegen, der mich daran erinnert, dass demnächsten mal alles zusammen zu packen und hier der Öffentlichkeit zur Verfügung zu stellen.

Ein Feature, was ich z.B. eingebaut habe, ist mittels "color=#ff0000" in den Notizen, einen Termin einzufärben. So hebe ich z.B. wichtige Termine wir "Müllabfuhr" von den normalen Terminen hervor.


Gruß, Netsrac