Animationen
NEU: Ab SOLO 3.1 lassen sich Elemente und Module animieren. Dafür gibt es eine js_animations.html5, die über das Seitenlayout eingebunden wird und CSS-Klassen in der Theme Toolbox für folgende Animationen:
Animationen werden ausgeführt, wenn Elemente von unten in den sichtbaren Bereich gescrollt werden. Elemente oberhalb des sichtbaren Bereichs (zum Beispiel nach einem Reload, während sich die Person am Ende der Seite befand) werden direkt angezeigt.
Da es innerhalb von Modulen nur mit Template-Änderungen möglich wäre, Inhalten zusätzliche CSS-Klassen zu geben, gibt es über die js_animations.html5 zusätzlich die Möglichkeit, Klassen zu definieren, die – wenn sie in den sichtbaren Bereich gescrollt werden – animiert werden sollen. Beispiele für individuelle Animationen sind
In der js_animations.html5 sieht der Aufruf für den animierten Hero so aus:
animate('.hero--animate', 0);
// 0 bedeutet, dass mehrere Hero-Elemente nicht mit einer
// standardmäßigen Verzögerung von 0.3s animiert werden,
// sondern sofort
In der _animations.html5 wird die Klasse dann folgendermaßen zur Animation verwendet:
// hero animation
.hero--animate {
&.animate--visible {
.hero__headline,
.hero__description,
.hero__links {
@include animate-fade-right;
animation-duration: 1s;
}
.hero__description {
animation-delay: 0.3s;
}
.hero__links {
animation-delay: 0.6s;
}
}
}
Fade-In Effekt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Fade-In + Move-Up Effekt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Fade-In + Move-Left Effekt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Fade-In + Move-Right Effekt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Animierter Hero
Die Elemente Überschrift, Text und Link werden nacheinander von links eingeblendet
Animierte News
conductr richtet Geschäftsführung neu aus
Victoria Ulbricht wird Geschäftsführerin (CMO). Gemeinsam mit CEO Gratian Permien fokussiert sie die weitere Verbreitung der Plattform als Drehscheibe für Genehmigungs- und Netzanschlussverfahren
The Trade Fair Prompt That Plans With You, Not Just for You
Nutze mein kostenloses Prompt für ChatGPT, um deine Messevorbereitung als Startup oder KMU strukturiert, effizient und stressfrei zu planen.
Weiterlesen … The Trade Fair Prompt That Plans With You, Not Just for You
Energy Transition. The Slovak Way.
This article explores Slovakia’s evolving role in the European energy transition, sparked by the question: “Does Slovakia share the same priorities as Germany?”, a friend in my LinkedIn-Community asked.
Once considered a struggling post-socialist state, Slovakia has become a quietly progressive player in renewable energy, particularly in solar power and EV infrastructure. While wind energy remains politically and institutionally blocked, the country shows rapid growth in photovoltaics and charging networks, driven by EU support and pragmatic policy incentives.
The analysis contrasts Slovakia’s approach with Germany’s regarding the question above. It closes by examining Slovakia’s recent announcement to phase out renewable subsidies by 2026 and raises a strategic question: Could this lean, less-subsidized market still present opportunities for agile investors and startups?
What would you expect from Greece's renewables landscape?
This article offers a compact overview of the current state of Greece’s energy market, with a focus on renewables, grid challenges, and opportunities for innovation. It highlights the country’s strong solar share, a growing project pipeline, and upcoming developments in offshore wind and energy storage. Additionally, it outlines areas where startups and technology providers might add value, f. e. in grid integration and EV charging solutions. The analysis is based on recent sources and aims to let interessted readers know something about their holiday country.
Weiterlesen … What would you expect from Greece's renewables landscape?