Come one, come all! Welcome to the Kingdom of Goatlings!
This is my shrine to all things goatlings! I played for less than 6 years total but it still holds such a special place in my heart so I wanted to share my love for it.
The image on the left of the Carousel Appearance Doll and below of the Lily of the Valley Appearance Doll were drawn by my friend Lilly! I got her special permission to use her artwork here on my shrine.
During my time on goatlings I had collected all of the Explore Area ADs for Misty Meadows, Enchanted Forest, and Phantom Forest. I collected Bubble Shapes from the Party Store and I had 10mil in my bank.
None of the tabs to the side work yet, I'm still trying to figure that out!
Colour variables + system-respecting dark mode colours, plus variables to easily
change your user icon, user colour, site background, active goat, and even the
site header
Focus elements + skip to content
A mobile friendly layout
Helper classes like .hide-mobile and .hide-desktop to
easily enable/disable mobile-specific and desktop-only things
Random HA buddies on the home page which change on refresh, you can add your own
HA buddy outfits to swap around (the current ones are the ones I used for an MM
submission), you can find them in ha-image-swap.js
I will now show you how to use the most common HTML text elements:
This is bold text.This is also bold text.This is italic text.This is also italic text.This is strikethrough text.This is underlined text.This is an internal link.This is a link that will open in a new tab.This is code (displayed in a monospace font).
This is an abbreviation (Try hovering over it).
This is highlighted text.
This is a line break (The br stands for break.): It's different from a
paragraph because it does not add space inbetween the lines of text.
This is a paragraph. As you can see, there's a bit of space between it and the
previous paragraph.
And this is a divider!
This is a blockquote. Blockquotes are indented text that usually quotes something,
or someone.
Profile Your Name
You could put in custom code here, or remove. This layout isn't catered to have
custom goat profiles, or tabs, sorry. If you're curious in making tabs for your
goats, you could do what I did for the tabs here (I used
W3 School's CSS tab guide).
Username: Status: Joined: Referrals: Location: Forum Posts: Love:
Name Online
1999-01-01 0 Not Goatlings 1 999 (Give Love)
Rob's Tutorial
on exporting your saved HTML pages off actual goatlings, and into Neocities
Do be aware I do not think this is very compatible with this template; my
template is not based off any of Goatling's code, whereas the HTML export is
using Goatling's direct CSS