Thibaut/ffsaf-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

wip: set home page

Browse Source
This commit is contained in:
Thibaut Valentin 2025-01-18 13:29:49 +01:00
parent dd90a829a9
commit b4cb29c258
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/main/webapp/public/home_back.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 231 KiB

After

Width:  |  Height:  |  Size: 207 KiB

22
src/main/webapp/src/pages/Homepage.jsx
View File

@ -7,27 +7,33 @@ export const Home = () => {
<div style={{textAlign: "center", margin: "2em"}}>
<h1 className="text-green-800 text-4xl">Bienvenu sur l'intranet de Fédération Française de Soft Armored Fighting</h1>
</div>
<div className="row" style={{textAlign: "center", margin: "5em"}}>
<div className="col">
<div className="align-content-center" style={{textAlign: "center"}}>
<div className="row" style={{textAlign: "center", marginTop: "3em"}}>
<div className="col" style={{backgroundColor: "#FFFFFF79", padding: "0", borderRadius: "3em 3em 1em 1em", margin: "1em"}}>
<div className="align-content-center"
style={{textAlign: "center", backgroundColor: "#FFFFFF79", padding: "1em 1em 0em 1em", borderRadius: "3em 3em 0 0"}}>
<h2><FontAwesomeIcon icon={faUser} size="2xl"/></h2>
<h2>Pour les combatants</h2>
</div>
<p>
<p style={{padding: "0.5em 1em 0.5em 1em"}}>
Vous y trouverez toutes les informations nécessaires pour la gestion de votre club.
</p>
</div>
<div className="col">
<div className="align-content-center" style={{textAlign: "center"}}>
<div className="col" style={{backgroundColor: "#FFFFFF79", padding: "0", borderRadius: "3em 3em 1em 1em", margin: "1em"}}>
<div className="align-content-center"
style={{textAlign: "center", backgroundColor: "#FFFFFF79", padding: "1em 1em 0em 1em", borderRadius: "3em 3em 0 0"}}>
<h2><FontAwesomeIcon icon={faUsers} size="2xl"/></h2>
<h2>Pour les clubs</h2>
</div>
<p>
<p style={{padding: "0.5em 1em 0.5em 1em"}}>
Vous y trouverez toutes les informations nécessaires pour la gestion de votre club.
</p>
</div>
</div>
</div>
<div style={{
backgroundImage: "url('home_back.jpg')", backgroundRepeat: "no-repeat", backgroundAttachment: "fixed", backgroundSize: "cover", backgroundPosition: "center",
position: "absolute", height: "100vh", width: "100vw", top: 0, left: 0, zIndex: -2
}}>
</div>
</>
};