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

Double Trouble!!	1747036104 using Report Comment
moonyyzz	1746380563 using ^_^ Report Comment
ipeemilktea	1745879214 using! so cute thank u Report Comment
Jujuba	1743641006 Thank you!!! Report Comment
dainnnsleifff	1743570239 usinfg Report Comment
Sunny	1742871179 using :)))) Report Comment
derppkayy	1741119950 usinggg!! Report Comment
Camilla22	1741076870 ye Report Comment
Incubus	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
Randy/Randall	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