simple baldi layout i made for funsies

Tags: simple

Description:

feel free to edit, comment using if being used :)

Preview:

click on the image for a larger preview

Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/o9lAPQvwYWE?si=UIPjy401rl3-GZrm?si=U9Lp6NLVislLXW3i//?&;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>


<style>




body{font-family: "Comic Sans MS", "Comic Sans", cursive;}

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(' https://64.media.tumblr.com/cb94c44a6960d5dcb93d8745f795c3e1/9eabe6edcc035f3a-14/s500x750/ac951ddce53c17d995d1930a5760824120a94850.gifv ');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}


body{background:url("https://64.media.tumblr.com/79a9c32b22161a8faf67972740b07906/9eabe6edcc035f3a-4d/s640x960/1ff01be6c299284cb6585daaec8cd650a1cad188.jpg") no-repeat fixed; background-size:cover;}


  font-size: 200%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
.
profile {
   background-color: rgb(102, 255, 51); 
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(102, 255, 51);
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(102, 255, 51);




}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 120px;
    display: block;
    content: "";
    background-image: url(https://64.media.tumblr.com/82f64f38c015a607fbb452a2c5038fa3/9eabe6edcc035f3a-f9/s640x960/d2e052aabf45f0f022aae7ae7a05589b7a586ed1.gifv);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-image: url(https://64.media.tumblr.com/817490d4eb75a920bddf7314a7be2adf/9eabe6edcc035f3a-15/s400x600/3af10bb30c75779934f89ac4f92bd2e431ed3219.pnj);
    color: white;
}

table.comments-table td {
    color: rgb(102, 255, 51);
}

:root {
    --logo-blue:102, 255, 51;
    --darker-blue: black;
    --lighter-blue: green;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: black;
    --green: pink;
}

</style>

<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://64.media.tumblr.com/1820ff90971f955023c753dd45958ae4/9eabe6edcc035f3a-29/s400x600/12bd9e3e8138e43926c313d79e78f1468e786658.pnj') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 320px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>


<style>
@keyframes walking-michael{
  from{ left:-150px; }
  to{ left:calc(100% + 200px); }
}
#michael{
  position: fixed;
  left: -150px;
  bottom: -1px;
  width: 300px;
  animation: walking-michael 17s infinite linear;
  pointer-events: none;
}
</style>
<img id="michael" src="https://64.media.tumblr.com/841712589e9a88e23465057dfb05f82b/9eabe6edcc035f3a-e3/s640x960/0cb3b55ca69ca272548526ec9655ea92f05ecfac.gifv"/>

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 )

omorik3000

1716056467

Я ШВАБРУ УКРАЛ ЕСЛИ ВЫ НЕ ПРОТИВ

Report Comment

deez6_9

1711443810

USING

Report Comment