Minecraft layout

Tags: minecraft, pixel

Description:

minecraft layout! includes custom cursor, moog city 2 autoplay, custom contact icons, tnt paagedoll, does not include the awesome parrot ascii sadly

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by # :: RAY (https://layouts.spacehey.com/layout?id=94070) -->

<style>
@import url('https://fonts.cdnfonts.com/css/minecraft-4');

*{
font-family: 'Minecraft', sans-serif;
color: #fff;
}

.logout-btn {
    font-family: 'Minecraft', sans serif;
}

.profile .blurbs .section {
    margin-bottom: 14px;
    overflow: auto;
}


main p{
   letter-spacing: 2px;
   font-weight: 400; 
   line-height: 1.5;
   color: white !important;

</style>

<style>
a:hover{
 cursor: url('https://ani.cursors-4u.net/games/gam-16/gam1537.cur'), auto !important;
}
* {
 cursor: url('https://ani.cursors-4u.net/games/gam-16/gam1537.cur'), auto;
}
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://www.videogameschronicle.com/files/2019/04/minecraft-master.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>


<style>
body{
    background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b34cc56e-0492-420f-9501-6ac3beb2282c/d7m6vw5-69a8ed98-5964-48f3-8014-564716be5bfb.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2IzNGNjNTZlLTA0OTItNDIwZi05NTAxLTZhYzNiZWIyMjgyY1wvZDdtNnZ3NS02OWE4ZWQ5OC01OTY0LTQ4ZjMtODAxNC01NjQ3MTZiZTViZmIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.2L-CQAZfruuZZSUOczRAHJMsVS9kzZQO6Ok4Y4Rjjis') no-repeat center center
        fixed;
}

main {
    background: rgba(0, 0, 0, 0.4);
    color: black;
    padding: 6px 0px;
    font-size: 80%;
    overflow:auto;
}

nav .links {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 3.5px 16px;
}

.icon, .award img {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
    content: url(https://lh3.bunny.novaskin.me/2ZdPa8KBDybnUudpc9yRmaCU3DYHH4SL7gxRTPwyk1oCn_1xCzntDLkb02MChMipFu-N3BzNAtXP2BCiwOl9WgM=rw-h400)
}

:root {
    --light-gray: rgba(0,0,0, .7);
    --gray: rgba(0,0,0, .7);
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: rgba(3, 41, 0, 0.8);
    --darker-blue: #42a13d;
    --lighter-blue: rgba(0, 0, 0, .4);
    --even-lighter-blue: rgba(0, 0, 0, 0.2);
    --lightest-blue: rgba(0,0, 0, .1);
    --red: #5cd656;
    --dark-orange: #5cd656;
    --light-orange: rgba(0, 0, 0, .4);
    --even-lighter-orange: rgba(0, 0, 0, .2);
    --strange-yellow: rgba(0, 0, 0, .1);
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}

.contact .inner a img {
 font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: "🏹"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: "🎣"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: "⚔️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: "⚒️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
	content: "🐑"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: "🐄"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: "🍄"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "🌼"
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/C8df2pbOX6g?start=98//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;">
<img src="https://i.pinimg.com/originals/63/24/d3/6324d3a18278440d6a45e6fcb11fbfe8.gif" height="220"/></div>

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400; background:rgba(0, 0, 0, 0.7);">
<a href="https://spacehey.com/raybug">created by ray</a></div>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.