Aquarium Pixel Club
The perfect pixel club for fish friends!
Welcome, thanks for stopping by to enjoy the fish. Please, feel free to feed the fish and clean the aquarium!
How to Join
Want to see your fish swimming in the aquarium? Here's how:
Draw a pixel art fish — any species, any style. Save it as a GIF or PNG with a transparent background.
Piskel is a great free web-based pixel art tool that allows you to easily make animated GIFs!
There is a default animation, however, your animated GIF will override that if you desire.
Host your fish proudly, somewhere on your website.
Ensure your fish links back to this Aquarium .
Comment on my Neocities profile or drop a message in my chatroom. Include the direct URL of your fish image .
Once added, your fish will swim in the tank above, and slowly grow larger each day! Click any fish to visit its owner.
Please feel welcome to choose from any of the fish templates:
Pike
64x32px
Trout
64x32px
Bass
64x32px
Catfish
64x32px
Any size works. Keep it pixel-art and fish-shaped. It can face left or right. Don't hesitate to get creative!
Or, perhaps, you're more of a Shrimp person? You may kindly donate a shrimp, snail, crawdad etc! Feel free to use a template:
Shrimp
32x32px
Snail
32x32px
Shrimp and whatnot do not link back to any websites or anything like that, and so they are donated strictly for the love of the game. This makes them perfect for anyone without a website, who still love a little pixel art challenge!
Want a neat way to proudly display a fish on your website?
Instructions:
Copy and paste the iframe code below
Set the FISH_IMAGE_URL
Set the FISH_NAME
Ensure the START_DIRECTION is correct so your fish swims the right way.
Enjoy :)!
COPY
<iframe srcdoc="<!DOCTYPE html><html><head><style>body{margin:0;overflow:hidden;background:transparent;}.mini-tank{width:194px;height:94px;border:3px solid #2255aa;border-radius:4px;background:linear-gradient(180deg,#001a2e 0%,#003358 100%);position:relative;overflow:hidden;box-sizing:border-box;}.sand{position:absolute;bottom:0;left:0;width:100%;height:10px;background:#4a3010;z-index:5;}.fish-container{position:absolute;width:48px;height:32px;top:30px;left:0;z-index:4;}.widget-fish{width:100%;height:auto;image-rendering:pixelated;background:transparent;cursor:pointer;display:block;}.fish-tooltip{position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:rgba(0,10,25,0.85);border:1px solid #3388cc;color:#aaeeff;font-family:monospace;font-size:10px;padding:2px 5px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.15s ease-in-out;text-shadow:0 0 3px #0055aa;z-index:10;}.fish-container:hover .fish-tooltip{opacity:1;}.b-bubble{position:absolute;bottom:-10px;border-radius:50%;background:rgba(220,245,255,0.2);border:1px solid rgba(180,235,255,0.25);animation:floatUp 4s infinite linear;z-index:2;pointer-events:none;}@keyframes floatUp{0%{transform:translateY(0) translateX(0);opacity:0;}10%{opacity:0.6;}90%{opacity:0.6;}100%{transform:translateY(-110px) translateX(10px);opacity:0;}}</style></head><body><div class='mini-tank'><div class='b-bubble' style='left:20%;width:4px;height:4px;animation-delay:0s;animation-duration:3.5s;'></div><div class='b-bubble' style='left:50%;width:6px;height:6px;animation-delay:1.5s;animation-duration:4.5s;'></div><div class='b-bubble' style='left:80%;width:3px;height:3px;animation-delay:0.8s;animation-duration:3s;'></div><a href='https://ichomancer.neocities.org/aquarium.html' target='_blank' class='fish-container' id='fishBox'><div class='fish-tooltip' id='nametag'></div><img id='fishy' class='widget-fish' src='' alt='My Adopted Fish'></a><div class='sand'></div></div><script>const FISH_IMAGE_URL='YOUR_FISH_IMAGE_URL_HERE';const START_DIRECTION='RIGHT';const FISH_NAME='YOUR_FISH_NAME_HERE';const fish=document.getElementById('fishy');const fishBox=document.getElementById('fishBox');const nametag=document.getElementById('nametag');fish.src=FISH_IMAGE_URL;nametag.textContent=FISH_NAME;let x=Math.random()*100;let facingRight=(START_DIRECTION.toUpperCase()==='RIGHT');let speed=facingRight?0.6:-0.6;fish.style.transform=facingRight?'scaleX(1)':'scaleX(-1)';setInterval(()=>{x+=speed;if(x > 140 && facingRight){speed=-0.6;facingRight=false;}if(x < 5 && !facingRight){speed=0.6;facingRight=true;}fishBox.style.left=x+'px';fish.style.transform=facingRight?'scaleX(1)':'scaleX(-1)';},30);</script></body></html>" width="200" height="100" style="border:none;background:transparent;overflow:hidden;" scrolling="no"></iframe>
This Pixel club was inspired by The Kitty Friends , The Bunny Garden ,
The Froggy Bog , and The Galactic Alien Space Pixel Clubs.
Feel free to share this aquarium banner as well: