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

Add 404 text

This commit is contained in:
RGBCube 2023-12-20 09:05:38 +03:00
parent 17bbad6a85
commit 97ad0e06ea
No known key found for this signature in database

View file

@ -49,41 +49,57 @@
.black { .black {
background-color: black; background-color: black;
} }
.frame {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: black;
}
</style> </style>
<div class="scene"> <div class="scene">
<div class="cube"> <div class="cube">
<div class="face front"> <div class="face front">
<div class="frame">404</div>
<div class="square black"></div> <div class="square black"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square black"></div> <div class="square black"></div>
</div> </div>
<div class="face top"> <div class="face top">
<div class="frame">404</div>
<div class="square black"></div> <div class="square black"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square black"></div> <div class="square black"></div>
</div> </div>
<div class="face back"> <div class="face back">
<div class="frame">404</div>
<div class="square black"></div> <div class="square black"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square black"></div> <div class="square black"></div>
</div> </div>
<div class="face bottom"> <div class="face bottom">
<div class="frame">404</div>
<div class="square black"></div> <div class="square black"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square black"></div> <div class="square black"></div>
</div> </div>
<div class="face right"> <div class="face right">
<div class="frame">404</div>
<div class="square black"></div> <div class="square black"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square black"></div> <div class="square black"></div>
</div> </div>
<div class="face left"> <div class="face left">
<div class="frame">404</div>
<div class="square black"></div> <div class="square black"></div>
<div class="square magenta"></div> <div class="square magenta"></div>
<div class="square magenta"></div> <div class="square magenta"></div>