1
Fork 0
mirror of https://github.com/RGBCube/rgbcube.github.io synced 2025-05-31 13:18:13 +00:00
rgbcube.github.io/index.html
2023-11-22 16:01:59 +03:00

112 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:type" content="website">
<title>RGBCube</title>
<meta name="author" content="RGBCube" />
<meta property="og:site_name" content="RGBCube" />
<meta property="og:title" content="RGBCube" />
<meta name="description" content="The official website and link portal of RGBCube and his work." />
<meta property="og:description" content="The official website and link portal of RGBCube and his work." />
<meta property="og:image" content="/thumbnail.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:height" content="" />
<meta property="og:image:width" content="" />
<meta property="og:url" content="https://rgbcube.github.io/" />
<link rel="canonical" href="https://rgbcube.github.io/">
</head>
<body>
<style>
@font-face {
font-family: "Bai Jamjuree";
font-weight: 700;
src: url(BaiJamjuree700.woff2) format(woff2);
}
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">
<a href="/contact">
<div class="button-frame">
<p>contact</p>
</div>
</a>
</div>
<div class="cube cube-face-top">
<a href="https://github.com/RGBCube">
<div class="button-frame">
<p>github</p>
</div>
</a>
</div>
<div class="cube cube-face-back">
<a href="/">
<div class="button-frame">
<p></p>
</div>
</a>
</div>
<div class="cube cube-face-bottom">
<a href="/">
<div class="button-frame">
<p></p>
</div>
</a>
</div>
<div class="cube cube-face-right">
<a href="/">
<div class="button-frame">
<p></p>
</div>
</a>
</div>
<div class="cube cube-face-left">
<a href="/">
<div class="button-frame">
<p></p>
</div>
</a>
</div>
</div>
</body>
</html>