Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
46 changes: 30 additions & 16 deletions app/components/AppFooter.vue
Original file line number Diff line number Diff line change
@@ -1,32 +1,46 @@
<script lang="ts" setup>
const { t } = useI18n()
const localePath = useLocalePath()

const currentYear = new Date().getFullYear()


</script>

<template>
<ALayoutFooter class="bg-[--color-bg-2] px-4">
<div
class="mx-auto flex min-h-14 max-w-full flex-col items-center justify-center gap-1 py-3 text-center text-sm md:flex-row md:gap-0 md:py-0"
>
<ASpace wrap class="justify-center">
<div>
Copyright &copy; {{ new Date().getFullYear() }}
<ALayoutFooter class="mt-8 bg-[--color-bg-2] px-4 py-6">
<div class="mx-auto w-[72rem] max-w-full p-2">
<div class="grid grid-cols-1 gap-8 lg:grid-cols-[1.35fr_1fr]">
<div class="space-y-4">
<div class="space-y-2">
<h3 class="text-xl font-semibold text-[--color-text-1] md:text-2xl">
KMS Tools
</h3>
<p class="max-w-2xl text-sm leading-6 text-[--color-text-3]">
{{ t('footer.description') }}
</p>
</div>
</div>
</div>

<div class="mt-6 flex flex-col gap-2 pt-4 text-xs text-[--color-text-3] sm:flex-row sm:items-center sm:justify-between">
<p>
Copyright &copy; {{ currentYear }}
<ALink target="_blank" href="https://github.com/ikxin/kms-tools">
KMS Tools
</ALink>
</div>
<div>
</p>
<p>
Running on
<ALink target="_blank" href="https://www.asiayun.com/aff/TVXVRALM">
AsiaYun
<ALink target="_blank" href="https://www.rainyun.com/mm_?s=kms-tools">
RainYun
</ALink>
</div>
<div>
Code with by
· Code by
<ALink target="_blank" href="https://blog.ikxin.com">
{{ t('label.author') }}
</ALink>
</div>
</ASpace>
</p>
</div>
</div>
</ALayoutFooter>
</template>
113 changes: 78 additions & 35 deletions app/pages/activate.vue
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,13 @@ function handleMenuClick(key: string) {
navigateTo(localePath(`/activate/${key}`))
drawerVisible.value = false
}

const rainyunAdUrlBase64 =
'aHR0cHM6Ly93d3cucmFpbnl1bi5jb20vbW1fP3M9a21zLXRvb2xz'

function handleRainyunAdClick() {
window.open(atob(rainyunAdUrlBase64), '_blank', 'noopener,noreferrer')
}
</script>

<template>
Expand Down Expand Up @@ -73,6 +80,22 @@ function handleMenuClick(key: string) {
</AMenuItem>
</ASubMenu>
</AMenu>

<div
class="hover:bg-[var(--color-fill-2)]/50 group relative mt-4 flex rounded-lg bg-[var(--color-bg-2)] p-2 ring-1 ring-[var(--color-border)] transition"
>
<button
type="button"
class="flex w-full flex-col items-start gap-y-2 text-left"
@click="handleRainyunAdClick"
>
<img
src="/images/rainyun_1.png"
alt="RainYun"
class="h-auto w-full rounded-md object-cover"
/>
</button>
</div>
</ADrawer>

<!-- Mobile: page content -->
Expand All @@ -85,45 +108,65 @@ function handleMenuClick(key: string) {
:width="240"
class="hidden rounded md:block [&>.arco-layout-sider-children]:rounded"
>
<AMenu
:selected-keys="path"
:default-open-keys="['system', 'software']"
class="h-full select-none [&>.arco-menu-inner]:p-2 [&_.arco-menu-icon>i]:inline-block"
>
<ASubMenu key="system">
<template #icon>
<Icon name="icons:system" />
</template>
<template #title>{{ t('label.system') }}</template>
<AMenuItem key="windows" @click="handleMenuClick('windows')">
<div class="flex h-full flex-col">
<AMenu
:selected-keys="path"
:default-open-keys="['system', 'software']"
class="flex-1 select-none [&>.arco-menu-inner]:p-2 [&_.arco-menu-icon>i]:inline-block"
>
<ASubMenu key="system">
<template #icon>
<Icon name="icons:windows" />
<Icon name="icons:system" />
</template>
<span>Windows</span>
</AMenuItem>
<AMenuItem
key="windows-server"
@click="handleMenuClick('windows-server')"
>
<template #icon>
<Icon name="icons:windows-server" />
</template>
<span>Windows Server</span>
</AMenuItem>
</ASubMenu>
<ASubMenu key="software">
<template #icon>
<Icon name="icons:software" />
</template>
<template #title>{{ t('label.software') }}</template>
<AMenuItem key="office" @click="handleMenuClick('office')">
<template #title>{{ t('label.system') }}</template>
<AMenuItem key="windows" @click="handleMenuClick('windows')">
<template #icon>
<Icon name="icons:windows" />
</template>
<span>Windows</span>
</AMenuItem>
<AMenuItem
key="windows-server"
@click="handleMenuClick('windows-server')"
>
<template #icon>
<Icon name="icons:windows-server" />
</template>
<span>Windows Server</span>
</AMenuItem>
</ASubMenu>
<ASubMenu key="software">
<template #icon>
<Icon name="icons:office" />
<Icon name="icons:software" />
</template>
<span>Office</span>
</AMenuItem>
</ASubMenu>
</AMenu>
<template #title>{{ t('label.software') }}</template>
<AMenuItem key="office" @click="handleMenuClick('office')">
<template #icon>
<Icon name="icons:office" />
</template>
<span>Office</span>
</AMenuItem>
</ASubMenu>
</AMenu>

<div class="p-2 pt-0">
<div
class="hover:bg-[var(--color-fill-2)]/50 group relative flex rounded-lg bg-[var(--color-bg-2)] p-2 ring-1 ring-[var(--color-border)] transition"
>
<button
type="button"
class="flex w-full flex-col items-start gap-y-2 text-left"
@click="handleRainyunAdClick"
>
<img
src="/images/rainyun_1.png"
alt="RainYun"
class="h-auto w-full rounded-md object-cover"
/>
</button>
</div>
</div>
</div>
</ALayoutSider>
<ALayoutContent class="hidden flex-col gap-4 md:flex">
<NuxtPage />
Expand Down
Loading
Loading