Homepagevorlagen - Templates

¹= Webseite NEU / im Aufbau / in Bearbeitung | Die Zeit von diesbezüglichen Baustellen-Bildern ist schon lange vorbei. Der erste Eindruck ist entscheidend. Und für den ersten Eindruck gibt es keine zweite Chance.

¹= Bild-Anzahl-Anzeiger | Bei einem Bildwechsler gibt es oft einen Anzeiger für die Bildanzahl der zu wechselnden Bilder. Man erkennt dann z.B. : Jetzt gerade ist Bild 2 von insgesamt 4 Bilder zu sehen. Dies sind häufig kleine Kreise, wobei der Kreis für das aktuelle Bild dann farblich anders formatiert wird. Wir haben diesen Bildanzeiger hier mal anders gestaltet. Es gibt ein Batterie-Symbol, das sich mit jedem angezeigten Bild der Slideshow weiter füllt. Sozusagen bis die Batterie voll geladen ist.

¹ = CSS Chakra-Animation | Sie sehen hier 5 halbtransparente CSS-Quadrate, welche sich jeweils um die Buddha-Grafik mit verschiedener Geschwindigkeit drehen um alle Farben zur Geltung zu bringen. Die Halbtransparenz läßt alle tiefer liegende Quadrate durchscheinen. Nach ca. 2 Minuten Drehung liegen dann alle wieder aufeinander und bilden ein einziges Quadrat. Der Kreislauf beginnt dann von vorn und man kann es dank der wechselnden Überlagerungen ständig ansehen, ohne das es langweilig wird.
Mit dieser Animation möchten wir die Chakren symbolisch darstellen. Halbtransparenz und Überlagerung bei unterschiedlicher Geschwindigkeit ermöglicht es, daß alle sieben Farben der Chakren insgesamt auch nur mit 5 Quadraten trotzdem dargestellt werden. Klar könnte man auch 7 oder mehr Quadrate drehen lassen, aber wir wollten es nicht so kompliziert machen.

² = Die Chakren-Theorie | Aus Indien stammend kennt man die Chakren als Energiewirbel bzw. Energieräder in der Aura. Analog dazu kennen wir hier auch im Westen dieses Wissen, welches in Form von Heiligenscheinen auf alten Bildern bei Heiligen, Königen oder Engeln stark verankert ist. Es gibt 7 Hauptchakren -welche jeweils verschiedenen Bedeutungen sowie auch Blockaden entsprechen- in den Farben, Rot, Orange, Gelb, Grün, Blau, Indigoblau und Violett. Wenn alle Chakren geöffnet sind und sich drehen, sind Körper, Seele und Geist eins, wir sind dann sozusagen in unserer Mitte.

³ = Full-Screen-Only-Site | Volle Bildschirm-Ansicht: Während die Gesamtkonstruktion hier als Highlight bei allen Auflösungen nicht mitscrollt und immer jeweils responsive das Display ausfüllt, lassen sich die öffnenden Inhalts-Fenster (Box-Fenster) sehr wohl scrollen.

⁴ = Mehrere Ebenen | Hinter das Sterne-Partikel-Script haben wir 2 Ebenen und darüber 4 Ebenen gelegt. Hier die Reihenfolge von hinten nach vorn:
- Wasser-Landschafts-Foto
- CSS-Farbverlauf kreisförmig von innen halbtransparent nach außen blau-schwarz.
- Jquery-Sterne-Partikel-Script
- CSS-animierte Quadrate
- Buddha-Foto
- Menü
- Div-Box-Fenster