This commit is contained in:
Mathis Degryck
2024-08-13 20:45:40 +02:00
parent 11f630989a
commit 7f035c606a
4 changed files with 46 additions and 19 deletions

View File

@ -44,7 +44,9 @@
</section> </section>
<section class="homeSection"> <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> </section>
</body> </body>
</html> </html>

View File

@ -3,10 +3,10 @@
/* ::: :::::::: */ /* ::: :::::::: */
/* createConnectDiv.js :+: :+: :+: */ /* createConnectDiv.js :+: :+: :+: */
/* +:+ +:+ +:+ */ /* +:+ +:+ +:+ */
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */ /* By: madegryc <madegryc@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */ /* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/07 18:14:53 by edbernar #+# #+# */ /* 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"); inputPass.setAttribute("placeholder", "password");
buttonLogin.innerHTML = "Login"; buttonLogin.innerHTML = "Login";
buttonLogin.setAttribute("id", "styleButton"); buttonLogin.setAttribute("id", "styleButton");
orText.innerText = "▬▬▬▬▬▬▬▬▬▬ Or ▬▬▬▬▬▬▬▬▬▬"; orText.innerText = "▬▬▬▬▬▬▬▬ Or ▬▬▬▬▬▬▬▬";
orText.setAttribute("id", "orText"); orText.setAttribute("id", "orText");
buttonConnect42.innerHTML = "Log with 42"; buttonConnect42.innerHTML = "Log with 42";
buttonConnect42.setAttribute("id", "styleButton42") buttonConnect42.setAttribute("id", "styleButton42")

Binary file not shown.

After

Width:  |  Height:  |  Size: 740 KiB

View File

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