front/src/components/widgets/Footer.astro

@@ -26,7 +26,7 @@ export interface Props {
 const { socialLinks = [], secondaryLinks = [], links = [], footNote = '', theme = 'light' } = Astro.props;
 ---
 
-<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose, mt-auto']}>
+<footer class:list={[{ dark: theme === 'dark' }, 'relative border-t border-gray-200 dark:border-slate-800 not-prose']}>
   <div class="dark:bg-dark absolute inset-0 pointer-events-none" aria-hidden="true"></div>
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-slate-300">
     <div class="grid grid-cols-12 gap-4 gap-y-8 sm:gap-8 py-8 md:py-12">

front/src/layouts/PageLayout.astro

@@ -1,12 +1,12 @@
 ---
-import Layout from 'layouts/Layout.astro';
-import Header from 'components/widgets/Header.astro';
-import Footer from 'components/widgets/Footer.astro';
-import Announcement from 'components/widgets/Announcement.astro';
+import Layout from '~/layouts/Layout.astro';
+import Header from '~/components/widgets/Header.astro';
+import Footer from '~/components/widgets/Footer.astro';
+import Announcement from '~/components/widgets/Announcement.astro';
 
-import { headerData, footerData } from 'navigation';
+import { headerData, footerData } from '~/navigation';
 
-import type { MetaData } from 'types';
+import type { MetaData } from '~/types';
 
 export interface Props {
   metadata?: MetaData;
@@ -16,18 +16,16 @@ const { metadata } = Astro.props;
 ---
 
 <Layout metadata={metadata}>
-  <div id="posts" class="flex flex-col min-h-screen">
-    <!-- <slot name="announcement">
-      <Announcement />
-    </slot> -->
-    <slot name="header">
-      <Header {...headerData} isSticky showRssFeed showToggleTheme />
-    </slot>
-    <main>
-      <slot />
-    </main>
-    <slot name="footer">
-      <Footer {...footerData} />
-    </slot>
-  </div>
+  <slot name="announcement">
+    <Announcement />
+  </slot>
+  <slot name="header">
+    <Header {...headerData} isSticky showRssFeed showToggleTheme />
+  </slot>
+  <main>
+    <slot />
+  </main>
+  <slot name="footer">
+    <Footer {...footerData} />
+  </slot>
 </Layout>

front/src/pages/account/register.astro

@@ -1,6 +1,5 @@
 ---
-import Layout from 'layouts/PageLayout.astro';
-//import Layout from 'layouts/Layout.astro';
+import Layout from 'layouts/Layout.astro';
 import AstroUtils from 'libs/AstroUtils';
 import { getEnv } from 'libs/Env';
 
@@ -56,27 +55,23 @@ await AstroUtils.wrap(async () => {
         Astro.redirect("/404")
     }
 })
-
-const metadata = {
-  title: 'register',
-  ignoreTitleTemplate: true,
-};
 ---
 
-<Layout metadata={metadata}>
-  <form id="account-creation" method="post" enctype="multipart/form-data">
-    <input type="hidden" name="type" value="userPassword">
-    <input required name="name" placeholder="Prénom Nom"/>
-    <input required name="username" placeholder="Pseudo"/>
-    <input required name="email" type="email" placeholder="Renseignez votre email" />
-    <input required name="password" type="password" placeholder="Créez un mot de passe" />
-    <input required name="passwordConfirm" type="password" placeholder="Confirmer votre mot de passe" />
-    <button>Créer un compte</button>
-</form>
+<Layout title="register">
+    <form id="account-creation" method="post" enctype="multipart/form-data">
+        <input type="hidden" name="type" value="userPassword">
+        <input required name="name" placeholder="Prénom Nom"/>
+        <input required name="username" placeholder="Pseudo"/>
+        <input required name="email" type="email" placeholder="Renseignez votre email" />
+        <input required name="password" type="password" placeholder="Créez un mot de passe" />
+        <input required name="passwordConfirm" type="password" placeholder="Confirmer votre mot de passe" />
+        <button>Créer un compte</button>
+    </form>
 
-<button id="OauthDiscord">connexion avec discord</button>
-<form method="post" enctype="multipart/form-data">
-    <input type="hidden" name="type" value="discord2FA">
-</form>
-<a href={oauths.authProviders[0].authUrl + Astro.url.protocol + "//" + Astro.url.host + '/account/oauth'}>discord?</a>
+    <button id="OauthDiscord">connexion avec discord</button>
+    <form method="post" enctype="multipart/form-data">
+        <input type="hidden" name="type" value="discord2FA">
+    </form>
+    <a href={oauths.authProviders[0].authUrl + Astro.url.protocol + "//" + Astro.url.host + '/account/oauth'}>discord?</a>
 </Layout>
+