document.addEventListener("DOMContentLoaded", function(event) { getProjectData("biotama"); }); function getProjectData(project){ const leftImage = document.getElementById("image-left"); const rightImage = document.getElementById("image-right"); const centralImage = document.getElementById("image-central"); const projectContent = document.getElementById("project-content"); projectData = projects[project]; projectContent.innerHTML = projectData.content; const assetPath = "assets/" leftImage.src = assetPath + projectData.images.left.src; leftImage.alt = "altleft"; rightImage.src = assetPath + projectData.images.right.src; centralImage.src = assetPath + projectData.images.central.src; return; } function scrollToProjects(){ const projects = document.getElementsByClassName("shrimp-projects")[0]; projects.scrollIntoView({behavior:"smooth"}); } //todo move projects object into separate file const projects = { "biotama":{ content: `Biotama is a game where players attempt to convert wastelands into thriving ecosystems.
The player starts with a “Mother Tree” which acts as the core component of the player’s ecosystem. Trees grow roots that can connect together, allowing them to communicate and send resources between each other. Mycelial networks function similarly for fungi.
Biotama aims to be educational as well as fun. It will feature real-world species with tooltips showing fun facts about those species. We are consulting with experts in biology where necessary to ensure accuracy to the real world. `, images: { left: {src:"biotama2.png",alt:"alt1"}, right: {src:"biotama3.png",alt:"alt2"}, central: {src:"biotama1.png",alt:"alt3"}, }, }, "htp":{ content: `A game by Shrimp Squad Studios made for the Epic MegaJam! One week to make a game and this is what we made! A game based on the movie Hackers.
Your goal is to hack the Gibson computer and collect the garbage file. Which will then in turn let you HACK THE PLANET!
Try it out!`, images: { left: {src:"htp1.png",alt:""}, right: {src:"htp2.png",alt:""}, central: {src:"htp3.png",alt:""}, }, }, }