Javascript button does something better now

This commit is contained in:
Midou36O 2022-05-15 18:24:49 +01:00
parent 2a4312baad
commit e043b28087
Signed by: midou
GPG Key ID: 08063D5407090BC2
2 changed files with 12 additions and 4 deletions

View File

@ -109,7 +109,8 @@ a:hover {
}
.matrixcolored {
background-color: #0dbd8b;
background-color: #fff;
color: #000;
}
.matrixcolored:hover {

View File

@ -18,9 +18,16 @@ title: Contact Us
<p><a href="https://matrix.to/#/#project-segfault:projectsegfau.lt">Matrix</a></p>
<p id="Active"></p>
<p id="Activity"></p>
<button id="hide" type="button" class="button" onclick='document.getElementById("Active").innerHTML = "Midou (Matrix) / Mrlerien (Discord) / Odyssey (Discord and Matrix) / Devnol (Discord and Matrix)"; document.getElementById("hide").style.display = "none" ;'>Click to show who is active on what platform</button>
<div id="Active" style="display:none">
<p style="font-size: 25px; line-height: 0.3">Midou</p><p> <a class="button matrixcolored" style="padding: 10px 16px;"href="https://matrix.to/#/@midou:projectsegfau.lt">[Matrix]</a></p>
<p style="font-size: 25px; line-height: 0.3">Mrlerien </p><p><a class="button discordcolored" style="padding: 10px 16px" href="https://discordapp.com/users/213634643327582208">Discord</a></p>
<p style="font-size: 25px; line-height: 0.3">Odyssey </p> <p><a style="padding: 10px 16px" class="button matrixcolored" href="https://matrix.to/#/@odyssey346:projectsegfau.lt">|Matrix]</a> <a style="padding: 10px 16px" class="button discordcolored" href="https://discordapp.com/users/315843700490240002">Discord</a></p>
<p style="font-size: 25px; line-height: 0.3">Devnol</p> <p> <a style="padding: 10px 16px" class="button matrixcolored" href="https://matrix.to/#/@devnol:projectsegfau.lt">|Matrix]</a> <a class="button discordcolored" href="https://discordapp.com/users/429353559566319626" style="padding: 10px 16px">Discord</a></p>
</div>
<button id="hide" type="button" class="button" onclick='document.getElementById("Active").style.display ="block"; document.getElementById("hide").style.display = "none" ;'>Click to show who is active on what platform</button>