Skip to content

Commit

Permalink
Add new images for dark theme for homepage (#1666)
Browse files Browse the repository at this point in the history 
Co-authored-by: Marta Wierzbicka <martussky@MacBook-Pro-Marta.local>
  • Loading branch information
@Martussky
Martussky and Marta Wierzbicka authored Jun 2, 2023
1 parent e3e0e54 commit 141b8f4
Showing 1 changed file with 36 additions and 24 deletions.
60 changes: 36 additions & 24 deletions site/content/_index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -170,11 +170,11 @@ <h3 class="text-sm text-gray-400">Coming soon ...</h3>
</picture>
<picture>
<source
srcset="https://tecdn.b-cdn.net/img/home/main-dark.webp"
srcset="https://tecdn.b-cdn.net/img/homepage/main-dark.webp"
type="image/webp" />
<img
src="https://tecdn.b-cdn.net/img/home/main-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
src="https://tecdn.b-cdn.net/img/homepage/main-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
alt="TE dark main components preview" />
</picture>
</div>
Expand Down Expand Up @@ -223,11 +223,11 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
</picture>
<picture>
<source
srcset="https://tecdn.b-cdn.net/img/home/essential-dark.webp"
srcset="https://tecdn.b-cdn.net/img/homepage/essential-dark.webp"
type="image/webp" />
<img
src="https://tecdn.b-cdn.net/img/home/essential-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
src="https://tecdn.b-cdn.net/img/homepage/essential-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
alt="TE dark essential components preview" />
</picture>
</div>
Expand Down Expand Up @@ -339,12 +339,12 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
<picture>
<source
id="theming-image"
srcset="https://tecdn.b-cdn.net/img/home/theme-dark.webp"
srcset="https://tecdn.b-cdn.net/img/homepage/theme-dark.webp"
type="image/webp" />
<img
src="https://tecdn.b-cdn.net/img/home/theme-dark.png"
src="https://tecdn.b-cdn.net/img/homepage/theme-dark.png"
id="img-dark-theme"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
alt="TE dark theme components preview" />
</picture>
</div>
Expand Down Expand Up @@ -432,11 +432,11 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
</picture>
<picture>
<source
srcset="https://tecdn.b-cdn.net/img/home/design-system-dark.webp"
srcset="https://tecdn.b-cdn.net/img/homepage/design-system-dark.webp"
type="image/webp" />
<img
src="https://tecdn.b-cdn.net/img/home/design-system-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
src="https://tecdn.b-cdn.net/img/homepage/design-system-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
alt="TE dark design-system components preview" />
</picture>
</div>
Expand Down Expand Up @@ -518,8 +518,7 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
</p>
</div>
</div>
<div
class="relative order-2 mx-3 mb-4 flex items-center lg:order-1 lg:col-span-7 lg:mb-0">
<div class="relative mx-3 mb-4 flex items-center lg:col-span-7 lg:mb-0">
<picture>
<source
srcset="
Expand All @@ -528,8 +527,19 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
type="image/webp" />
<img
src="https://tecdn.b-cdn.net/img/home/customize-whatever-you-want.png"
class="w-100"
alt="" />
class="absolute left-0 top-0 w-full px-4 transition-opacity duration-500 dark:opacity-0"
alt="TE light customize whatever you want components preview" />
</picture>
<picture>
<source
srcset="
https://tecdn.b-cdn.net/img/homepage/customize-whatever-you-want-dark.webp
"
type="image/webp" />
<img
src="https://tecdn.b-cdn.net/img/homepage/customize-whatever-you-want-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
alt="TE dark customize whatever you want components preview" />
</picture>
</div>
</div>
Expand Down Expand Up @@ -611,16 +621,18 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
<img
src="https://tecdn.b-cdn.net/img/home/community-support.png"
class="absolute left-0 top-0 w-full px-4 transition-opacity duration-500 dark:opacity-0"
alt="TE light community-support components preview" />
alt="TE light community support components preview" />
</picture>
<picture>
<source
srcset="https://tecdn.b-cdn.net/img/home/community-support-dark.webp"
srcset="
https://tecdn.b-cdn.net/img/homepage/community-support-dark.webp
"
type="image/webp" />
<img
src="https://tecdn.b-cdn.net/img/home/community-support-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
alt="TE dark community-support components preview" />
src="https://tecdn.b-cdn.net/img/homepage/community-support-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
alt="TE dark community support components preview" />
</picture>
</div>
</div>
Expand Down Expand Up @@ -953,11 +965,11 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
</picture>
<picture>
<source
srcset="https://tecdn.b-cdn.net/img/home/templates-dark.webp"
srcset="https://tecdn.b-cdn.net/img/homepage/templates-dark.webp"
type="image/webp" />
<img
src="https://tecdn.b-cdn.net/img/home/templates-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
src="https://tecdn.b-cdn.net/img/homepage/templates-dark.png"
class="w-full px-4 opacity-0 transition-opacity duration-500 dark:opacity-100"
alt="TE dark template components preview" />
</picture>
</div>
Expand Down

0 comments on commit 141b8f4

Please sign in to comment.