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:

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.