Kais old layout

Tags: personal, bad

Description:

ONE OF MY LAYOUTS I just wanted to make a new one and save this one, its kind of broken

Code:

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

<!-- ABOUT ME -->

<br/>
<!-- (c) Layout created by inky_astrid (https://layouts.spacehey.com/layout?id=82467) -->
<p style="font-size:14px; color:#FFFFFF     ; font-weight:bold;">
please DM me to chat whenever i'm online i'm so lonely
<br/><br/>
</p><div style="height:125px;width:450px;border:2.5px solid #111;overflow:auto;background-color:black;text-align:left;">
hi i'm Kai
<br/><br/>
my birthday is 6/14 <br/>
i'm a gemini <br/>
i'm an INTJ <br/>
i'm autistic but i don't need really any accommodations <br/><br/>
i love video essays about niche things, i wish i could make my own but i don't know what i'd make it about... <br/><br/>
i have a few ocs, ask me about them, thats the easiest way to get me out of my shell of awkwardness <br/><br/>
i have a cat and a dog, i can't upload them here, but they're the best <br/><br/>
warning im really strange and weird and odd you do not want to be my friend, but do anyways<br/>
</div>
<br/>

<!-- www.boy blinky -->
<img src="https://i.imgur.com/FN3x8J1.gif"/>

<br/><br/>
<div style="height:100px;width:450px;border:2.5px solid #111;overflow:auto;background-color:black;text-align:left;">
 i'm really socially awkward and have a very low social battery, i really do apologize if i don't reply quick or am just awkward
<br/><br/>
<strong> DNI: </strong> 
<br/>
basic dni criteria, just dont be an idiot and be a decent person
<br/>
i apologize but im not comfortable chatting with anyone <b>15+
<br/>

</b></div>

<br/>

<!-- flatline blinky -->
<img src="https://i.imgur.com/9iKQxQR.gif"/>


<style>  .profile .friends {

text-align: right;

}</style>

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

<!-- main coding (background image and generic colors) -->
<style>
    body{
    background-image: url('https://i.pinimg.com/originals/63/44/04/634404450fb7795d2d8b897a80b7b031.gif') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    }  
    main {
        background-color: black;
        color: white;
    }
        .count {
        color: #fbcad9 !important;
    }
        .blurbs .inner{
        text-align: center !important;
    }
    :root {
        --logo-blue: #121212;
        --darker-blue: white;
        --lighter-blue: #181818;
        --even-lighter-blue: #181818;
        --lightest-blue: #000;
        --dark-orange: #fff;
        --light-orange: #000;
        --even-lighter-orange: #000;
        --green: #fff;
   }
    a:hover{
        color: #fff !important;
    }
    h4 {
        color: white;
    }
    main p {
        color: white;
    }
    .profile .blurbs .section h4 {
        color: white;
    }
main:before 
       {width: 100%;
	height: 190px;
	display: block;
	content: "";
	background-image: url('https://andyjamiesonpt.com/wp-content/uploads/2020/03/palebluedot2.jpeg');
	background-position: center center;
	background-size: cover;
    background-repeat: no-repeat};
@media only screen and (max-width: 300px) 
           {main:before{
		height: 100px;}
}
/*contacting*/

div.contact > div.heading > h4:before{
        content: url(your img link);
    }
</style>

<!-- mobile accommodations -->
<style>
@media only screen and (max-width: 600px){
.class { thing }
}
  </style>

<!-- custom spacehey logo -->
<style>
.logo {
content:url("https://64.media.tumblr.com/b66c782a170196860ce1e850756c2ea7/07455c1e23e3fc07-33/s640x960/8dd776cfb643909c927692ec53568838702abb04.pnj");
}
</style>

<!-- rounded borders +dotted border -->
<style>
    .top{
        border-radius: 0px 0px 0 0 !important;
    }
    main{
        border-radius: 0 0 0px 0px !important;
    }
</style>

<!-- rounded profile pic and friend pics -->
<style>
    .profile-pic {
        border-radius: 0px;
        overflow: hidden;
    }
    .profile .friends .person img {
        border-radius: 0px;
    }
</style>

<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;}

</style>

<!-- custom online text -->
<style>

.online {visibility: hidden;} 
.online img { content: url("http://www.coolspacetricks.com/images/myspaceicons/161.gif"); animation-name: none; visibility: visible; height: 35px; width: 90px;}

</style>

<!-- pronouns -->
<style>
    .details:after {
        content: "he/him";
    }
</style>    
    
<!-- invisible but functional footer -->
<style>
      footer{background:none !important; line-height:0px !important;}
    footer ul li a {color: #000000 !important;}
    }
</style>

<!--custom interest columns text-->
<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "<blink>white to red to white"
  --topic2: "general";
  --topic3: "music";
  --topic4: "television";
  --topic5: "watch/play list";
  --topic6: "activities";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--white) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px white !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>

<style>
.rainbow{
animation:myrainbow 1.0s linear infinite}

