1
Fork 0
mirror of https://github.com/RGBCube/rgbcube.github.io synced 2025-05-14 05:54:58 +00:00

More styling

This commit is contained in:
RGBCube 2023-11-22 16:01:59 +03:00
parent 8aa15fc36d
commit e1a384c766
No known key found for this signature in database

View file

@ -35,41 +35,78 @@
html {
background-color: #1D2021;
font-family: 'Bai Jamjuree', sans-serif;
font-size: 3em;
}
a {
color: #000000;
text-decoration-line: none;
}
.button-frame {
background-color: #FFFFFF;
width: min-content;
align: center;
padding: 0 .2em;
border-radius: 1em;
}
.button-frame:hover {
background-color: #FFFF00;
}
</style>
<div class="cube">
<div class="cube cube-face-front">
<div class="button-frame">
<a href="/contact">contact</a>
</div>
<a href="/contact">
<div class="button-frame">
<p>contact</p>
</div>
</a>
</div>
<div class="cube cube-face-top">
<div class="button-frame">
<a href="https://github.com/RGBCube">github</a>
</div>
<a href="https://github.com/RGBCube">
<div class="button-frame">
<p>github</p>
</div>
</a>
</div>
<div class="cube cube-face-back">
<div class="button-frame">
<a href="/"></a>
</div>
<a href="/">
<div class="button-frame">
<p></p>
</div>
</a>
</div>
<div class="cube cube-face-bottom">
<div class="button-frame">
<a href="/"></a>
</div>
<a href="/">
<div class="button-frame">
<p></p>
</div>
</a>
</div>
<div class="cube cube-face-right">
<div class="button-frame">
<a href="/"></a>
</div>
<a href="/">
<div class="button-frame">
<p></p>
</div>
</a>
</div>
<div class="cube cube-face-left">
<div class="button-frame">
<a href="/"></a>
</div>
<a href="/">
<div class="button-frame">
<p></p>
</div>
</a>
</div>
</div>
</body>
</html>
</html>