goatlings images archives
enigmaeveryman's ha buddy maker
Web site created using create-react-app
abyssmage's goat profile maker
surfinthehighway's page capture archive
how to back up your profiles & goats to neocities
DISCLAIMERS: all images will break once goatlings is down. you will need to manually replace them all using the links above. tabs will also not work using this method. the only way to make them is to rewrite the code yourself using this w3schools article. you will also have to manually add each goat to your profile yourself :')
index.html is your main page file and will be on your dashboard by default. you can copy your profile into there
right click and click "view page source" to open the source code. copy and paste the source code into your index.html file
to make a goat page, create a new file and name it GOATNAMEHERE.html. you can name your pages whatever you want, but they NEED to end in .html to work. repeat steps 1 & 2 but paste it into your goat's .html file instead
css will also break once goatlings shuts down. make a new file on your dashboard called style.css. copy this page and paste it into that style.css file. you will need to go through each of your files and ctrl+f to find and replace https://www.goatlings.com/styles/main.css with https://YOURNEOCITIESUSERNAME.neocities.org/style.css
the green background image will break no matter what. you can fix this by downloading it here, uploading it to your dashboard, and then going into your style.css file and replacing ../images/layout/greenbg.gif with https://YOURNEOCITIESUSERNAME.neocities.org/greenbg.gif. any other images that break prematurely like this can be fixed by downloading, uploading, and replacing in the same way
PLEASE MESSAGE ME ON DISCORD (@/neocities.org yes that is my actual discord username) IF YOU HAVE QUESTIONS OR ISSUES. i want to help!
for intermediate coders: how to add functional tabs & goats to your profile
my codepen: https://codepen.io/magpierrot/pen/myPNdXV the w3schools page i used to make my tabs: https://www.w3schools.com/howto/howto_js_ta
i can only do so much to explain how i did it without having you rewrite the entire code yourself. i used this in my from-scratch profile (under the cut), so it may not be entirely compatible with goatlings' preexisting code. i hope its helpful regardless
