mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 08:52:34 +00:00
New page for Poseidon
This commit is contained in:
Cagatay Civici
parent
798bb436ee
commit
e5c18f913f
12 changed files with 144 additions and 99 deletions
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"id": 74,
|
"id": 75,
|
||||||
"content": "Introducing the Genesis Template! 🎉",
|
"content": "PrimeBlocks Q1 2025 Update is here with 500+ Components! 🎉",
|
||||||
"linkText": "View Demo",
|
"linkText": "Discover Now",
|
||||||
"linkHref": "https://genesis.primevue.org",
|
"linkHref": "https://primeblocks.org",
|
||||||
"target": "_blank"
|
"target": "_blank"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -76,7 +76,7 @@ export default {
|
||||||
cancelInterval: false,
|
cancelInterval: false,
|
||||||
hoveredID: null,
|
hoveredID: null,
|
||||||
visible: false,
|
visible: false,
|
||||||
animationSeconds: 5000
|
animationSeconds: 8000
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -200,7 +200,7 @@ export default {
|
||||||
template and requires a separate purchase.`,
|
template and requires a separate purchase.`,
|
||||||
description4: `
|
description4: `
|
||||||
Apollo uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
Apollo uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
||||||
<a href="https://www.figma.com/file/zQOW0XBXdCTqODzEOqwBtt/Preview-%7C-Apollo-2022?node-id=335%3A21768&t=urYI89V3PLNAZEJG-1/">preview the Figma file</a>
|
<a href="https://www.figma.com/file/zQOW0XBXdCTqODzEOqwBtt/Preview-%7C-Apollo-2022?node-id=335%3A21768&t=urYI89V3PLNAZEJG-1/" target="_blank" rel="noopener noreferrer">preview the Figma file</a>
|
||||||
before the purchase. Note that PrimeVue UI components are excluded from the Apollo Figma file as they are available in
|
before the purchase. Note that PrimeVue UI components are excluded from the Apollo Figma file as they are available in
|
||||||
<PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
<PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -171,7 +171,7 @@ export default {
|
||||||
template and requires a separate purchase.`,
|
template and requires a separate purchase.`,
|
||||||
description4: `
|
description4: `
|
||||||
Atlantis uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
Atlantis uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
||||||
<a href="https://www.figma.com/file/two0OGwOwHfq0sdjeK34l0/Preview-%7C-Atlantis-2022?node-id=15%3A1427&t=2lNJ5EzW0xuvQWdm-1">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the
|
<a href="https://www.figma.com/file/two0OGwOwHfq0sdjeK34l0/Preview-%7C-Atlantis-2022?node-id=15%3A1427&t=2lNJ5EzW0xuvQWdm-1" target="_blank" rel="noopener noreferrer">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the
|
||||||
Atlantis Figma file as they are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
Atlantis Figma file as they are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -201,7 +201,7 @@ export default {
|
||||||
template and requires a separate purchase.`,
|
template and requires a separate purchase.`,
|
||||||
description4: `
|
description4: `
|
||||||
Avalon uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
Avalon uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
||||||
<a href="https://www.figma.com/file/LuzEn29BAxr03T2vMQ5A1y/Preview-%7C-Avalon-1.0.0?type=design&mode=design&t=ME7xK2sAYOLoKCrT-1">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the
|
<a href="https://www.figma.com/file/LuzEn29BAxr03T2vMQ5A1y/Preview-%7C-Avalon-1.0.0?type=design&mode=design&t=ME7xK2sAYOLoKCrT-1" target="_blank" rel="noopener noreferrer">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the
|
||||||
Avalon Figma file as they are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
Avalon Figma file as they are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -177,7 +177,7 @@ export default {
|
||||||
template and requires a separate purchase.`,
|
template and requires a separate purchase.`,
|
||||||
description4: `
|
description4: `
|
||||||
Diamond uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
Diamond uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
||||||
<a href="https://www.figma.com/design/3BgdXCQjva5nUEO8OidU1B/Preview-%7C-Diamond?node-id=0-1&t=KdfljgRtYLzFPfKL-1">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the Diamond Figma file as they
|
<a href="https://www.figma.com/design/3BgdXCQjva5nUEO8OidU1B/Preview-%7C-Diamond?node-id=0-1&t=KdfljgRtYLzFPfKL-1 target="_blank" rel="noopener noreferrer"">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the Diamond Figma file as they
|
||||||
are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -171,7 +171,7 @@ export default {
|
||||||
template and requires a separate purchase.`,
|
template and requires a separate purchase.`,
|
||||||
description4: `
|
description4: `
|
||||||
Freya uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
Freya uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
||||||
<a href="https://www.figma.com/file/eYBoRNff6GPTlrgYZaMStp/Preview-%7C-Freya-2022?node-id=0%3A1&t=MGAABDlOnz4QBcEk-1">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the Freya Figma
|
<a href="https://www.figma.com/file/eYBoRNff6GPTlrgYZaMStp/Preview-%7C-Freya-2022?node-id=0%3A1&t=MGAABDlOnz4QBcEk-1" target="_blank" rel="noopener noreferrer">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the Freya Figma
|
||||||
file as they are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
file as they are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -162,7 +162,7 @@ export default {
|
||||||
<a href="https://primeblocks.org/">PrimeBlocks</a> is not included in the template and requires a separate purchase.`,
|
<a href="https://primeblocks.org/">PrimeBlocks</a> is not included in the template and requires a separate purchase.`,
|
||||||
description4: `
|
description4: `
|
||||||
Genesis uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
Genesis uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
||||||
<a href="https://www.figma.com/design/bGujrJyznnSatJFMtkXbTN/Preview-%7C-Genesis?node-id=0-1&t=etuXAwkUAEuhJ3p0-1">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are
|
<a href="https://www.figma.com/design/bGujrJyznnSatJFMtkXbTN/Preview-%7C-Genesis?node-id=0-1&t=etuXAwkUAEuhJ3p0-1" target="_blank" rel="noopener noreferrer">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are
|
||||||
excluded from the Genesis Figma file as they are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
excluded from the Genesis Figma file as they are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -26,6 +26,36 @@
|
||||||
|
|
||||||
<h2>Admin Templates</h2>
|
<h2>Admin Templates</h2>
|
||||||
<div class="templates-page grid grid-cols-12 gap-4">
|
<div class="templates-page grid grid-cols-12 gap-4">
|
||||||
|
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
||||||
|
<div class="card mb-0">
|
||||||
|
<a href="https://sakai.primevue.org" rel="noopener noreferrer" target="_blank">
|
||||||
|
<img alt="Sakai" src="https://primefaces.org/cdn/primevue/images/layouts/sakai-vue.jpg" class="w-full" />
|
||||||
|
</a>
|
||||||
|
<div class="flex gap-4 mt-4">
|
||||||
|
<a href="https://sakai.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
|
||||||
|
<span class="p-button-label">Preview</span>
|
||||||
|
</a>
|
||||||
|
<PrimeVueNuxtLink to="/templates/sakai" class="p-button p-button-outlined flex-1">
|
||||||
|
<span class="p-button-label">Learn More</span>
|
||||||
|
</PrimeVueNuxtLink>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
||||||
|
<div class="card mb-0">
|
||||||
|
<a href="https://poseidon.primevue.org" rel="noopener noreferrer" target="_blank">
|
||||||
|
<img alt="Poseidon" src="https://primefaces.org/cdn/primevue/images/layouts/poseidon-vue-nextgen.jpg" class="w-full" />
|
||||||
|
</a>
|
||||||
|
<div class="flex gap-4 mt-4">
|
||||||
|
<a href="https://poseidon.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
|
||||||
|
<span class="p-button-label">Preview</span>
|
||||||
|
</a>
|
||||||
|
<PrimeVueNuxtLink to="/templates/poseidon" class="p-button p-button-outlined flex-1">
|
||||||
|
<span class="p-button-label">Learn More</span>
|
||||||
|
</PrimeVueNuxtLink>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
||||||
<div class="card mb-0">
|
<div class="card mb-0">
|
||||||
<a href="https://apollo.primevue.org" rel="noopener noreferrer" target="_blank">
|
<a href="https://apollo.primevue.org" rel="noopener noreferrer" target="_blank">
|
||||||
|
|
@ -43,14 +73,14 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
||||||
<div class="card mb-0">
|
<div class="card mb-0">
|
||||||
<a href="https://sakai.primevue.org" rel="noopener noreferrer" target="_blank">
|
<a href="https://diamond.primevue.org" rel="noopener noreferrer" target="_blank">
|
||||||
<img alt="Sakai" src="https://primefaces.org/cdn/primevue/images/layouts/sakai-vue.jpg" class="w-full" />
|
<img alt="Diamond" src="https://primefaces.org/cdn/primevue/images/layouts/diamond-remastered-vue.jpg" class="w-full" />
|
||||||
</a>
|
</a>
|
||||||
<div class="flex gap-4 mt-4">
|
<div class="flex gap-4 mt-4">
|
||||||
<a href="https://sakai.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
|
<a href="https://diamond.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
|
||||||
<span class="p-button-label">Preview</span>
|
<span class="p-button-label">Preview</span>
|
||||||
</a>
|
</a>
|
||||||
<PrimeVueNuxtLink to="/templates/sakai" class="p-button p-button-outlined flex-1">
|
<PrimeVueNuxtLink to="/templates/diamond" class="p-button p-button-outlined flex-1">
|
||||||
<span class="p-button-label">Learn More</span>
|
<span class="p-button-label">Learn More</span>
|
||||||
</PrimeVueNuxtLink>
|
</PrimeVueNuxtLink>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -101,21 +131,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
|
||||||
<div class="card mb-0">
|
|
||||||
<a href="https://diamond.primevue.org" rel="noopener noreferrer" target="_blank">
|
|
||||||
<img alt="Diamond" src="https://primefaces.org/cdn/primevue/images/layouts/diamond-remastered-vue.jpg" class="w-full" />
|
|
||||||
</a>
|
|
||||||
<div class="flex gap-4 mt-4">
|
|
||||||
<a href="https://diamond.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
|
|
||||||
<span class="p-button-label">Preview</span>
|
|
||||||
</a>
|
|
||||||
<PrimeVueNuxtLink to="/templates/diamond" class="p-button p-button-outlined flex-1">
|
|
||||||
<span class="p-button-label">Learn More</span>
|
|
||||||
</PrimeVueNuxtLink>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
||||||
<div class="card mb-0">
|
<div class="card mb-0">
|
||||||
<a href="https://verona.primevue.org" rel="noopener noreferrer" target="_blank">
|
<a href="https://verona.primevue.org" rel="noopener noreferrer" target="_blank">
|
||||||
|
|
@ -131,21 +146,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
|
||||||
<div class="card mb-0">
|
|
||||||
<a href="https://poseidon.primevue.org" rel="noopener noreferrer" target="_blank">
|
|
||||||
<img alt="Poseidon" src="https://primefaces.org/cdn/primevue/images/layouts/poseidon-vue.jpg" class="w-full" />
|
|
||||||
</a>
|
|
||||||
<div class="flex gap-4 mt-4">
|
|
||||||
<a href="https://poseidon.primevue.org" class="p-button flex-1" rel="noopener noreferrer" target="_blank">
|
|
||||||
<span class="p-button-label">Preview</span>
|
|
||||||
</a>
|
|
||||||
<PrimeVueNuxtLink to="/templates/poseidon" class="p-button p-button-outlined flex-1">
|
|
||||||
<span class="p-button-label">Learn More</span>
|
|
||||||
</PrimeVueNuxtLink>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
<div class="col-span-12 lg:col-span-6 xl:col-span-4">
|
||||||
<div class="card mb-0">
|
<div class="card mb-0">
|
||||||
<a href="https://avalon.primevue.org" rel="noopener noreferrer" target="_blank">
|
<a href="https://avalon.primevue.org" rel="noopener noreferrer" target="_blank">
|
||||||
|
|
|
||||||
|
|
@ -26,9 +26,10 @@ export default {
|
||||||
templateHeroData: {
|
templateHeroData: {
|
||||||
logo: markRaw(PoseidonLogo),
|
logo: markRaw(PoseidonLogo),
|
||||||
pattern: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/hero-background.png',
|
pattern: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/hero-background.png',
|
||||||
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/poseidon-hero-dashboard1.png',
|
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-hero-1.jpg',
|
||||||
dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/poseidon-hero-dashboard2.png',
|
dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-hero-2.jpg',
|
||||||
description: 'A modern and easy to use premium application template with various color schemes.Based on flat design language, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.',
|
description:
|
||||||
|
'Experience a modern, user-friendly premium application template featuring a variety of color schemes. Based on flat design principles, it is fully responsive and touch-optimized, built with SASS, CSS3, and HTML5.',
|
||||||
liveHref: 'https://poseidon.primevue.org',
|
liveHref: 'https://poseidon.primevue.org',
|
||||||
docHref: 'https://poseidon.primevue.org/documentation',
|
docHref: 'https://poseidon.primevue.org/documentation',
|
||||||
pattern: {
|
pattern: {
|
||||||
|
|
@ -69,39 +70,65 @@ export default {
|
||||||
featuresData: [
|
featuresData: [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: 'Light / Dark / Dim Modes',
|
title: 'Light / Dark Modes',
|
||||||
description: 'Poseidon offers you 3 uniquely designed layout modes to choose from; Light, Dim, and Dark.',
|
description: 'Poseidon offers light and dark color schemes with alternative color palettes.',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/features-animation-darkmode.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-lightdark.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: 'Component Themes',
|
title: 'Component Themes',
|
||||||
description: 'Poseidon offers 12 built-in component themes with dark, light and dim options. Also if you wanna create your own theme you can do it by just defining couple SASS variables.',
|
description: 'Poseidon offers 17 fully customizable built-in themes featuring two different presets; Aura and Lara.',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/features-animation-component-themes.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-component.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: '3 Menu Orientations',
|
title: '7 Menu Orientations',
|
||||||
description: 'Poseidon has 3 menu layouts to choose from; Static, Overlay and Horizontal.',
|
description: 'Poseidon has 7 menu layouts to choose from; Static, Overlay, Horizontal, Compact, Slim, Reveal and Drawer.',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/features-animation-orientations.png',
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/features-animation-orientations.png',
|
||||||
type: 'inline-animation',
|
type: 'inline-animation',
|
||||||
inlineFeaturesData: [
|
inlineFeaturesData: [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: 'Static',
|
title: 'Static',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/Static.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-static.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: 'Overlay',
|
title: 'Overlay',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/Overlay.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-overlay.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: 'Horizontal',
|
title: 'Horizontal',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/Horizontal.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-horizontal.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: 'Drawer',
|
||||||
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-drawer.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
title: 'Slim',
|
||||||
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-slim.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
title: 'Compact',
|
||||||
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-compact.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
title: 'Reveal',
|
||||||
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-reveal.png'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: 'Application Themes',
|
||||||
|
description: 'The application layout and components seamlessly complements your brand color.',
|
||||||
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-layout.png'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
@ -121,9 +148,9 @@ export default {
|
||||||
featuresData: [
|
featuresData: [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: 'PrimeFlex CSS Utilities',
|
title: 'Tailwind CSS',
|
||||||
description: 'PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.',
|
description: 'The demo content is built with TailwindCSS, while the application shell uses custom CSS, offering flexibility and efficiency for responsive design.',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/features-animation-utilities.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-tailwind.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
|
|
@ -136,6 +163,13 @@ export default {
|
||||||
title: 'PrimeIcons',
|
title: 'PrimeIcons',
|
||||||
description: 'Poseidon ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
|
description: 'Poseidon ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/features-animation-icons.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/features-animation-icons.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
title: 'Figma File',
|
||||||
|
description:
|
||||||
|
'Poseidon uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can <a href="https://www.figma.com/design/eMNbyxsMp3H0PQbMyyGK77/Preview-%7C-Poseidon?node-id=0-1&t=wJRSplRnKvjqju9S-1" target="_blank" rel="noopener noreferrer">preview the Figma file</a> the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Poseidon Figma file as they are available in PrimeOne for Figma only.',
|
||||||
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-figma.png'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
@ -151,8 +185,8 @@ export default {
|
||||||
featuresData: [
|
featuresData: [
|
||||||
{
|
{
|
||||||
title: 'Fully Responsive',
|
title: 'Fully Responsive',
|
||||||
description: 'Apollo is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
|
description: 'Poseidon is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/poseidon-features2-responsive.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-responsive.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'Support',
|
title: 'Support',
|
||||||
|
|
@ -161,12 +195,6 @@ export default {
|
||||||
<a href="https://github.com/orgs/primefaces/discussions/categories/primevue-templates" class="doc-link">Forum</a>.`,
|
<a href="https://github.com/orgs/primefaces/discussions/categories/primevue-templates" class="doc-link">Forum</a>.`,
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-lifetime.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-lifetime.png'
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: 'Top Notch Quality',
|
|
||||||
description: 'Superior standards with 100% compatibility for strict mode and linting tools.',
|
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-quality.png',
|
|
||||||
darkSrc: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-quality-dark.png'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: 'Cross Browser Compatible',
|
title: 'Cross Browser Compatible',
|
||||||
description: 'First class support for Firefox, Safari, Chrome and Edge.',
|
description: 'First class support for Firefox, Safari, Chrome and Edge.',
|
||||||
|
|
@ -182,7 +210,12 @@ export default {
|
||||||
{
|
{
|
||||||
title: 'Mobile Experience',
|
title: 'Mobile Experience',
|
||||||
description: 'Touch optimized enhanced mobile experience with responsive design.',
|
description: 'Touch optimized enhanced mobile experience with responsive design.',
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-mobile.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-mobile.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Ready to Use Pages',
|
||||||
|
description: 'Landing, dashboards, user management, mail, chat, authentication and many more to discover.',
|
||||||
|
src: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/nextgen/poseidon-pages.png'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
displayType: 'vertical'
|
displayType: 'vertical'
|
||||||
|
|
|
||||||
|
|
@ -161,7 +161,7 @@ export default {
|
||||||
Fully compatible with <a href="https://primeblocks.org/">PrimeBlocks</a>, choose from the wide range of blocks and customize the way you like. Note that <a href="https://primeblocks.org/">PrimeBlocks</a> is not included in the
|
Fully compatible with <a href="https://primeblocks.org/">PrimeBlocks</a>, choose from the wide range of blocks and customize the way you like. Note that <a href="https://primeblocks.org/">PrimeBlocks</a> is not included in the
|
||||||
template and requires a separate purchase.`,
|
template and requires a separate purchase.`,
|
||||||
description4: `Verona uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
description4: `Verona uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can
|
||||||
<a href="https://www.figma.com/file/PgQXX4HXMPeCkT74tGajod/Preview-%7C-Verona-2022?node-id=1303%3A750">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the Verona Figma file as they
|
<a href="https://www.figma.com/file/PgQXX4HXMPeCkT74tGajod/Preview-%7C-Verona-2022?node-id=1303%3A750" target="_blank" rel="noopener noreferrer">preview the Figma file</a> before the purchase. Note that PrimeVue UI components are excluded from the Verona Figma file as they
|
||||||
are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
are available in <PrimeVueNuxtLink to="/uikit">PrimeOne for Figma</PrimeVueNuxtLink> only.`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue