Skip to content

Commit

Permalink
Cleanup landing imports
Browse files Browse the repository at this point in the history
  • Loading branch information
cagataycivici committed Nov 26, 2023
1 parent ac9a850 commit a28b9fc
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 119 deletions.
1 change: 0 additions & 1 deletion src/app/showcase/layout/news/app.news.component.ts
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,5 @@ export class AppNewsComponent implements OnInit {
};

localStorage.setItem(this.storageKey, JSON.stringify(item));
console.log(this.configService.state.newsActive);
}
}
32 changes: 16 additions & 16 deletions src/app/showcase/pages/landing/landing.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,7 @@ <h1 class="text-6xl font-bold text-center xl:text-left">The Most Complete UI Sui
<div
class="mt-7 px-3 lg:px-8"
[style]="{ 'background-size': 'cover' }"
[ngStyle]="{ 'background-image': config.darkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/wave-dark-alt.svg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/wave-light-alt.svg)' }"
[ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/wave-dark-alt.svg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/wave-light-alt.svg)' }"
>
<div class="features-container">
<div class="grid">
Expand Down Expand Up @@ -196,17 +196,17 @@ <h1 class="text-6xl font-bold text-center xl:text-left">The Most Complete UI Sui
<div class="marquee-wrapper overflow-hidden flex">
<div class="marquee">
<div class="w-full" *ngFor="let user of usersData.slice(0, 6)">
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ config.darkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
</div>
</div>
<div class="marquee">
<div class="w-full" *ngFor="let user of usersData.slice(0, 6)">
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ config.darkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
</div>
</div>
<div class="marquee">
<div class="w-full" *ngFor="let user of usersData.slice(0, 6)">
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ config.darkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
</div>
</div>
</div>
Expand All @@ -217,17 +217,17 @@ <h1 class="text-6xl font-bold text-center xl:text-left">The Most Complete UI Sui
<div class="marquee-wrapper overflow-hidden flex">
<div class="marquee marquee-reverse">
<div class="w-full" *ngFor="let user of usersData.slice(6)">
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ config.darkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
</div>
</div>
<div class="marquee marquee-reverse">
<div class="w-full" *ngFor="let user of usersData.slice(6)">
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ config.darkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
</div>
</div>
<div class="marquee marquee-reverse">
<div class="w-full" *ngFor="let user of usersData.slice(6)">
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ config.darkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
<img src="https://primefaces.org/cdn/primereact/images/landing-new/whouses/{{ user.name }}-{{ isDarkMode ? 'light' : 'dark' }}.svg" [width]="user.width" [height]="user.height" [alt]="user.name" />
</div>
</div>
</div>
Expand All @@ -247,7 +247,7 @@ <h1 class="text-6xl font-bold text-center xl:text-left">The Most Complete UI Sui
<div
class="themes-main flex mt-7 justify-content-center px-5 lg:px-8"
[style]="{ 'background-size': 'cover' }"
[ngStyle]="{ 'background-image': config.darkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/wave-dark-alt.svg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/wave-light-alt.svg)' }"
[ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/wave-dark-alt.svg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/wave-light-alt.svg)' }"
>
<div class="box overflow-hidden z-1 p-5 table-container">
<p-table
Expand Down Expand Up @@ -763,14 +763,14 @@ <h5 class="m-0">Customers</h5>
<div class="flex md:flex-row flex-column gap-4 lg:gap-0">
<div
class="template-block block-1 mr-2 lg:mb-0 flex justify-content-center align-items-center"
[ngStyle]="{ 'background-image': config.darkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/diamond-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/diamond-light.jpeg)' }"
[ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/diamond-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/diamond-light.jpeg)' }"
[style]="{ 'background-size': 'cover' }"
>
<a class="templates-btn" href="https://www.primefaces.org/diamond-ng/" target="_blank">Diamond Preview</a>
</div>
<div
class="template-block block-2 ml-2 flex justify-content-center align-items-center"
[ngStyle]="{ 'background-image': config.darkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/freya-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/freya-light.jpeg)' }"
[ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/freya-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/freya-light.jpeg)' }"
[style]="{ 'background-size': 'cover' }"
>
<a class="templates-btn" href="https://www.primefaces.org/freya-ng/" target="_blank">Freya Preview</a>
Expand All @@ -779,19 +779,19 @@ <h5 class="m-0">Customers</h5>
<div class="flex my-4 md:flex-row flex-column gap-4 lg:gap-0 align-items-center">
<div
class="template-block block-3 mr-2 lg:mb-0 flex justify-content-center align-items-center"
[ngStyle]="{ 'background-image': config.darkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/atlantis-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/atlantis-light.jpeg)' }"
[ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/atlantis-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/atlantis-light.jpeg)' }"
[style]="{ 'background-size': 'cover' }"
>
<a class="templates-btn" href="https://www.primefaces.org/atlantis-ng/" target="_blank">Atlantis Preview</a>
</div>
<img
class="template-block block-middle border-none box-shadow-none mr-2 hidden lg:flex justify-content-center align-items-center flex-column"
[style]="{ height: '100%' }"
[src]="config.darkMode ? 'https://primefaces.org/cdn/primeng/images/landing/templates/templates-text-dark.png' : 'https://primefaces.org/cdn/primeng/images/landing/templates/templates-text-light.png'"
[src]="isDarkMode ? 'https://primefaces.org/cdn/primeng/images/landing/templates/templates-text-dark.png' : 'https://primefaces.org/cdn/primeng/images/landing/templates/templates-text-light.png'"
/>
<div
class="template-block block-5 mr-2 flex justify-content-center align-items-center"
[ngStyle]="{ 'background-image': config.darkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/apollo-dark.jpg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/apollo-light.jpg)' }"
[ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/apollo-dark.jpg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/apollo-light.jpg)' }"
[style]="{ 'background-size': 'cover' }"
>
<a class="templates-btn" href="https://www.primefaces.org/apollo-ng/" target="_blank">Apollo Preview</a>
Expand All @@ -800,14 +800,14 @@ <h5 class="m-0">Customers</h5>
<div class="flex md:flex-row flex-column gap-4 lg:gap-0">
<div
class="template-block block-5 mr-2 lg:mb-0 flex justify-content-center align-items-center"
[ngStyle]="{ 'background-image': config.darkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/serenity-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/serenity-light.jpeg)' }"
[ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/serenity-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/serenity-light.jpeg)' }"
[style]="{ 'background-size': 'cover' }"
>
<a class="templates-btn" href="https://www.primefaces.org/serenity-ng/" target="_blank">Serenity Preview</a>
</div>
<div
class="template-block block-5 mr-2 flex justify-content-center align-items-center"
[ngStyle]="{ 'background-image': config.darkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/ultima-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/ultima-light.jpeg)' }"
[ngStyle]="{ 'background-image': isDarkMode ? 'url(https://primefaces.org/cdn/primeng/images/landing/templates/ultima-dark.jpeg)' : 'url(https://primefaces.org/cdn/primeng/images/landing/templates/ultima-light.jpeg)' }"
[style]="{ 'background-size': 'cover' }"
>
<a class="templates-btn" href="https://www.primefaces.org/ultima-ng/" target="_blank">Ultima Preview</a>
Expand Down Expand Up @@ -956,7 +956,7 @@ <h5 class="m-0">Customers</h5>

<div class="flex flex-wrap justify-content-between py-6 gap-5">
<a href="/">
<img src="https://primefaces.org/cdn/primeng/images/primeng-logo-{{ config.darkMode ? 'light' : 'dark' }}.svg" width="129" height="35" alt="primeng logo" priority />
<img src="https://primefaces.org/cdn/primeng/images/primeng-logo-{{ isDarkMode ? 'light' : 'dark' }}.svg" width="129" height="35" alt="primeng logo" priority />
</a>
<div class="flex align-items-center gap-2">
<a href="https://twitter.com/prime_ng" target="_blank" rel="noopener noreferrer" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center">
Expand Down
Loading

1 comment on commit a28b9fc

@vercel
Copy link

@vercel vercel bot commented on a28b9fc Nov 26, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.