Skip to content

Exts Detail Page + Branding #68

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
CorwinDev merged 43 commits into from
Jan 3, 2026
Merged

Exts Detail Page + Branding #68

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
43 commits
Select commit Hold shift + click to select a range
c14b84d
add: star-half-fill icon
iamdarkle Dec 4, 2025
ba2e66d
feat: change marketplace item links to internal detail pages
iamdarkle Dec 4, 2025
2ff6e05
feat: marketplace item detail page
iamdarkle Dec 4, 2025
37ae9b7
feat: brand page index
iamdarkle Dec 15, 2025
103cad2
Delete CustomFooter.vue
iamdarkle Dec 19, 2025
ffe9328
feat: update config
iamdarkle Dec 19, 2025
3cf8454
feat: use custom Layout component
iamdarkle Dec 19, 2025
57dbe2b
remove: unused CustomFooter import
iamdarkle Dec 19, 2025
7d7cda2
feat: add custom layout footer
iamdarkle Dec 19, 2025
91e8a58
feat: LayoutFooter component
iamdarkle Dec 19, 2025
86161d6
add: Blesta icon component
iamdarkle Dec 19, 2025
96e575b
add: Paymenter icon component
iamdarkle Dec 19, 2025
2b3c87d
add: WHMCS icon component
iamdarkle Dec 19, 2025
7d228a5
refactor: improve structure + migration section
iamdarkle Dec 19, 2025
fb8c844
refactor: update tailwind styles
iamdarkle Dec 20, 2025
cd0b25e
feat: migration section fake terminal
iamdarkle Dec 20, 2025
f8767fb
bump deps
iamdarkle Dec 20, 2025
05ae48d
add: logo-positive.svg
iamdarkle Dec 20, 2025
5e8cc75
add: logo-negative.svg
iamdarkle Dec 20, 2025
0c82889
feat: Add brand assets page
iamdarkle Dec 20, 2025
c58b551
feat: add brand link to footer
iamdarkle Dec 20, 2025
4ba9be8
feat: add Brand component to brand page
iamdarkle Dec 20, 2025
fd5ead1
feat: add Breadcrumb component
iamdarkle Jan 3, 2026
4494cab
refactor: move release notes to releases
iamdarkle Jan 3, 2026
99ba3b8
feat: add new icons
iamdarkle Jan 3, 2026
edaeb40
refactor: rename custom.css to global.css
iamdarkle Jan 3, 2026
d2333d8
fix: adjust support banner min-height
iamdarkle Jan 3, 2026
4e18b7e
feat: use icon components for slider arrows
iamdarkle Jan 3, 2026
0e21b80
feat: add wordmark SVG assets
iamdarkle Jan 3, 2026
be5c6cd
feat: add paymenter SVG symbols
iamdarkle Jan 3, 2026
0b4e6c5
fix: link to release notes and swap icons
iamdarkle Jan 3, 2026
2a3bcae
refactor: navigation (releases and about dropdown)
iamdarkle Jan 3, 2026
81b570b
feat: add releases index page
iamdarkle Jan 3, 2026
32ddebd
feat: add sponsor logos via frontmatter
iamdarkle Jan 3, 2026
3aa8816
feat: include long description
iamdarkle Jan 3, 2026
b5cea99
feat: add MarketplaceDetail component
iamdarkle Jan 3, 2026
4dfff13
refactor: brand assets page
iamdarkle Jan 3, 2026
a53c4cd
feat: add breadcrumb and improve marketplace card layout
iamdarkle Jan 3, 2026
1f904fd
feat: add MarketplaceSidebar component
iamdarkle Jan 3, 2026
49b9bf3
refactor: sponsors section, feature icons and add "Soon" tag
iamdarkle Jan 3, 2026
b18992e
refactor: MarketplaceDetail to use MarketplaceSidebar
iamdarkle Jan 3, 2026
4fbf08b
chore: update dependencies
iamdarkle Jan 3, 2026
ef61a65
feat: add images
CorwinDev Jan 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
448 changes: 261 additions & 187 deletions .vitepress/config.mjs
View file
Open in desktop

Large diffs are not rendered by default.

21 changes: 21 additions & 0 deletions .vitepress/theme/Layout.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<script setup>
import DefaultTheme from "vitepress/theme";
import { useData } from "vitepress";
import LayoutFooter from "./components/LayoutFooter.vue";

const { Layout } = DefaultTheme;
const { frontmatter } = useData();
</script>

<template>
<Layout>
<template #layout-bottom>
<LayoutFooter
v-if="
frontmatter.layout === 'home' ||
frontmatter.layout === 'page'
"
/>
</template>
</Layout>
</template>
1,577 changes: 1,007 additions & 570 deletions .vitepress/theme/components/Anniversary.vue
View file
Open in desktop

Large diffs are not rendered by default.

420 changes: 420 additions & 0 deletions .vitepress/theme/components/Brand.vue
View file
Open in desktop

Large diffs are not rendered by default.

49 changes: 49 additions & 0 deletions .vitepress/theme/components/Breadcrumb.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<script setup>
defineProps({
items: {
type: Array,
required: true,
},
});
</script>

<template>
<nav
class="flex items-center text-sm font-medium text-(--vp-c-text-2) mb-8 overflow-x-auto no-scrollbar"
>
<a
href="/"
class="flex items-center gap-1 hover:text-(--vp-c-brand-1) transition-colors shrink-0"
>
Home
</a>
<template v-for="(item, index) in items" :key="index">
<arrow-right-s-line
class="mx-2 size-4 text-(--vp-c-text-3) shrink-0"
/>
<a
v-if="item.link"
:href="item.link"
class="hover:text-(--vp-c-brand-1) transition-colors whitespace-nowrap"
>
{{ item.text }}
</a>
<span
v-else
class="text-(--vp-c-text-1) whitespace-nowrap overflow-hidden text-ellipsis"
>
{{ item.text }}
</span>
</template>
</nav>
</template>

