neocities neighbors!

andnow ☆ antiquechair ☆ ari-gomez☆ audreywasadiver ☆ backstage☆ bisha ☆ brookesteele ☆ bryngmealong ☆ buggabooforfun☆ caesar ☆ cyberfrog☆ dasheycave☆ devs-house☆ deadartistwalking☆ flywoodpaper☆ free-butterfly ☆ funnyorangecat-dotcom ☆ itsonlyjoey☆ izabellaofcastile☆ lolabee☆ mism4tchedsocks☆ ninjaweb ☆ rexsketch☆ rubbergarage ☆ showmelove ☆ spiders☆ spacemountainland ☆ the-bat-house☆ totallynotazombie☆ twit ☆ ultraloveheaven☆ wolf-and-ghostling☆ my "brother"☆ also

graphics sources

favicon: https://peanutbuttaz.neocities.org/art2/amongus.png → me
index
https://peanutbuttaz.neocities.org/graphics2/flower2.png → tumblr
https://peanutbuttaz.neocities.org/art2/cd.png → google
https://peanutbuttaz.neocities.org/graphics2/trolls.png → tumblr
https://peanutbuttaz.neocities.org/graphics2/wizard.webp → tumblr
https://peanutbuttaz.neocities.org/graphics2/TransgenderPrideFlag.gif → gifcities
https://peanutbuttaz.neocities.org/art2/neocities.png → me
https://peanutbuttaz.neocities.org/graphics2/book.gif → gifcities
about
https://peanutbuttaz.neocities.org/art2/furry.png → me
https://peanutbuttaz.neocities.org/graphics2/worm1.gif → not sure
https://peanutbuttaz.neocities.org/graphics2/worm3.gif → gifcities
background: https://peanutbuttaz.neocities.org/graphics1/arcade2.jpg → tumblr
arnold
favicon: https://peanutbuttaz.neocities.org/art2/arnold.png → my homie
https://peanutbuttaz.neocities.org/art2/arnold3.png → me
https://peanutbuttaz.neocities.org/art2/arnold2.png → me
https://peanutbuttaz.neocities.org/art2/arnold1.png → me
https://peanutbuttaz.neocities.org/art2/arnold.gif → me (via cooltext)
https://peanutbuttaz.neocities.org/graphics2/rainbow1.gif → not sure
https://peanutbuttaz.neocities.org/graphics2/smile1.gif → not sure
https://peanutbuttaz.neocities.org/graphics2/i-love-you.gif → gifcities
https://peanutbuttaz.neocities.org/graphics2/pizza.png → tumblr
background: https://peanutbuttaz.neocities.org/graphics1/crayons.jpg → internet bee
trevorzone
background/border/favicon https://peanutbuttaz.neocities.org/graphics1/trevor.jpg → tumblr (but this picture is much older)
https://peanutbuttaz.neocities.org/art2/frankie-will-give-you-the-action.png → me (via cooltext)
https://peanutbuttaz.neocities.org/art2/trevor.gif → me (via 3d gif maker)
https://peanutbuttaz.neocities.org/art2/trevor1.png → me
https://peanutbuttaz.neocities.org/stamps/trevor.png → me
cursor: https://peanutbuttaz.neocities.org/art2/trevor2.png → me
dino
background: https://peanutbuttaz.neocities.org/graphics1/clouds.jpg →not sure
favicon: https://peanutbuttaz.neocities.org/art2/music.png → me
collections
https://peanutbuttaz.neocities.org/graphics2/demon.gif → gifcities
https://peanutbuttaz.neocities.org/graphics1/sparkles.jpg → tumblr
buttercup
everything is by me
music
https://peanutbuttaz.neocities.org/art2/shelf.png → google
https://peanutbuttaz.neocities.org/art1/this-is-pop.gif → me (via ez gif)
album images are from google
buttons
everything is by me
clothes
everything is by me
stamps
background: https://peanutbuttaz.neocities.org/graphics1/sort-sort-i-love-to-arbitrarily-sort.jpg →catcrumb on tumblr
stamps come from so many places sorry
art
everything is by me
blog
https://peanutbuttaz.neocities.org/graphics1/candy2.png → not sure
links
https://peanutbuttaz.neocities.org/graphics2/clown.gif → neil cicerega
buttons are linked to websites
not found
https://peanutbuttaz.neocities.org/art1/not-found.png → me

code sources

