uhhh my layout

Tags: rainbow, scenecore, scene, rainbow, photosensitivity warning, tally hall

Description:

rainbow things + tally hall banner (it can be changed just edit the link) it has a photosensitivity warning at the beginning because of all of the flashing colors so you can remove that if you change the background credit isnt needed and u can edit it as u want it also has little tally hall plushies w/out joe but u can add him in if u want along with falling cats just change the img link also a gir spacehey thing but you can just remove that entirely and it'll default back to the normal logo

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by sal0 (https://layouts.spacehey.com/layout?id=90310) -->

<div id="profile">
<h1>🚨 Photosensitivity Warning</h1>
<p>This profile includes the following visuals that may trigger photosensitive seizures.</p>
<h1>
<ul>
<li>Flashing Images (Strobe)</li>
<li>Moving Repeated Patterns</li>
<li>Bright Colors (Eye Strain)</li>
<li>Chromatic Aberration (Glitching)</li>
<li>Slight Gore/Bones</li>
</ul>
</h1>
<a href="#profile">Gotcha</a>
<a href="https://spacehey.com/home">Back Home</a>
</div>

<style> 

:root {
  --warning-background-color: black;
  --warning-text-color: red;
}

#profile {
 position: fixed;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 200%;
 background-color: var(--warning-background-color);
 color: var(--warning-text-color);
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > a {
 text-align: center;
 font-weight: bold;
}

#profile > ul {
 padding: 10px 50px;
 border: 2px dashed var(--warning-text-color);
}
font-size: 20px;
</style>





<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "friends :> ☆"; font-size:.8rem; font-weight:bold; 
color:white; font-size: 14px; }

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments ☆"; font-size:.8rem; font-weight:bold; font-size: 14px;
color: #d7d7d7; }
}

.profile .table-section .heading h4;{ font-size:0; }
.profile .table-section .heading h4:before{ content: "interests & socials :3 ☆"; font-size:.8rem; font-weight:bold; 
color:#d7d7d7; font-size: 14px; }

.contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hi :D ☆"; font-size:.8rem; font-weight:bold; 
color:#d7d7d7; font-size: 14px;}
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me ^-^ ☆"; font-size:.8rem; font-weight:bold; color:#d7d7d7; font-size: 14px;}
</style>




<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Tahoma !important; 
   font-size: 12px !important; 
   color: #d7d7d7 !important; 
   text-shadow: none !important; 
   letter-spacing: 1px;
   opacity: 1;
}
body {
   background-image: url(https://i.pinimg.com/originals/49/5d/cb/495dcba9a75a82e8d4376e4809d07d4e.gif);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-color: black;
}
.top, .links, .heading, footer, button {
   background-color: black !important;
}
h1 {
   font-family: Verdana !important; 
   font-size: 17px !important; 
   background-color: black;
}
h4 {
   color: #d7d7d7 !important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: white !important;
}
td {
   background-color: black !important;</style>


<style>
.blurbs, .mood, .friends, .contact, .profile .table, .blog-preview, .profile .table-section{
    border-radius: var(--curve);
    border: var(--borders)!important;
    background-color: #1b1b1b!important;
    background-image: url(https://sadhost.neocities.org/images/tiles/bck-grid.gif)!important;
    background-image: url(https://static.vecteezy.com/system/resources/thumbnails/001/189/165/small/star.png);
</style>

<style>
.friends, .profile, .table, .blog-preview, .profile{
height: 250px!important;
    overflow-y: scroll;
</style>

<style>
.blurbs{
height: 400px!important;
overflow-y: scroll;
</style>

<style>
.table-section{
height: 450px!important;
overflow-y: scroll;
</style>

<style>
.blog-preview{
height: 100px!important;
overflow-y: scroll;
</style>








<style>
/* Rounded profile pictures */
.profile .profile-pic img,
.profile .friends .person img,
.profile .comments-table td:first-child img {
	border-radius: 15px;
}
</style>


<style>
.profile {
background-image:url(https://img1.picmix.com/output/stamp/normal/6/5/0/1/1741056_a8726.gif);
  background-repeat: no-repeat;
   background-size: cover;
</style>







<style>.profile-info {
    background-color:#1b1b1b !important;
</style>


<style>nav{
    background-color: black;
    border: var(--borders);
    border-radius: var(--curve);
    text-align: center;
}</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: "☆"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "☆"
}
</style>





<div class="snowflakes">
<div class="snowflake"><img src="https://media.discordapp.net/attachments/1104871745766313996/1178534152040087622/Untitled686_20231126220441.png?ex=65767e75&is=65640975&hm=7420f65ce035ec22ccde22ca997daa5ac31ade406955114c5f7a521a347a014d&=&format=webp"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/1104871745766313996/1178534151616471101/Untitled686_20231126220608.png?ex=65767e75&is=65640975&hm=1ebf680cf363c01ced7c279851d9a6c9309f1579fa74351a0ca35191c345aa7a&=&format=webp"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/1104871745766313996/1178534151373193247/Untitled686_20231126220652.png?ex=65767e75&is=65640975&hm=8586ca89d9eccb7970d8eaa71466d717b56c1b75320df08a94c1a2221a1e1b3f&=&format=webp"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/1104871745766313996/1178532433298194512/Untitled686_20231126220004.png?ex=65767cdc&is=656407dc&hm=3f4b759ef02e7149f1a30b0d706fbd585662b95d15d16d19316e605be92a8be4&=&format=webp"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}</style>



<style>

.logo {

content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/31de61af-2d87-4ab3-bedc-3ac336b8988c/dg8x9mu-6535ee01-ebd3-4e02-8056-dbb526c096e4.png/v1/fill/w_1280,h_327/gir_spacehey_logo_by_isafurryprodraws_dg8x9mu-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MzI3IiwicGF0aCI6IlwvZlwvMzFkZTYxYWYtMmQ4Ny00YWIzLWJlZGMtM2FjMzM2Yjg5ODhjXC9kZzh4OW11LTY1MzVlZTAxLWViZDMtNGUwMi04MDU2LWRiYjUyNmMwOTZlNC5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.P057tXlFgLbNOnu3NDuSgJjEZUbbK66wvejwrRIeaqg");

}
</style>




<style>
main:before {
	width: 100%;
	height: 200px;
	display: block;
	content: "";
	background-image: url('https://m.media-amazon.com/images/M/MV5BMDcxMjk4ZjUtYzgyOS00OTkwLWFjM2EtZTczNjU5YWVjMTEzXkEyXkFqcGdeQXVyMTI2MTc2MjE5._V1_.jpg');
	background-position: bottom center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 100px;
	}
}
</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 4 of 4 comments ( View all | Add Comment )

Toshibabi	1710277849 Oh my God!!! This is perfect I will absolutely use it! Report Comment
Soren the Square	1706376672 I LOVED IT!!!!!!!!!!!!!!! Report Comment
:3	1706165123 OMGGGG I LOVE THIS Report Comment
addderalll [[AUTOPLAY]]	1702553000 love this layout so much omggggggg Report Comment