GOAT's profile picture

Published by

published
updated

Category: Web, HTML, Tech

GOAT presents: community build-a-blog

update: IT IS FINISHED XDD

this is it guys, your very own community build-a-blog, with very minimal input from myself, acting only as a conduit for whatever crazy happening stuff you wanted here!! <333

ty everyone who partipcated - pls enjoy ur free to use blog theme below!!

(i also made it easy to copy - just click and the whole code is highlighted for u!!)

ily all tysm omgggg xoxo

~ GOAT



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

* {
cursor: url(https://cur.cursors-4u.net/toons/too-12/too1107.cur), auto !important; }

body {
background-position: top left;
background-image: url(http://64.media.tumblr.com/6674b1fe5872c53405aac80e2a192f21/92ea25e4cb72f665-20/s400x600/db386971e49b64991a474f879d6dd9316342d139.gif); }

main {
background-image: url('https://i.postimg.cc/GtKqMjwh/dog-pup-ezgif-com-video-to-gif-converter.gif') !important;
background-repeat: repeat;
background-size: 300px 200px !important;
background-color: rgba(0,255,0,0.3);
background-blend-mode: lighten;
}

.container {
width: 1200px !important;
}

.container p {
font-weight:bold;
display: block;
-webkit-text-fill-color: revert;
background-clip: text;
color: transparent;
font-size: 18px !important;
font-family: "Bagel Fat One", system-ui;
background: url('https://i.pinimg.com/originals/e6/f8/0b/e6f80be8122d7019c37b39b02dd6ec2c.gif');
text-shadow:1px 2px black;
-webkit-background-clip: text !important;
background-size: 30% 60% !important;
padding: 4px; }


p {
background: url('https://i.pinimg.com/originals/e6/f8/0b/e6f80be8122d7019c37b39b02dd6ec2c.gif');
background-clip: text;
color: transparent;
font-size: 18px !important;
font-family: 'Bagel Fat One', sans-serif;
}

.comments-table {
border-style : hidden!important; }

.comments-table td{
background: url('https://cdn.dribbble.com/userupload/19378131/file/original-8cb66a0ffe82558ce3b1f98a2ce9ba04.gif') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important;
border-radius: 25px !important;
border: solid 10px #fffnav::after {
content: url(https://i.postimg.cc/FHyQ7h7n/ddc28aa2-214f-4c0b-9ac9-566472d28f38.jpg); } !important;
}

nav .top {
background-image: url(http://i.postimg.cc/FHyQ7h7n/ddc28aa2-214f-4c0b-9ac9-566472d28f38.jpg);
background-size:195px;
background-repeat:repeat; }

.pfp-fallback {
content: url(http://media1.tenor.com/m/WcEJQMAcDoIAAAAd/touch-grass-hello-neighbor.gif) !important; }

.profile-pic img {
content: url(http://i.postimg.cc/L4yzrh2G/4edcb4ed88f87d4b8f4c6a1777c7f64e.jpg) !important; }

.title {
font-size:22px;
font-weight:bold;
font-family:helvetica;
color:limegreen;
text-shadow:2px 2px lightpink;
background-color:black;
padding:4px; }

.content {
padding:5px;
border:2px solid silver;
background-color: rgba(0,0,0,0.8);
background-blend-mode: darken, luminosity;
background-image: url(https://files.catbox.moe/tatc9x.jpeg);
background-size:195px;
background-repeat:repeat; }

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

.comments-table td:first-child img:not(.icon) {
width:150px; }

.blog-entry .kudos-btn {
padding:4px !important;
font-family:helvetica;
font-weight:bold;
color: #FEFEFF !important;
text-shadow:1.5px limegreen !important;
font-size: 30px;
background-color: black !important; }

.kudos-btn:hover {
text-decoration:none !important;
color:crimson !important;
text-shadow: 0 1px 2px yellow; }

.jermaroll {
position: relative;
animation: rotation 1s infinite linear;
content: url(https://i.ibb.co/CpLShj7x/jerma.png); }
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}

.jermaroll2 {
 -moz-transform:translateX(-100%);
 -webkit-transform:translateX(-100%);    
 transform:translateX(-100%);
 -moz-animation: jermaroll2 5s linear infinite;
 -webkit-animation: jermaroll2 5s linear infinite;
 animation: jermaroll2 5s linear infinite;
}
@-moz-keyframes jermaroll2 {
 0%   { -moz-transform: translateX(-100%); }
 100% { -moz-transform: translateX(100%); }
}
@-webkit-keyframes jermaroll2 {
 0%   { -webkit-transform: translateX(-100%); }
 100% { -webkit-transform: translateX(100%); }
}
@keyframes jermaroll2 {
 0%   {
 -moz-transform: translateX(-100%);
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);         
 }
 100% {
 -moz-transform: translateX(100%);
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 }
}

footer {
margin:0px;
background-color: rgba(225,0,0,0.3);
background-blend-mode: darken, luminosity;
background-image: url(https://static9.depositphotos.com/1000975/1202/i/950/depositphotos_12023014-stock-photo-funny-clown-on-the-white.jpg);
background-size:115px; }

nav .links {
background-image: url(https://as1.ftcdn.net/jpg/05/62/13/54/1000_F_562135455_9cRKUGrx050EVpT8iyn9Q5DgThUG8l28.jpg);
background-size:200px;
color:black;
padding:10px;
font-size:20px;
text-align:center; }

nav .links a {
padding:2px;
color:black;
background-color:white; }

nav .links a:hover {
text-decoration:none;
padding:2px;
color:white;
background-color:red; }

.goatcontainer1 {
width:800px;
text-align:left;
background-color: grey;
padding:5px;
border:3px solid limegreen;
box-shadow:0 0 2px 1px lightpink; }

body:before {
content: " ";
height:100%;
width:100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('http://i.pinimg.com/originals/e2/8e/22/e28e22f5091b5882cf3576c33830b67a.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;} }

.kudos-btn::after {
display:block;
content: url(http://media.tenor.com/cJtDhl2-MP0AAAAj/goku-dragon-ball.gif); }

footer::before {
position:absolute;
left:1200px;
animation: rotation 3s infinite linear;
content: url(http://i.ibb.co/bMtyGRW2/buildermna.png); }

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
</style>

for the falling haggus:

<div class="snowflake"><img src="https://s1.ticketm.net/dam/a/dc8/264d257a-eef9-4c8e-a9f1-1904e09cbdc8_TABLET_LANDSCAPE_LARGE_16_9.jpg" style="width:75px;"></div>

OR

<div class="snowflake"><img src="LINK_TO_YR_IMAGE.JPG" style="width:75px;"></div>



252 Kudos

Comments

Displaying 20 of 50 comments ( View all | Add Comment )

GOAT

GOAT's profile picture
Pinned

also pls kindly let us know if yr using this so we can all go check yr pages out omggg

<333


Report Comment



TH1S IS SO D0PEEE!! TYSM IM USING DA FONT CODE RN!!1!!1

by leakypipes; ; Report

GOAT

GOAT's profile picture
Pinned

ty to everyone who partipcated!!

obvs no further amendments are being made but

feel free to grab the code, play around with it

i mean it is urs anyway omggggggg

<333


Report Comment

Kittyroll (she/her/kitty/cat)

Kittyroll (she/her/kitty/...'s profile picture

WTF IS GOING ON? AM I HIGH?


Report Comment



this was a community built blog layout

i aint come back here in a while but omg its such a crazy mess i love it XDD

by GOAT; ; Report

Chroma

Chroma's profile picture

ITS ACTUALLY COMPREHENSIBLE ON MOBILE!!!


Report Comment



comprehensible is something this blog should never be described as XDD

(jk it was fun as heck to help make but omggg its crazy af lmfaooooooo)

by GOAT; ; Report

☆ eve ★

☆ eve ★'s profile picture

ur the goat fr ily


Report Comment



ty lovely!! <33

by GOAT; ; Report

⋆。゚☁︎⋆。 LG ゚☾ ⋆。゚ ˘ᗜ˘

⋆。゚☁︎⋆。 LG ゚☾ ⋆。゚ ˘ᗜ˘'s profile picture

Just came back to check it out - still looks amazing XD I’m glad that the Neighbor is still encouraging people to touch grass. The jumpscare got me ngl. Also, nice flickering colors haha


Report Comment

jaiskullz

jaiskullz's profile picture

what the heck


Report Comment



inorite?? XDD

by GOAT; ; Report

maoel

maoel's profile picture

ts insane and I love it, thx for making me laugh


Report Comment



yw!! :3

by GOAT; ; Report

mons ★

mons ★'s profile picture

what core is this


Report Comment



SpaceHeycore (⁠╥⁠﹏⁠╥⁠)

by SamIRL; ; Report

★ LYNX ★

★ LYNX ★'s profile picture

What is happening ✌️


Report Comment

Andri Was Here

Andri Was Here's profile picture

Nice and mincecore


Report Comment

Oisín

Oisín's profile picture

This was a mistake


Report Comment

Oisín

Oisín's profile picture

This was a mistake


Report Comment

JaysonB

 JaysonB's profile picture

wdym by build a blog?


Report Comment



exactly that lol

obvs this layout isnt being edited further rn but

users asked what they wanted for each section of a layout and

i made it happen

build a blog

<333

by GOAT; ; Report

Corso :3

Corso :3's profile picture

I've been a silent supporter for a while but I'm breaking my silence :3 this is SO SICK!!!!!!!


Report Comment



awww tysm!! :DD

by GOAT; ; Report

Peppii-tan

Peppii-tan's profile picture

This is the worst best thing that the site has done, but also most united since this site's users usually like dividing themselves with DNI blogs (lol I didn't even participate)


Report Comment



tbf i had a feelin it was gonna be chaotic af and i wasn't disappointed XDD

heaps of fun, but doubt ill do it again any time soon lmfaoooo

by GOAT; ; Report

Electr1z

Electr1z's profile picture

I WAS SCARED WHEN I GOT JUMPED BY FOXY (┬┬﹏┬┬)


Report Comment

callisto

callisto's profile picture

THIS IS SO GOOD OMG?????


Report Comment

pocono

pocono's profile picture

this is a piece of art, thank you goat of spacehey 🙏


Report Comment

Goat Gang

Goat Gang's profile picture

whoever added that jumpscare omg i hate them lmaoooo


Report Comment



:3333

by pen.name.nekomara; ; Report

it made me audibly gasp ( ;´ - `;)

by ฅ՞•ﻌ•՞ฅ; ; Report