diff --git a/static/css/main.css b/static/css/main.css index efd3ae5..fe0f3e6 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -27,7 +27,7 @@ body { } h1 { - font-size: 50px; + font-size: 60px; font-weight: 900; margin-top: 0px; } @@ -83,6 +83,55 @@ hr::before { content: url('../img/divider.svg'); } +p { + font-size: 1.5vw; + font-weight: 300; +} + +a { + text-decoration: none; + color: #d75b00; +} + +a:hover { + text-decoration: underline; + cursor: pointer; +} + +.prank-button { + text-align: center; + font-size: 2.5vw; + margin-top: 30px; +} + +img { + max-width: 100%; + height: auto; +} + +.prank-button a .underline{ + position: relative; + max-width: 100%; + top: -30px; +} + +.prank-button a { + color: black; +} + +.prank-button a:hover { + text-decoration: none; +} + +.prank-button a:hover:after { + content: url("../img/circle-hand.png"); + position: absolute; + z-index: 5; + top: 660px; + left: 410px; + transform: scale(0.5); +} + .banner { padding: 3vw; display: flex; @@ -97,8 +146,8 @@ hr::before { align-items: left; padding: 20px; margin: 50px 0px; - width: 100%; - justify-content: center; + width: 50%; + justify-content: top; } .col-left { @@ -110,6 +159,25 @@ hr::before { padding-left: 5vw; } +@media screen and (max-width: 600px) { + .row { + flex-direction: column; + } + + .col { + width: 100%; + margin: 10px 0px; + } + + .col-left { + border: none; + } + + h1 { + font-size: 40px; + } +} + .activite-temps { font-size: 40px; color: red; diff --git a/static/img/circle-hand.png b/static/img/circle-hand.png new file mode 100644 index 0000000..4e8d4e5 Binary files /dev/null and b/static/img/circle-hand.png differ diff --git a/static/img/schedule.png b/static/img/schedule.png new file mode 100644 index 0000000..ae19131 Binary files /dev/null and b/static/img/schedule.png differ diff --git a/static/img/underline-red.png b/static/img/underline-red.png new file mode 100644 index 0000000..14bb020 Binary files /dev/null and b/static/img/underline-red.png differ diff --git a/static/index.html b/static/index.html index 318c297..84c3d03 100644 --- a/static/index.html +++ b/static/index.html @@ -21,7 +21,7 @@
Appuyer pour pranker quelqu'un
++ OSS 110'Metz est une organisation rempli d'espions qualifiés pour remplir presque toutes vos demandes ! + Cliquez sur le bouton ci-dessus puis suivez les instructions. Attention, un compte Rezo + est nécessaire afin de garantir l'identité des demandeurs ! +