mw/agent0_homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #220 from tfwmedia/changes-02-10

Browse Source 
Kacheln für Webinare
This commit is contained in:
Tim
2025-12-15 10:19:51 +01:00
committed by GitHub
parent d6e9f479b0 c7448e0b35
commit 3a82483969
2 changed files with 62 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/webinare/index.md
+16
View File
@@ -13,7 +13,23 @@ führende Unternehmen diese Technologie zur Effizienzsteigerung im Arbeitsalltag
**Melden Sie sich jetzt zu einem Webinar an und sichern Sie sich den Innovationsvorsprung in Ihrer Branche.** **Melden Sie sich jetzt zu einem Webinar an und sichern Sie sich den Innovationsvorsprung in Ihrer Branche.**
<div class="satag--webinar-tiles">
<a href="/webinare/termine/" class="">
<i class="fa-solid fa-calendar-days satag--webinar-tile-icon satag--webinar-tile"></i>
</a>
<p class="satag--webinar-tile-title">Zu den nächsten kostenfreien KI-Webinaren</p>
<a href="/webinare/anmeldung/" class="">
<i class="fa-solid fa-user-plus satag--webinar-tile-icon satag--webinar-tile"></i>
</a>
<p class="satag--webinar-tile-title">Zur Anmeldung für unsere kostenfreien KI-Webinare</p>
<a href="/webinare/aufzeichnungen/" class="">
<i class="fa-solid fa-circle-play satag--webinar-tile-icon satag--webinar-tile"></i>
</a>
<p class="satag--webinar-tile-title">Zu den aufgezeichneten KI-Webinaren</p>
</div>
overrides/assets/css/modules/webinar.scss
+46
View File
@@ -73,3 +73,49 @@
color: #666; color: #666;
font-style: italic; font-style: italic;
} }
// Icon tiles for webinar overview page
.satag--webinar-tiles {
display: grid;
grid-template-columns: 1fr 2fr; // Linke Spalte schmaler (1/3), rechte Spalte breiter (2/3)
gap: 2rem;
margin: 3rem 0;
// Responsive: Auf mobilen Geräten einspaltig
@media (max-width: 768px) {
grid-template-columns: 1fr;
}
}
.satag--webinar-tile {
background-color: #521370; // Primary button color
border-radius: 0;
padding: 4rem;
text-align: center;
transition: all 0.3s ease;
text-decoration: none;
display: block;
font-size: 4rem;
color: #fff;
&:hover {
background-color: #7e3a9e; // Lighter variant
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(82, 19, 112, 0.4);
}
.satag--webinar-tile-icon {
font-size: 3.5rem;
color: #fff;
margin-bottom: 1.5rem;
display: block;
}
.satag--webinar-tile-title {
color: #fff;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
}
}