All Tomorrows Layout

Tags: all tomorrows, biology, space, alien

Description:

comment if you're using bc only cool people know all tomorrows and i want to kiss you with my mind -- ˗ˏˋ ★ ˎˊ˗ features: ˗ˏˋ ★ ˎˊ˗ ➼ Colonial Loading Screen ➼ Sepia Space Wallpaper Background ➼ Qu GIF instead of Spacehey Logo ➼ Striders GIF instead of Profile Picture ➼ All Tomorrows Characters Rainfall ➼ Mars Cursor ➼ "Life on Mars" by David Bowie on Autoplay ➼ Transparent Background of the Profile itself ➼ Colonial/Modular People Images on the Bottom Left & Right Corners ˗ˏˋ ★ ˎˊ˗ please let me know if anything doesn't work ˗ˏˋ ★ ˎˊ˗ ˗ˏˋ ★ ˎˊ˗ comment if using <3 ˗ˏˋ ★ ˎˊ˗

Preview:

click on the image for a larger preview

Code:

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

<style>


main {
background: #bd9e8896;
}


body, .bodyContent {
background: url(https://img.wallpaper.sc/android/images/1080x1920/1080x1920_170703_1547.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
}


.general-about .profile-pic img {
content: url(https://media1.tenor.com/m/oQ2eIAuXiMMAAAAd/all-tomorrow-strider.gif);
}



/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat603.cur), auto !important;} /* End https://www.cursors-4u.com */



<div class="snowflakes">
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1207444094398496789/rsz_2s2jahsv6jfhdkxu8obedxbevqhxlnwfdqyvarwbxuvaadeuwquuvhfqezifccjgmow7om6giqaisksikodavbjuxsockgkzeaefxlnwf9qzvarubhyvaqvcuwqxulhfqevgfikgggsw7oi6g4qaiscuiqcaa1fhuherckgizeiefhdnwl1qz1arubhyvqquco0qxopifqevgvmiga.png?ex=65dfaaf1&is=65cd35f1&hm=8f989bea756c5cebd20ab86037da18265cad73ca1272f91cb5cefa13d0a8a91a&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209702641941086278/ezgif-2-0f5195e95c.png?ex=65e7e261&is=65d56d61&hm=faf0a7f5ef29f740bd00b350241174374366aba1036286d7eae6d189ee915e4c&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1207444629050359859/rsz_screenshot_2024-02-14_163137-removebg-preview.png?ex=65dfab70&is=65cd3670&hm=4a0f58afcceb4d38a33832d23ad4ed6f43588707e29656cb97ed9eb3f7a14ed5&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209705314098741288/ezgif-2-08a9dde21f.png?ex=65e7e4de&is=65d56fde&hm=966364ca8ab352ca74dfc36e889740168296365bfeaf8449cc84f759b35f8a9d&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209705314325364776/ezgif-2-e7e851d23f.png?ex=65e7e4de&is=65d56fde&hm=5e1e680a36ace5566777d745e14ca5f91635b5a21eb473a37918581d124a49fb&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209705684828946442/ezgif-2-4fa4f31fcb.png?ex=65e7e536&is=65d57036&hm=c9c5f4c6aac0452266a1be751c87f5fa9361288f18ee4379632a2c8abf4ce4f8&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209706060638715994/ezgif-2-4c3cf99562.png?ex=65e7e590&is=65d57090&hm=fd8ba9d46ca82157ab274ed160e0fa852a77cb6a7cb793f110999ebe34866e48&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209706467792261130/ezgif-2-7e996a3fbb.png?ex=65e7e5f1&is=65d570f1&hm=50431d895041617dde3a47bbeb13001f91221057f73742bb0e453e3f1b4211f4&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209706678640058399/ezgif-2-77df1a249e.png?ex=65e7e623&is=65d57123&hm=037cc2f713aa1cfaf78a359c60d28445c4934b5dbd3345b23b7b887593400a5e&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209706868570857512/ezgif-2-9ccc0621cd.png?ex=65e7e650&is=65d57150&hm=461e6471ff92bf6dcbe3809d9cc406343a09f052ef97531c9c75d790c27e20f2&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209707232200233090/ezgif-7-b0f52965c4.png?ex=65e7e6a7&is=65d571a7&hm=6dd096953da91e5714253e67f5b978990954f69892104d08ad0345a878754591&"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209707429768470538/ezgif-7-8ce97e9965.png?ex=65e7e6d6&is=65d571d6&hm=5119cb886b57b348bf80d24205e9fa7201213bc76265239cd5956ee2135872d4&"/>


<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}


:root {
    --logo-blue:  #24150C96;
    --darker-blue: #fefdf596;
    --lighter-blue: #bf956596;

    --even-lighter-blue: #372b1c96;
    --lightest-blue: #bf956596;

    --dark-orange: #51382796;
    --light-orange: #a2785196;
    --even-lighter-orange: #bf956596;
    --green: pink;
}

</style>


<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://gifmaker.me/video-to-gif/download/20240214-13-NhrtNa0oJuLhlz8z-pqnzDt/GIFMaker_me.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>



<div style="float:  ; max-height: 1000px; position: fixed; right: 1px; bottom: 0px; z-index: 400;">
<img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209707648669454356/D6BGclda69NAAAAAElFTkSuQmCC.png?ex=65e7e70a&is=65d5720a&hm=104b28bfd43e4458452414e1eb820cfb0a7d6539bf2cf5ef5c628827835bc721&" height="300"/></div>

<div style="float:  ; max-height: 1000px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="https://cdn.discordapp.com/attachments/1146884966152679454/1209707897643343914/ezgif-7-45251ab81d.png?ex=65e7e746&is=65d57246&hm=972019e1d108924b4d46221b16dacbfc1a5b1467027a89e95288f3a4720bee61&" height="300"/></div>


<style>

.logo {

content:url("https://cdn.discordapp.com/attachments/1146884966152679454/1209709109776228382/ezgif-7-129c0a026a.gif?ex=65e7e867&is=65d57367&hm=71fede9c9f82a0956fc57805ec9846fd53c7b52106354ec9e8706bb089f5851c&");

}

</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media1.tenor.com/m/lxCA82pplEYAAAAd/all-tomorrows.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 5s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/AZKcl4-tcuo//?&;amp;;autoplay=1&;loop=1&;controls=1" 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 1 of 1 comments ( View all | Add Comment )

SpiderPlantGod

1708654081

OH MY GOD
TRUELY A BLESSED LAYOUT 🙏

Report Comment

Is there anyway you could simplify this layout some so its mainly the base and the side images if no thats ok

by SpiderPlantGod; 1708654924; Report

1: ARGH TY ACKNOWLEDGMENT 🙏🙏 -- 2: can you specify what exactly you mean by the base if it was bc of the screenshot showing blinkies & stuff i replaced the image with a tester bc i forgot to not post my own page at the time (っ◞‸◟ c) if that wasn't what you mean my bad do specify tho bc i'll totally simplify it for you ✧˖°.

by unnaturalphenomena; 1708929699; Report

Like just removing the snowflakes and pfp (i dont remember if that changing was part of the code) and the logo changing

by SpiderPlantGod; 1708949909; Report

N the song

by SpiderPlantGod; 1708949955; Report

alrighty i just posted a simplified version you should see going to my layouts lemme know if i missed anything i also did organize the coding incase there's anything else you wanted removed and whatnot

by unnaturalphenomena; 1708982399; Report