root/spritesheet-generator
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FEAT] Add ad banner

Browse Source
This commit is contained in:
root
2025-11-25 02:06:13 +01:00
parent 452711a6f9
commit 19d0f3584c
1 changed files with 23 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/App.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="min-h-screen p-4 sm:p-8 bg-slate-50 dark:bg-gray-950 transition-colors duration-300">
<div class="max-w-[1600px] mx-auto">
<header class="mb-8 sm:mb-12">
<header class="mb-4 sm:mb-6">
<div class="flex flex-col sm:flex-row justify-between items-center gap-4 mb-6">
<div class="text-center sm:text-left">
<h1 class="text-3xl sm:text-5xl font-bold text-gray-900 dark:text-gray-100 tracking-tight mb-2">Spritesheet generator</h1>
@@ -299,6 +299,28 @@
</div>
</div>
</main>
<div class="mt-6 p-6 sm:p-8 bg-gradient-to-r from-blue-50 to-purple-50 dark:from-gray-800 dark:to-gray-700 border-2 border-blue-200 dark:border-gray-600 rounded-xl shadow-lg">
<div class="flex flex-col sm:flex-row items-center justify-between gap-4">
<div class="text-center sm:text-left">
<div class="flex items-center justify-center sm:justify-start gap-3 mb-2">
<i class="fas fa-ad text-3xl text-blue-600 dark:text-blue-400"></i>
<span class="text-2xl sm:text-3xl font-bold text-gray-800 dark:text-gray-100">Your ad here</span>
</div>
<p class="text-base sm:text-lg text-gray-600 dark:text-gray-300">Reach thousands of game developers and creative professionals</p>
</div>
<div class="flex flex-col gap-3">
<a href="mailto:root@adhd.sh" class="inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 text-white rounded-lg transition-all shadow-md hover:shadow-lg text-base font-medium">
<i class="fas fa-envelope"></i>
root@adhd.sh
</a>
<a href="https://discord.gg/JTev3nzeDa" target="_blank" class="inline-flex items-center justify-center gap-2 px-6 py-3 bg-indigo-600 hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600 text-white rounded-lg transition-all shadow-md hover:shadow-lg text-base font-medium">
<i class="fab fa-discord"></i>
Discord: nu11ed
</a>
</div>
</div>
</div>
</div>
<HelpModal :is-open="isHelpModalOpen" @close="closeHelpModal" />