Spacehey Layout - Japanese Ver.

Tags: #spacehey

Description:

(redesigned by me using Procreate) Comment when in use ! DISCLAIMER: I used various methods to get the Japanese Spacehey Layout series to work and I fear they may not anymore. If this code doesn’t work I am deeply sorry. I’m not much of a coder so I wouldn’t be surprised if it didn’t work due to that. I hope it does though! Thank you for trying :’)

Preview:

Code:

<!-- (c) Layout created by 女の子天使 (https://layouts.spacehey.com/layout?id=40309) --> <style> body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://cdn.discordapp.com/attachments/1148391315831275580/1148391347024306196/IMG_8832.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 2s ease 0s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } </style> <style> .profile-pic { animation: floating 3s; animation-iteration-count: 1; animation-iteration-count: infinite; } .person:hover { animation: floating 1s; animation-iteration-count: 1; animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 10px); } 100% { transform: translate(0, -0px); } } </style> <style> main:before { width: 100%; height: 300px; display: block; content: ""; background-image: url('https://cdn.discordapp.com/attachments/1148366065261346918/1148366393855721542/IMG_8829.png'); background-position: center center; background-size: cover; </style> <style> :root { --logo-blue: #194bd8; --darker-blue: #194bd8; --lighter-blue: #194bd8; --even-lighter-blue: #194bd8; --lightest-blue: #194bd8; --dark-orange: #ffffff; --light-orange: #194bd8; --even-lighter-orange: #194bd8; --green: #ffffff; } </style> <style> * { font-family: monosace; } </style> <style> .online{content:url("https://cdn.discordapp.com/attachments/1148346581041557534/1148350707792105623/IMG_8824.gif");} </style> <style> nav img.logo { content:url("https://cdn.discordapp.com/attachments/1076251049305845850/1148339909204136027/IMG_8820.png"); } </style> <marquee behavior="scroll" direction="right"> <img src="https://cdn.discordapp.com/attachments/1148394572213399604/1148394633743827055/IMG_8838.png" width="240" height="50" alt="Natural"/> <img src="https://cdn.discordapp.com/attachments/1148394572213399604/1148395589734768730/IMG_8839.png" width="240" height="50" alt="Natural"/> </marquee>

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.