ninjin/Ninjin.Web.v2
1
0
Fork 0
mirror of https://github.com/DBNinjin/Ninjin.Web.v2.git synced 2025-06-28 02:41:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update & E.G.

Browse Source
This commit is contained in:
CodeKyana 2024-07-31 20:17:36 +02:00
parent 3be0b5f564
commit 2c7b28d6a1
9 changed files with 61 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app.html
View File

@ -38,7 +38,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" class="main-background text-neutral-200">
<body
data-sveltekit-preload-data="hover"
class="bg-[url('/assets/images/background.png')] bg-cover bg-center bg-no-repeat bg-[#191e14] text-neutral-200"
>
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

BIN
src/lib/assets/images/logo_header.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 566 KiB

After

Width:  |  Height:  |  Size: 522 KiB

0
src/lib/assets/images/logo_header_2.png → src/lib/assets/images/logo_header_revert.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 566 KiB

After

Width:  |  Height:  |  Size: 566 KiB

8
src/routes/+layout.server.ts
View File

@ -1 +1,7 @@
export const prerender = true;
export const prerender = true;
export function load({ cookies }) {
return {
revertNinjinLogo: cookies.get('ninjin_af#eg@api/activate-revert-logo') || 'false'
};
}

28
src/routes/+layout.svelte
View File

@ -1,14 +1,22 @@
<script>
/** @type {import('./$types').PageData} */
export let data;
import '$lib/assets/css/tailwind.css';
import Header from '../components/Header.svelte';
import Footer from '../components/Footer.svelte';
import logoHeader from '$lib/assets/images/logo_header_2.png';
import logoHeader from '$lib/assets/images/logo_header.png';
import logoHeaderRevert from '$lib/assets/images/logo_header_revert.png';
let logo = logoHeader;
if (data.revertNinjinLogo != 'false') {
logo = logoHeaderRevert;
}
</script>
<div class="container mx-auto px-4">
<Header />
<main class="text-center mt-4 relative z-20">
<img src={logoHeader} alt="Ninjin Logo" class="w-full max-w-2xl mx-auto" draggable="false" />
<img src={logo} alt="Ninjin Logo" class="w-full max-w-2xl mx-auto" draggable="false" />
<section
class="bg-[#192908] bg-opacity-70 border-4 border-black mx-10 my-4 p-6 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 ease-in-out"
@ -18,19 +26,3 @@
</main>
</div>
<Footer />
<div class="repeat-background">
<!-- Cette div couvre tout l'écran sous la première image de fond -->
</div>
<style lang="postcss">
:global(.main-background) {
background-image: url('/assets/images/background.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.repeat-background {
background-image: url('/assets/images/background_end.png');
background-repeat: repeat;
}
</style>

16
src/routes/api/activate-revert-logo/+page.server.ts Normal file
View File

@ -0,0 +1,16 @@
export function load({ cookies }) {
const revertNinjinLogo = cookies.get('ninjin_af#eg@api/activate-revert-logo');
if (!revertNinjinLogo || revertNinjinLogo === 'false') {
cookies.set('ninjin_af#eg@api/activate-revert-logo', 'true', {
path: '/api/activate-revert-logo',
httpOnly: true,
sameSite: 'strict',
maxAge: 60 * 60 * 24 * 30
});
}
return {
revertNinjinLogo: revertNinjinLogo
};
}

24
src/routes/api/activate-revert-logo/+page.svelte Normal file
View File

@ -0,0 +1,24 @@
<div
class="flex min-h-[50dvh] flex-col items-center justify-center bg-background px-4 py-12 sm:px-6 lg:px-8"
>
<div class="mx-auto max-w-md text-center">
<div class="mx-auto h-12 w-12 text-primary" />
<h1 class="mt-4 text-6xl font-bold tracking-tight text-foreground sm:text-7xl">A.F.@EG</h1>
<p class="mt-4 text-muted-foreground">
Oups, je crois que tu as trouver l'easter egg d'A.F <br /> dénommée "Revert Logo".
</p>
<div class="mt-6">
<a
href="/"
class="inline-flex items-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow-sm transition-colors hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
>
<button
type="button"
class="text-black bg-gradient-to-br from-red-500 to-yellow-400 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800 font-medium rounded-lg text-sm px-5 py-2.5 text-center me-2 mb-2"
>
Retourner à l'Accueil
</button>
</a>
</div>
</div>
</div>

BIN
static/assets/images/background_end.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 KiB

0
static/assets/js/main.js Normal file
View File