@keyframes myrainbow{
0%{color:#f54242}
25%{color:#f2bf3f}
50%{color:#61eb3b}
75%{color:#2895ed}
100%{color:#f54242}}
</style>
  
<style>
blink{
animation:blinkingcolors 0.5s linear infinite}

@keyframes blinkingcolors{
0%{color:#ff0000}
50%{color:#ffffff}
100%{color:#ff0000}}
</style>

<!-- scrollavble comments -->
<style>
    .comments-table{display:scroll !important;} 
    }
</style>

<!-- custom scrollbar -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: #fff;
    }

    ::-webkit-scrollbar-track {
    background: #000;
    }
</style>
<!-- custom contact buttons -->
<style>.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 Favorites */
	content: "⭐"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🛰️"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "🌎"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🚫"
   }

</style>




<!-- WHO ID LIKE TO MEET -->

<style>
div.a {text-align: left;}
div.b {text-align: left;}
</style>
<div style="height:220px;width:450px;border:2.5px solid #111;overflow:auto;background-color:black;text-align:left;">
<div class="a">my dad</div>
<div class="b">and people with the same general interests as me :)</div>
<br/>

<iframe style="border-radius:0px" src="https://open.spotify.com/embed/playlist/6yzAqriZjXWAdxQvk9iHMa?utm_source=generator" width="100%" height="156" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>





&lt;! GENERAL --&gt;

<style>

#music {
  position: relative;
  background: url('https://static.tumblr.com/bpdtqce/eNEnoonrt/musicplayer.png') top left no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  overflow: hidden;
  height: 50px;
  max-width: 305px;
  border: 1px solid #000000;
}
#music iframe {
  position: absolute;
  top: 0px;
  height: 47px;
  opacity: 0.00000000000000000000000001;
  z-index: 0;
  left: 0px;
}
#music div {
  position: absolute;
  top: 10px;
  left: 55px;
  width: 51%;
  margin: 0 !important;
}
#music span {
  display: block;
  color: #FFFFFF;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  width: 240px;
}

</style>

<div style="margin-top: 4px;margin-bottom: -12px;">

<div id="music">
                            <iframe allowfullscreen="" src="https://www.youtube.com/embed/WLbMPHNr0QU?rel=0&&&autoplay=1;&loop=1;&playlist=WLbMPHNr0QU" loading="lazy" width="560" height="315" frameborder="0"></iframe>
                        <div>
                            <span class="song">KAI'S MIX</span>
                            <span class="artist">MSI</span>
</div>
                    </div>

</div>

<br/>



<!-- MUSIC -->

<img src="https://i.pinimg.com/564x/53/29/d3/5329d39b6e580fbd22315157ed3fc0f5.jpg"/>
<hr/>
i like to make ocs, draw, try to animate even tho they never get finished, EVER. i also like trying to learn new things (coding, live2d, making music) i'm not very good at it, but its fun
<br/>
i also just surf the internet and stalk others profiles... i'm a socially inept dweeb so i don't really interact a ton




<!-- MOVIES -->

<img src="https://i.imgur.com/mfLv8Yu.gif"/>
<hr/>
mindless self indulgence is my top #1 FAVORITE band ever. 
<br/>
i really listen to anything EXCEPT FOR TAYLOR SWIFT. what music i listen to really depends on what mood i'm in, but its mostly all rock i think
<br/>
<br/>




<!-- TELEVISION -->

<img src="https://i.imgur.com/DTu9CUg.png"/>
<hr/>
<strong> MOVIES</strong>
<br/>
<br/>
i absolutely love the human centipede trilogy, rope (1948), texas chainsaw massacre (1974 and 1986), all quiet on the western front, and tusk
<br/>
i like the horror movie genre and body horror a LOT, suggest me some if you have any :p
<br/><br/>
<strong> SHOWS</strong>
<br/>
<br/>
i'm a big fan of the older ones like andy griffith, i love lucy, and green acres
<br/>
i also really like spongebob, camp camp, sonic prime, mp100, saiki k, the music freaks, the orbital children, watamote, and scissor seven
<hr/>
<img src="https://i.pinimg.com/originals/a0/09/8b/a0098b5dcc7e7603bbdb48be72558975.gif"/>





<!-- BOOKS -->

i have a whole looooonnnngggg list, but here are the main ones: <br/><hr/>
- cry of fear <br/>
- LIMBO <br/>
- compulsion (1959) <br/>
- compulsion meyer levin <br/>
- never the sinner john logan <br/>
- the house of wax (2005) <br/>
- good boy (2023) <br/>



<!-- HEROS -->

i'm in theatre and it's my main thing right now, i'm not super professional or into a lot of musicals, but i do enjoy acting. <br/>
i'm also very mildly into taxidermy, not very educated or have a ton of stuff on that either though <br/>
<br/>
i don't really do a ton of stuff outside...</div>

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

Kopilos

1753982753

Missed most of the lectures for my sociology module and had no idea how to write the paper. I looked online for help and found royalwriter.co.uk. It was easy to use and had prices shown clearly before you order. They let me upload some sources and even gave suggestions on improving the topic. The result was exactly what I needed – on point, not too complicated, and done way before deadline. Made everything feel less stressful.

Report Comment

Ilinas

1752253677

Been lifting weights at home and wanted to optimize my muscle growth. I searched for a site with science-backed supplement advice. Stumbled on https://valhallavitality.com/blog/gaining-muscle-mass-with-tadalafil-benefits-dosage-and-usage-for-bodybuilders, which explains tadalafil’s use in bodybuilding. It covers how it improves circulation, proper dosing, and workout recovery, with free guides and discounts for new users. The clear info helped me adjust my routine for better results.

Report Comment