unfortunatley nearly all this code comes from other personal websites, meaning that the original source would be quite difficult to find. ill add them as i find them index
font: amsterdam graffiti (via fontcity)
<link rel="stylesheet" href="https://fontcity.neocities.org/amsterdamgraffiti.css?family=amsterdam+graffiti"> <style> font-family:amsterdam graffiti; </style>
I DID NOT MAKE THIS spinning image
<style> } @keyframes spinning { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } .spin { animation-name: spinning; animation-duration: 100s; animation-iteration-count: infinite; /* linear | ease | ease-in | ease-out | ease-in-out */ animation-timing-function: linear; } </style> <img src="image.jpg" style="position:absolute;top:20px;left:200px" class="spin">
I DID NOT MAKE THIS curved text
<style> } path { fill: transparent; } text { fill: black; } </style> <div style=" height: 1px; width:500px; position: absolute; top:70px; left:220px; font-family:times new roman; font-size:44px"> <svg viewBox="0 0 500 500"> <path id="curve" d=" M73.2, 148.6c4-6.1, 65.5-96.8, 178.6-95.6c111.3, 1.2, 170.8, 90.3, 175.1, 97" /> <text width="500"> <textPath xlink:href="#curve"> text </textPath> </text> </svg> </div>
I DID NOT MAKE THIS music player
<audio id="player" src="music.mp3"></audio> <div> <button onclick="document.getElementById('player').play()">Play</button> <button onclick="document.getElementById('player').pause()">Pause</button> <button onclick="document.getElementById('player').volume += 0.1">Vol +</button> <button onclick="document.getElementById('player').volume -= 0.1">Vol -</button> </div>
I DID NOT MAKE THIS rotate image 180
<style> } img#img1 { transform: scaleX(-1); } </style> <img src="image.jpg" id="img1">
sparkles: mf2fm tinker bell
about
-
arnold
-
trevorzone
I DID NOT MAKE THIS cursor
<style> body { cursor: url('image.jpg'),auto; } </style> this image needs to be very small
I DID NOT MAKE THIS border
<style> #borderimg1 { border: 50px solid transparent; padding: 15px; border-image: url('image.jpg') 50 round; } </style> <div id="borderimg1">
sparkles: mf2fm tinker bell
dino
text: mf2fm rainbow glow
collections
-
music
I DID NOT MAKE THIS record collection
<style> } #vinyl-gallery * { all:unset; } #vinyl-gallery { all:initial; width:500px; height:0px; margin:70px; display:flex; flex-direction: row; position:absolute; top:200px; left:100px } #vinyl-gallery .vinyl { perspective: 80px !important; width:30px; transition: width 0.4s; } #vinyl-gallery .vinyl:hover { width:180px; } #vinyl-gallery img { transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s; width:150px; height:150px; transform: rotateX(10deg) rotateY(10deg); transform-style: preserve-0d; border-radius:0px; border:none; } #vinyl-gallery .vinyl:hover img { transform: rotateX(10deg) rotateY(10deg); width:180px; height:190px; margin-top:-2px; } #vinyl-gallery .title { display:block; visibility:hidden; position:absolute; bottom:10px; text-align:center; width:100%; padding:0px; font-family:comic sans ms; } #vinyl-gallery .vinyl:nth-child(n):hover + .title { visibility:visible; } </style> <div id="vinyl-gallery"> <div class="vinyl"> <img src="album-cover.jpg"></div> <div class="title">title</div> </div>
I DID NOT MAKE THIS cool button
<script> function show_image(src, width, height, alt) { var img = document.createElement("img"); img.src = src; img.width = width; img.height = height; img.alt = alt; // set the position img.style.position = 'absolute'; img.style.top = document.body.clientHeight * Math.random() + 'px'; img.style.left = document.body.clientWidth * Math.random() + 'px'; document.body.appendChild(img); } document.getElementById('foo').addEventListener('click', () => show_image("https://peanutbuttaz.neocities.org/graphics2/Butterfly.gif", 200, 300, 'foo') ); </script> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script> <script> function pic() { var bgm = ['']; $('body').css({ 'background' : 'url('+ bgm[Math.floor(Math.random() * bgm.length)] + ') no-repeat', }); } pic(); </script> <button id="foo"> <img src="image.jpg"> </button>
buttons
-
clothes
drag and drop script
stamps
-
buttercup
-
art
-
blog
-
links
-
not found
I DID NOT MAKE THIS go back!
<a href="javascript:history.back()">go back</a>

special thanks

Neocities for graciously hosting my website
W3schools for teaching me all the html factzzz
realtimehtmlfor not being blocked on goguardian
Imagecolorpicker for always being there for me
image-color-picker for being less annoying
147colorsfor making it all so easy
Pollcode for hosting my dumb polls
Boatloadpuzzles for everything
123guestbook for giving me an ego and then blocking me for failing the captcha
atabookfor filling in some pretty big shoes
free website hit counter for...
gifcities for being really really really cool
dither itfor guess what ditherring it
clippyfor being fun to play with
jspaintfor being my life force
my mom

link this website