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