Skip to content
This repository was archived by the owner on Aug 6, 2025. It is now read-only.

Remake of the Offline landing page #65

Draft
Davidbld wants to merge 6 commits into
base: main
Choose a base branch
from
Draft

Remake of the Offline landing page #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
117723c
Fix RestartOffPage
Davidbld Sep 17, 2024
8d04421
Update LandingPage
Davidbld Sep 18, 2024
62915a8
Fix Tailwindcss
Davidbld Sep 19, 2024
89a1811
Update Navbar
Davidbld Sep 19, 2024
e1d5911
Update NavBar
Davidbld Sep 24, 2024
c118b0d
Update NavBar
Davidbld Sep 30, 2024
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
6 changes: 6 additions & 0 deletions node_modules/.package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

9 changes: 0 additions & 9 deletions website/sco2-react/app/components/Button.jsx
View file
Open in desktop

This file was deleted.

10 changes: 0 additions & 10 deletions website/sco2-react/app/components/Menu.jsx
View file
Open in desktop

This file was deleted.

11 changes: 0 additions & 11 deletions website/sco2-react/app/components/Menu2.jsx
View file
Open in desktop

This file was deleted.

10 changes: 0 additions & 10 deletions website/sco2-react/app/components/Menu3.jsx
View file
Open in desktop

This file was deleted.

10 changes: 0 additions & 10 deletions website/sco2-react/app/components/Menu4.jsx
View file
Open in desktop

This file was deleted.

9 changes: 9 additions & 0 deletions website/sco2-react/app/components/footer/Footer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
const Footer = () => {
return (
<div>
Footer
</div>
)
}

export default Footer
15 changes: 15 additions & 0 deletions website/sco2-react/app/components/navbar/Navbar.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
const Navbar = () => {
return (
<div className="flex flex-wrap justify-between p-4 bg-gradient-to-r from-green-700 to-lime-400">
<div className="flex flex-wrap place-items-center">
<a href="" className="p-2 px-4 border-2 bg-white border-gray-200 rounded-full shadow-inner">Accueil</a>
</div>
<div className="flex flex-wrap place-items-center gap-4">
<a href="" className="p-2 px-4 border-2 bg-white border-gray-200 rounded-full shadow-inner">Se connecter</a>
<a href="" className="p-2 px-4 border-2 bg-white border-gray-200 rounded-full shadow-inner">S'inscrire</a>
</div>
</div>
)
}

export default Navbar
23 changes: 0 additions & 23 deletions website/sco2-react/app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,26 +2,3 @@
@tailwind components;
@tailwind utilities;


body{
background: linear-gradient( rgb(108, 163, 94) 0%, rgb(108, 163, 94) 0%, rgb(99, 136, 137) 100%);
}

.font{
font-family:Arial, Helvetica, sans-serif , sans-serif;
}

:root {
--foreground-rgb: 0, 0, 0;
--background-start-rgb: 214, 219, 220;
--background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: white) {
:root {
--foreground-rgb: 255, 255, 255;
--background-start-rgb: 16, 230, 53;
--background-end-rgb: 163, 230, 53;
}
}

12 changes: 9 additions & 3 deletions website/sco2-react/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import Navbar from "./components/navbar/Navbar";
import Footer from "./components/footer/Footer";

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
title: "SCO2",
description: "Bienvenue sur le site web de SCO2",
title: "Social CO²",
description: "Bienvenue sur le site web de SCO2",
};

export default function RootLayout({
Expand All @@ -16,7 +18,11 @@ export default function RootLayout({
}>) {
return (
<html lang="fr">
<body className={inter.className}>{children}</body>
<body className={inter.className}>
<Navbar />
{children}
<Footer />
</body>
</html>
);
}
58 changes: 12 additions & 46 deletions website/sco2-react/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,49 +1,15 @@
import Menu from '../app/components/Menu';
import Menu2 from '../app/components/Menu2';
import Menu3 from '../app/components/Menu3';
import Menu4 from '../app/components/Menu4';
import Button from '../app/components/Button';
import Link from "next/link";
import React, { useState } from "react";
import "./globals.css";
import Image from 'next/image'




export default function Home() {
const Home = () => {
return (
<main>
<link rel="icon" href="./logo.png" sizes="any" /> {/* Ajout d'un favicon */}
<div className='relative'>
<img className='w-auto h-auto' src="./banner.png" alt="banner" />
<div className='absolute top-0 sm:top-44 right-0 sm:right-4'>
<img className='h-auto md:w-full sm:w-1/2' src="./logo.png" alt="logo" />
</div>
</div>
<div className='absolute top-4 left-4 border-transparent rounded-full bg-white p-1 text-nowrap font-medium pr-4 pl-4 shadow-inner'>
<Button>
Accueil
</Button>
</div>
<div className='absolute top-4 right-4 border-transparent rounded-full bg-white p-1 text-nowrap font-medium pr-4 pl-4 shadow-inner'>
<Button>
S'inscrire
</Button>
<div className='absolute top-0 right-36 border-transparent rounded-full bg-white p-1 text-nowrap pr-4 pl-4 shadow-inner'>
<Button>
Se connecter
</Button>
</div>
</div>

<div className="md:flex-row flex-col grid grid-cols-1 md:grid-cols-2 sm:pl-4 gap-12 md:pl-52 pr-10 pb-24">
<div className="col-span-1 md:col-span-2"><Menu></Menu></div>
<div className=""><Menu2></Menu2></div>
<div className="h-auto w-full"><img src="./image1.png" alt="image1"/></div>
<div className=""><Menu3></Menu3></div>
<div className="h-auto w-full"> <img src="./acceuil-1.png" alt="image2"/></div>
<div className=''><Menu4></Menu4></div>
<div className='h-auto w-full'><img src="./messagerie1.png" alt="image3" /></div>
</div>

</main>

<div className="bg-banner">
<img className="" src="./logo.png" alt="" />
<h1 className="">LandinPage</h1>
</div>
);
}
};

export default Home;
Loading