Planet Zoo Helper

Changelog

➤ 2025-10-27 Update

• Added animals from the Barnyard, Zookeepers, Americas and Asia packs (+2024 anniversary animal and a bonus free animal).


➤ 2025-10-19 Update

• Added animals from the Tropical, Arid, Oceania and Eurasia packs (+2023 anniversary animal).


➤ 2025-10-16 Update

• Added animals from the Wetlands, Conservation, Twilight and Grasslands packs (+2022 anniversary animal).
• Animal food names will only display on smaller screens when you hover/click on them.


➤ 2025-10-10 Update

• Added animals from the Southeast Asia, Africa, North America and Europe packs (+2021 anniversary animal).
• Animal cards will no longer display minimum areas that are equal to zero.
• Food costs in animal cards will now display the first 2 decimals.
• Changed all mentions of 'Alpha Couple' to 'Alpha Pair'.
• Fixed the swimming filter so it would stop showing animals that don't have the filter values (exhibit animals).
• Made some corrections to animal data.
• Made some minor CSS corrections.


➤ 2025-10-08 Update

• Added animals from the Arctic, South America, Australia and Aquatic packs.
• Made some CSS corrections for the animal cards, DLC select menu and animal select menu.
• Made some text corrections/changes in HTML.


➤ 2025-10-05 Website is live now!

• Set up the domain planetzoohelper.com.
• Made some minor css and html corrections.
• Added the Deluxe Upgrade Pack animals.
• Added button to sort animals by life expectancy in Zoopedia.


➤ 2025-08-01 Project Started!

• Created HTML files for "Index", "Zoopedia", "Calculator", "Planner", "Changelog" and "About".
• Created "styles" folder and in it - the CSS file "global.css" for global styles.
• Working on the home page first ("Planet Zoo Helper") as a base for the rest of the site.
• Created the structure for changelog entries.
• Linked the normalize stylesheet for cross-browser consistency.
• Linked the global.css file.
• Linked the Eagle font from cdnfonts.com to almost match the PZ font.
• Linked the Noto Sans font from Google fonts, inspired by the official Planet Zoo website.
• Added the favicon with the PZ logo in the folder "images".
• Added CSS variables for fonts and colors in global.css (font heading/content and color main/menu/text).
• Added font details to HTML in CSS and set the details regarding the background and the background image.
• Added styles for body, main, header, navbar and footer.
• Created a navbar menu for the HTML pages.
• Changed styles for @media portrait to be responsive on mobile and tablets.
• Created interface.js file to create the menu buttons for the responsive portrait version
• Copied HTML structure from index.html to the rest of the HTML files.
• Created filters.js and defined several constants.
• Created animals.js and a template for animal data containing filterable values, social and lifecycle data and habitat requirements.
• Added the first 50 habitat animals that came with the base game.
• Created divs and ids for Zoopedia filters in HTML (type, DLC, status, continents, biomes, data inputs and booleans).
• Styled all the different filter sections in CSS.
• Created the reRender function to render all the animals on zoopedia.html.
• Added an event listener to call the reRender function when the DOM is loaded.
• Created the functions to filter the animals based on the filter divs created previously in HTML.
• Styled the Habitat Calculator page with the animal selection and habitat requirements sections.
• Populated the animal selection dropdown with all the animals from animals.js
• The "Add" button adds the animal selected from the dropdown menu.
• For now this will add the animal name, an icon (default Aardvark for now), then male, female and juvenile icons.
• Added a remove button for the added animals.
• Added a red text alert for when the selected animal is already added or the user clicks the default "-Select an animal-" option.
• Adding any animal will now generate habitat requirements.
• Continents and Biomes will generate icons that match all the added animals, if there are none it will say "No Match" in red.
• The barrier div will generate the highest barrier grade and height requirement and if any animal can climb, it will say "Climb Proof".
• Temperature, plant coverage and terrain types will generate the min/max % requirements that match all the added animals, for none, it will say "No Match".
• Minimum area for land, climbing, water and deep water will be generated based off animal inputs.
• Special notes and warnings will appear depending on what is added.
• Added icons for every base game animal species.
• Created DLC filtering dropdown menu.
• Added Species Appeal values and sorting button in filters.
• Added Food Grades and Costs calculations and sorting button in filters.
• Added Alphabetical Sorting A-Z and Z-A.
• Added class, order, family and genus data to animals.js
• Added filtering by taxonomy (class, order, family, genus) with hierarchical updating of options.
• Added Wiki and Fandom links to animals.js
• Added a Reset Filters button to reset all filters to default.
• Created and styled the animals popup modal template.
• Created the function to open the modal by clicking on an animal image or icon and populating it with the correct animal data.
• Added the DLC selection dropdown and created a button to "Plan a Habitat" in Planner.html.
• Took the template from calculator.html, made some changes and added it to planner.html
• Added buttons to Save, Cancel, Edit and Delete a habitat plan.
• Added the function to create "Habitat Plans" by clicking the "Plan a Habitat" button in calculator.js
• Added the Species Appeal and Attitude/Relation with Humans values for when an animal is added to a habitat plan.
• Added the 23 exhibit animals that came with the base game.
• Wrote the 'About' page.
• Wrote an introduction and explanation of the site features on the home page.