<style scoped>
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
</style>
101 changes: 0 additions & 101 deletions .vitepress/theme/components/CustomFooter.vue
View file
Open in desktop

This file was deleted.

218 changes: 218 additions & 0 deletions .vitepress/theme/components/LayoutFooter.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,218 @@
<script setup>
const year = new Date().getFullYear();
</script>

<template>
<footer
class="relative mt-32 overflow-hidden py-24 1px border-t border-[var(--vp-c-border)]"
>
<div class="absolute inset-0 z-0 pointer-events-none">
<div class="absolute inset-0 blur-3xl opacity-50 dark:opacity-100">
<div
class="animate-swing-float! [animation-duration:18s]! origin-top h-64 w-[1000px] absolute top-10 -left-48 bg-sky-500/20 dark:bg-blue-900/30"
></div>
<div
class="animate-swing-float! [animation-duration:22s]! origin-top h-72 w-[1000px] absolute top-0 left-0 bg-violet-500/20 dark:bg-(--vp-c-brand-1)/25"
></div>
<div
class="animate-swing-float! [animation-duration:16s]! origin-top h-72 w-[1000px] absolute bottom-20 left-20 bg-rose-500/15 dark:bg-purple-900/25"
></div>
<div
class="animate-swing-float! [animation-duration:24s]! origin-top h-64 w-[1000px] absolute top-10 -right-48 bg-sky-500/15 dark:bg-blue-900/25"
></div>
<div
class="animate-swing-float! [animation-duration:20s]! origin-top h-72 w-[1000px] absolute bottom-10 -right-20 bg-violet-500/15 dark:bg-(--vp-c-brand-1)/25"
></div>
</div>

<div class="absolute inset-0 opacity-50 dark:opacity-100">
<svg id="noice" class="w-full h-full">
<filter id="noise-filter">
<feTurbulence
type="fractalNoise"
baseFrequency="0.75"
numOctaves="3"
stitchTiles="stitch"
/>
<feColorMatrix type="saturate" values="0" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.04" />
</feComponentTransfer>
</filter>
<rect
width="100%"
height="100%"
filter="url(#noise-filter)"
></rect>
</svg>
</div>
</div>

<div
class="relative z-10 mx-auto max-w-(--vp-layout-max-width) px-4 sm:px-6 lg:px-8"
>
<div class="w-full">
<div
class="grid grid-cols-2 gap-8 md:grid-cols-4 lg:grid-cols-5"
>
<div class="flex flex-col gap-4">
<p class="font-medium text-(--vp-c-text-1)">Product</p>
<ul class="space-y-4 text-sm">
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="#">Features</a>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/docs/installation/install"
>Installation</a
>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/marketplace">Marketplace</a>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1"
>
<a href="https://paas.paymenter.org/"
>PaaS (Cloud)</a
>
</li>
</ul>
</div>
<div class="flex flex-col gap-4">
<p class="font-medium text-(--vp-c-text-1)">
Developers
</p>
<ul class="space-y-4 text-sm">
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/development/extensions/"
>Extensions</a
>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/development/theme">Themes</a>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/development/event-list">Events</a>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/development/OAuth">OAuth</a>
</li>
</ul>
</div>
<div class="flex flex-col gap-4">
<p class="font-medium text-(--vp-c-text-1)">About</p>
<ul class="space-y-4 text-sm text-(--vp-c-text-2)">
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/docs/guides/FAQ">FAQ</a>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/team">Team</a>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a
href="https://github.com/Paymenter/Paymenter/releases"
>Releases</a
>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/brand">Brand</a>
</li>
</ul>
</div>
<div class="flex flex-col gap-4">
<p class="font-medium text-(--vp-c-text-1)">Other</p>
<ul class="space-y-4 text-sm">
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/blog/">Blog</a>
</li>
<li
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<a href="/docs/contribute/how-to-help"
>Contribute</a
>
</li>
</ul>
</div>
</div>

<div
class="mt-16 pt-8 border-t border-(--vp-c-divider) flex flex-col md:flex-row md:items-center md:justify-between gap-6"
>
<div class="text-center md:text-left flex flex-col gap-2">
<p class="text-sm text-(--vp-c-text-2)">
Released under the
<a
href="https://github.com/Paymenter/Paymenter/blob/master/LICENSE"
target="_blank"
class="hover:text-(--vp-c-text-1) underline underline-offset-2 transition"
>MIT License</a
>.
</p>
<p class="text-sm text-(--vp-c-text-2)">
Copyright © {{ year }} Paymenter. All Rights
Reserved.
</p>
</div>

<ul class="flex justify-center gap-6">
<li>
<a
href="https://linkedin.com/company/paymenter"
target="_blank"
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<span class="sr-only">LinkedIn</span>
<linkedin-box-fill class="size-6" />
</a>
</li>
<li>
<a
href="https://discord.gg/paymenter-882318291014651924"
target="_blank"
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<span class="sr-only">Discord</span>
<discord-fill class="size-6" />
</a>
</li>
<li>
<a
href="https://github.com/Paymenter/Paymenter"
target="_blank"
class="transition text-(--vp-c-text-2) hover:text-(--vp-c-text-1)"
>
<span class="sr-only">Github</span>
<github-fill class="size-6" />
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</template>
Loading
Loading