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:
parent
8aa15fc36d
commit
e1a384c766
1 changed files with 56 additions and 19 deletions
75
index.html
75
index.html
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue