tom/METH_Transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add

Browse Source
This commit is contained in:
Mathis Degryck
2024-08-13 20:45:40 +02:00
parent 92c2b358c5
commit c3f01d0e4c
4 changed files with 46 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
site/interface/site/index.html
View File

@ -44,7 +44,9 @@
</section>
<section class="homeSection">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia totam cupiditate magni unde expedita molestiae eum aliquam fugit voluptatibus omnis! Dolores, ipsa inventore necessitatibus numquam aspernatur in perferendis id voluptas?</p>
<p id="firstText">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia totam cupiditate magni unde expedita molestiae eum aliquam fugit voluptatibus omnis! Dolores, ipsa inventore necessitatibus numquam aspernatur in perferendis id voluptas?</p>
<p id="secondText">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia totam cupiditate magni unde expedita molestiae eum aliquam fugit voluptatibus omnis! Dolores, ipsa inventore necessitatibus numquam aspernatur in perferendis id voluptas?</p>
<img id="firstBall" src="style/balls.png">
</section>
</body>
</html>

6
site/interface/site/login/createConnectDiv.js
View File

@ -3,10 +3,10 @@
/* ::: :::::::: */
/* createConnectDiv.js :+: :+: :+: */
/* +:+ +:+ +:+ */
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
/* By: madegryc <madegryc@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/07 18:14:53 by edbernar #+# #+# */
/* Updated: 2024/08/13 00:21:02 by edbernar ### ########.fr */
/* Updated: 2024/08/13 17:19:04 by madegryc ### ########.fr */
/* */
/* ************************************************************************** */
@ -70,7 +70,7 @@ function createConnectDiv(divLogin)
inputPass.setAttribute("placeholder", "password");
buttonLogin.innerHTML = "Login";
buttonLogin.setAttribute("id", "styleButton");
orText.innerText = "▬▬▬▬▬▬▬▬▬▬ ㅤ Or ㅤ ▬▬▬▬▬▬▬▬▬▬";
orText.innerText = "▬▬▬▬▬▬▬▬ ㅤ Or ㅤ ▬▬▬▬▬▬▬▬";
orText.setAttribute("id", "orText");
buttonConnect42.innerHTML = "Log with 42";
buttonConnect42.setAttribute("id", "styleButton42")

BIN
site/interface/site/style/balls.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 740 KiB

55
site/interface/site/style/home.css
View File

@ -3,17 +3,10 @@
/* ::: :::::::: */
/* home.css :+: :+: :+: */
/* +:+ +:+ +:+ */
<<<<<<< HEAD
/* By: marvin <marvin@student.42.fr> +#+ +:+ +#+ */
/* By: madegryc <madegryc@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/07 12:00:55 by edbernar #+# #+# */
/* Updated: 2024/08/13 13:11:42 by marvin ### ########.fr */
=======
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/07 12:00:55 by edbernar #+# #+# */
/* Updated: 2024/08/13 00:03:27 by edbernar ### ########.fr */
>>>>>>> 298711bf505242792e7b73b7a42271903a979d1f
/* Updated: 2024/08/13 19:02:42 by madegryc ### ########.fr */
/* */
/* ************************************************************************** */
@ -35,6 +28,14 @@
}
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
background: white;
}
* {
margin: 0;
padding: 0;
@ -56,7 +57,7 @@ body {
padding-inline: 50px;
display: flex;
background-color: #020202;
gap: 4rem;
gap: 2rem;
align-items: center;
position: absolute;
inset-inline: 0;
@ -71,7 +72,8 @@ body {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
gap: 3rem;
padding-left: 60px;
gap: 6rem;
}
#topButton p {
@ -125,11 +127,35 @@ body {
cursor: pointer;
}
<<<<<<< HEAD
.homeSection{
color: white;
min-height: 100svh;
=======
}
.homeSection p{
color: white;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}
#firstText{
font-size: 45px;
padding-inline: 50px;
padding-top: 70px;
}
#secondText{
font-size: 45px;
padding-inline: 50px;
padding-top: 90px;
text-align: right;
}
#firstBall{
width: 25%;
position: relative;
}
#menuDiv {
display: flex;
flex-direction: column;
@ -149,5 +175,4 @@ body {
#menuDiv li:hover {
background-color: #f0f0f0;
>>>>>>> 298711bf505242792e7b73b7a42271903a979d1f
}