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

ryu	1754502009 using ^_^ Report Comment
ryu	1754502009 using ^_^ Report Comment
McCloud	1754150768 Usiiing :3 Report Comment
soot	1753695447 using!! Report Comment
CmonnZion	1751206015 using! Report Comment
Lycion	1751008459 using Report Comment
alex :3	1749143112 using! !:D Report Comment
sunny	1748872318 using Report 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