Commit 7ee22620 authored by Ziassan's avatar Ziassan
Browse files

Modifs apparence et texte

parent 0f837860
Pipeline #4595 passed with stage
in 55 seconds
......@@ -5,6 +5,7 @@ body {
color:#ddd;
font-family: "Roboto", Helvetica, sans-serif;
font-size: 16px;
margin: 0;
}
* {
box-sizing: border-box;
......@@ -31,9 +32,12 @@ header .welcome small {
}
/* ------------------------------------------------------------------- */
main {
max-width: 1200px;
max-width: 100%;
padding: 1em;
margin: auto;
padding-right: calc(50% - 600px);
padding-left: calc(50% - 600px);
background-color: hsla(0, 0%, 19%, 1);
}
main .cards {
display: flex;
......@@ -52,6 +56,8 @@ main .cards a {
border: 1px solid #555;
background: #333;
transition:background ease 0.5s, border ease 0.5s;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
main .cards dl,
main .cards dl dt,
......@@ -97,11 +103,28 @@ main .cards a:hover dd {
color:#fff;
}
main .cards a:nth-child(1) {
background: hsla(234, 44%, 47%, 0.2)
}
main .cards a:nth-child(2) {
background: hsla(140, 47%, 47%, 0.2);
}
main .cards a:nth-child(3) {
background: hsla(60, 50%, 38%, 0.35)
}
main .cards a:nth-child(4) {
background: hsla(0, 22%, 34%, 0.4)
}
@media screen and (max-width:1100px) {
main .cards a {
flex: unset;
width: calc(50% - 1em);
}
main {
padding: 16px;
}
}
@media screen and (max-width:720px) {
main .cards a {
......
......@@ -12,7 +12,7 @@
<header>
<img class="logo" src="./assets/images/index.png" alt="Karaokes.moe - Le Karaoke Mignon">
<h2 class="welcome">
Bienvenue sur ce site de passionnés de karaoké.
Bienvenue dans la passion du karaoké.
<small>Nous avons plein de choses à vous proposer.</small>
</h2>
</header>
......@@ -25,7 +25,7 @@
<span class="icon"><?=file_get_contents(__DIR__.'/assets/images/karaoke-mugen.svg');?></span>
Karaoke Mugen
</dt>
<dd>Application de gestion de playlist offrant une multitude d'options.</dd>
<dd>Organisez vos propres karaokés chez vous ou en événement !</dd>
</dl>
</a>
<a target="_blank" href="https://live.karaokes.moe/" class="karaoke-live">
......@@ -34,7 +34,7 @@
<span class="icon"><?=file_get_contents(__DIR__.'/assets/images/karaoke-live.svg');?></span>
Live
</dt>
<dd>Activez l'option aléatoire et laissez-vous porter par la musique sans aucune installation. Testez nos karaokés depuis votre navigateur !</dd>
<dd>Testez nos karaokés depuis votre navigateur !</dd>
</dl>
</a>
<a target="_blank" href="http://mugen.karaokes.moe/participate.html" class="karaoke-support">
......@@ -43,7 +43,7 @@
<span class="icon"><?=file_get_contents(__DIR__.'/assets/images/karaoke-support.svg');?></span>
Participer
</dt>
<dd>Participer au projet ? C'est par ici que ça se passe</dd>
<dd>Vous voulez contribuer au projet ? C'est par ici.</dd>
</dl>
</a>
<a target="_blank" href="http://mugen.karaokes.moe/karas.html"class="karaoke-karas">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment