Omori Realworld/Faraway Town Layout

Tags: omori, realworld, real world, faraway town, layout, autoplay, logo, contact icons

Description:

i decided to make a rw varient to my headspace one for funzies :3!! 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=40143) -->

replace with about me!

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
   background-image: url("https://i.redd.it/favorite-song-in-omori-also-some-battle-backgrounds-if-you-v0-xo3rc24q8hfa1.jpg?width=640&format=pjpg&auto=webp&s=4b97a013c0e6156a97b3e2a5a7cf94ba41a0cab5");

}
.profile {
   background-image: url(https://cdn.donmai.us/sample/10/82/__basil_and_sunny_omori_drawn_by_omocat__sample-1082f23a24c05472637d6b358e7a5595.jpg); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(20, 74, 34);
   color: #a3a312;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #144a22;
   color: rgb(204, 204, 88);
}

main:before {
    width: auto;
    margin-bottom: 0px;
    border: 0px solid black;
    height: 300px;
    display: block;
    content: "";
    background-image: url(https://i.ytimg.com/vi/BOmb49vnoZ8/maxresdefault.jpg);
    background-position: center;
    background-size: cover;
}

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

footer {
    border-radius: 15px;
    background-image: url(https://cdn.discordapp.com/attachments/1058871949524217856/1147976007291260979/2023_09_03_0pq_Kleki.png);
    color: white;
}

table.comments-table {
    color: rgb(163, 163, 18);
    border: 0px;

}

.profile .url-info {
    display: none;

}

.profile h1 {
    color: #a3a312;
}

p {
    color: #a3a312;
}

b {
    color: #a3a312;
}

h4 {
    color: #a3a312;
}

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

:root {
    --logo-blue:#144a22;
    --darker-blue: #a3a312;
    --lighter-blue: #144a22;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: #a3a312;
    --light-orange: #144a22;
    --even-lighter-orange: #144a22;
    --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/d/d8/FASunny.gif/revision/latest?cb=20210112070858&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/c/cc/RealBasilWalk.gif/revision/latest?cb=20210112004517&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/e/ee/KelWalkFA.gif/revision/latest?cb=20210112020117&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/8/8b/FAAubreyWalk.gif/revision/latest?cb=20210112070836&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/be/RealHeroWalk.gif/revision/latest?cb=20210112013937&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/9/9a/Mariwalkreal.gif/revision/latest?cb=20210113021303&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/4/4b/Sunny_Hospital_Gown.gif/revision/latest?cb=20210417225837&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/7/70/Spiritmariwalk.gif/revision/latest?cb=20210113021325&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: #a3a312
} </style>

<style>
  
.logo {


  
  content:url("https://cdn.discordapp.com/attachments/1058871949524217856/1147973000994488360/2023_09_03_0pe_Kleki.png")
  
  }</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/KfRdmfhDOGg//?&;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>

<style>
    .online {font-size: 0px;}
.online::after{content: "custom online here";
color: #a3a312;
font-size: 10px;}
    </style>

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

★MAX_THE_OCTO! ★	1728008670 Wheres The place for The banner? :3 Report Comment
AAAAA	1727633885 using <33 Report Comment
lea!! ヽ(´▽｀)/	1727273776 using!!! Report Comment
Nattee★	1718654249 Using★ Report Comment
Sleepy Builder	1718045847 using Report Comment
Fried Organs (test acc)	1717169546 Using Report Comment
Elliott / Ells	1695331305 AAA I LOVE THIS Report Comment