FNAF 1 layout 🐰🟦🐔🐻🦊

Tags: fnaf, five nights at freddy's, fnaf 1

Description:

comes with jumpscare loading screen with sound effect, autoplay fnaf 1 song, minigame pixel freddy pagedoll, round profile picture, a grayscale effect over your profile picture, custom notification icon, custom online indicator, vhs tape filter, and custom logo! enjoy, and comment if you use please!

Preview:

click on the image for a larger preview

Code:

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

<style>
  @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

* {
    font-family: 'VT323', monospace;
    color: #fff;
    font-size: 100%
}
</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border-radius: 50%
}

.profile-pic {
        filter: grayscale(10);
    }

.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    border-radius: 50%
}
</style>
<style>
/*LOGO*/
 .logo {
  
  content:url("https://static.wikia.nocookie.net/8e0b46c1-e7b1-49be-b109-114882cc6df8/scale-to-width/755")

</style>

<style>
main {
    background: rgba(23, 23, 23, 0.7);
    color: black;
    padding: 6px 0px;
    font-size: 80%;
    border: 3px solid black;
}
</style>

<style>
body {
    background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3c2d22b0-c29c-4ddd-bb32-403b3b94a49a/dga8w9v-f4b4c648-8d34-4cd7-aee5-7030d3f54e59.png/v1/fill/w_1280,h_623,q_80,strp/fnaf_1_hallway_background_by_daunideviant_dga8w9v-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NjIzIiwicGF0aCI6IlwvZlwvM2MyZDIyYjAtYzI5Yy00ZGRkLWJiMzItNDAzYjNiOTRhNDlhXC9kZ2E4dzl2LWY0YjRjNjQ4LThkMzQtNGNkNy1hZWU1LTcwMzBkM2Y1NGU1OS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.lHdvh-YgDupg5jZmP1haFN2vmuqezcg_sBWaZmbMUhQ);
    display:block;
    background-size:1500px;
    font-family: verdana, arial, sans-serif, helvetica;
}

</style>

<!-- (c) Layout created by 𝐥𝐞𝐱𝐥𝐲 (𝟐𝟕𝟕𝟕𝟓𝟐𝟐𝟎) (https://layouts.spacehey.com/layout?id=24375) -->

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://www.icegif.com/wp-content/uploads/fnaf-jumpscare-icegif-1.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s 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/9199NaBB6L0//?&;amp;;autoplay=1&;loop=1&;controls=1" title="hdh" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<iframe width="0" height="0" src="https://www.youtube.com/embed/tRf0pd5FS-I//?&;amp;;autoplay=1&;loop=1&;controls=1" title="hdh" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>


<style>

.profile-info {
    border: 3px solid black;
    background-image: url(https://preview.redd.it/i-drew-fnaf-3s-cam-05-since-i-wanted-to-practice-v0-hfju7nba91391.png?auto=webp&s=919baf7a43cb7ae55233d0e6d2f3a683815e33f6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    background-size: 290px;
}

.contact {
    display: inherit!important;
    opacity: 1!important;
    background: url(https://mfiles.alphacoders.com/995/995061.png);
}

.profile .url-info {
    padding: 4px 7px;
    background: url(https://mfiles.alphacoders.com/995/995061.png);
}
</style>

<div style="mix-blend-mode: screen; opacity: 70%; background: url(https://i.pinimg.com/originals/b6/fe/0c/b6fe0c5fd3c211e729aabeca0597fa0e.gif) center no-repeat;&#10;&#10;background-size: cover; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none;">
</div>

<div id="overlay"></div>

<style>
#overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(https://i.pinimg.com/originals/b6/fe/0c/b6fe0c5fd3c211e729aabeca0597fa0e.gif);
    opacity: .8;
    filter: alpha(opacity=80);
    mix-blend-mode:screen;
    z-index: 2;
    pointer-events: none;
}
</style>

<style>
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #292929;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #292929;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background:url(https://images-ng.pixai.art/images/orig/1bfc4cd6-b50d-4b59-934c-ea4aad70f393);
}

.profile h1 {
    font-size: 1.5em;
    margin: 0 0 10px 0;
    text-align: center;
}

:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #000;
    --darker-blue: #801720;
    --lighter-blue: #292929;
    --even-lighter-blue: #000;
    --lightest-blue: #292929;
    --red: #801720;
    --dark-orange: #801720;
    --light-orange: #292929;
    --even-lighter-orange: #000;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #fff;
    --dark-green: #fff;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
</style>

<style>
.online{content:url("https://static.wikia.nocookie.net/freddy-fazbears-pizza/images/e/ef/FNaF-Logo-Official.png/revision/latest/thumbnail/width/360/height/450?cb=20190204051318");width:100px;
}

nav .links .icon {
    vertical-align: -0.41em;
    content: url(https://i.git99.com/download/icon2/4/c/c/869e8737e8122e164b46d8be943c79d3.jpg)
}


main:before {
    width: 100%;
    height: 200px;
    display: block;
    content: "";
    background-image: url(https://www.digitaltrends.com/wp-content/uploads/2016/05/five-nights-at-freddys.jpg?fit=720%2C720&p=1);
    background-position: center;
    background-size: fit;
}
@media only screen and (max-width: 600px) {
    main:before{
        height: 150px;
    }
}
</style>

<div>
        <div class="mx-md-0 mx-1 col-md-auto col">
        <img src="https://static.wikia.nocookie.net/freddy-fazbears-pizza/images/8/88/Fredbear_Sprite_Gif.gif/revision/latest?cb=20150405062225" class="btn btn-outline-transparent p-0  tooltipster" title="TEXT" style="max-width:15%; position:fixed; bottom:5px; right:5px; z-index:3;"/></div>
<div></div></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.