Omori Headspace Layout

Tags: omori, headspace, layout, autoplay, logo, contact icons

Description:

it took me a couple hours to complete, but i did it ! This layout includes autoplay, custom spacehey logo, custom contact icons, and a custom pronouns text above the status text !!

Preview:

click on the image for a larger preview

Code:

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

replace with about me!

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url("https://i.redd.it/qo6ds5vspej61.png");

}
.profile {
   background-image: url(https://mfiles.alphacoders.com/919/thumb-919983.png); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(37, 0, 124);
   color: #faee20;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #23007c;
   color: rgb(250, 238, 32);
}

main:before {
    width: auto;
    margin-bottom: 0px;
    border: 0px solid black;
    height: 300px;
    display: block;
    content: "";
    background-image: url(https://nintendosoup.com/wp-content/uploads/2023/01/OMORI_1million.jpg);
    background-position: top;
    background-size: cover;
}

main {
    background: #23007c;
    color: black;
    padding: 0px 0px;
    font-size: 80%;
}

footer {
    border-radius: 15px;
    background-image: url(https://cdn2.steamgriddb.com/file/sgdb-cdn/hero_thumb/d6d7f563c6ce9c976832bca992a70102.jpg);
    color: white;
}

table.comments-table {
    color: rgb(250, 238, 32);
    border: 0px;

}

.profile .url-info {
    display: none;

}

.profile h1 {
    color: #faee20;
}

p {
    color: #faee20;
}

b {
    color: #faee20;
}

h4 {
    color: #faee20;
}

nav .top .left .logo {
    width: 165px;
    height: 80px;
}

:root {
    --logo-blue:#4811d1;
    --darker-blue: #faee20;
    --lighter-blue: #23007c;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: #faee20;
    --light-orange: #23007c;
    --even-lighter-orange: #23007c;
    --green: pink;
}
</style>

<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, main::before, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>

<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://static.wikia.nocookie.net/omori/images/6/68/OMORI_Sprite_run.gif/revision/latest?cb=20210419090102&format=original")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://static.wikia.nocookie.net/omori/images/a/a8/Basil_walk.gif/revision/latest?cb=20210112004441&format=original")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://static.wikia.nocookie.net/omori/images/8/87/KelWalkDW.gif/revision/latest?cb=20210112020039&format=original")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://static.wikia.nocookie.net/omori/images/a/a8/Aubreywalk.gif/revision/latest?cb=20210112070747&format=original")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://static.wikia.nocookie.net/omori/images/b/b2/Dream_Hero_Walk.gif/revision/latest?cb=20210112013909&format=original")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://static.wikia.nocookie.net/omori/images/5/53/Maridwwalk.gif/revision/latest?cb=20210113021232&format=original")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://static.wikia.nocookie.net/omori/images/2/24/Something_Walk.gif/revision/latest?cb=20210704005504&format=original")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://static.wikia.nocookie.net/omori/images/1/1a/Stranger_%28Basil%29_Sprite.gif/revision/latest?cb=20210519224749&format=original")
}   
</style>

<style>
img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
} </style>

<style>
.details:before {
    content: "pronouns here or whatever you want";
 color: #faee20
} </style>

<style>
  
.logo {


  
  content:url("https://static.wikia.nocookie.net/omori/images/5/55/NEIGHBOR%27S_ROOM_Logo.png/revision/latest/scale-to-width-down/350?cb=20201226111425&format=original")
  
  }</style>

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

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.

Comments

Displaying 20 of 67 comments ( View all | Add Comment )

LilPink	1731727391 using :s Report Comment
‧˚꒰🍮 ⋆ ۪MEZZO (≧∇≦) ☆	1729784566 Usingg Report Comment
nixystix !!	1728878376 using !! Report Comment
DreamiDollie	1728865803 using! Report Comment
tinyprettyduck	1727282138 USING Report Comment
NoraX3	1727073067 Using ^^ Report Comment
CODY ᕙ(`▿´)ᕗ	1726787517 uuusinnhggg!! Report Comment
nerderoni	1725847317 USING!!1 Report Comment
basil	1725803423 using maybe:3 Report Comment
devious little fella	1725354183 usinnggg Report Comment
markk	1724792112 using Report Comment
Lian!!	1724430086 lo estoy usando, muchas graciasss :D Report Comment
yul	1722418066 using!! Report Comment
kendyy	1721753894 usinggg Report Comment
yul	1721555848 Using! Report Comment
jb >:p	1720198426 Using! Report Comment
sxull	1720156688 USİNG RARA TYY Report Comment
Fenrir	1720120445 Usingggggg:DDDDD Report Comment
Kybuu!!	1719738071 Using :D Report Comment
BASILツ	1719733677 using Report Comment