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 84 comments ( View all | Add Comment )

Sunny	1742871179 using :)))) Report Comment
derppkayy	1741119950 usinggg!! Report Comment
Camilla22	1741076870 ye Report Comment
Evenai	1739605185 using, ty Report Comment
pintrovert	1739254294 using! Report Comment
GOOZEFEATHER	1738729398 using! Report Comment
Kelby !!	1738668665 USING Report Comment
mavi ⭐	1737745332 using !! Report Comment
Blue	1737419953 using!! Report Comment
𝖲𝗁𝗈𝗋𝗍 𝖢𝗂𝗋𝖼𝗎𝗂𝗍	1737325652 Using!! Report Comment
Marifloats	1737285312 using !! Report Comment
⋆｡°✩ Bryan ✩°｡⋆	1736442367 using :3 Report Comment
lo0n	1735362679 using!! Report Comment
satanvdka	1734488720 USINGG Report Comment
✜«✧Stan✧»✜	1732881981 using!! Report Comment
callie⁠☆ﾟ⁠.⁠*⁠･⁠｡ﾟ	1732827135 AGHHHHH using!!!! Report Comment
𝖖𝖆𝖘𝖍𝖚𝖊𝖑 !	1732451582 USINGNMGNGNG Report Comment
Soul_Eater	1731727391 using :s Report Comment
‧˚꒰🍮 ⋆ ۪MEZZO (≧∇≦) ☆	1729784566 Usingg Report Comment
nixystix !!	1728878376 using !! Report Comment