Jump to content

Creative Cooking Recipe: Difference between revisions

From Once Human Guide
← Older edit
Bones (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,328 edits
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
<a href="https://ohwikiguide.com">Return to Front Page</a>
<a href="https://ohwikiguide.com">Return to Front Page</a>
<br>
<br>
''All recipes here are made by Chef''
<i>All recipes here are made by Chef</i>
<br>
<br>
<a href="https://ohwikiguide.com/Ingredients">Ingredients List</a>
<br><br>
<br><br>
 
<div style="max-width:900px; margin:0 auto;">
<div style="max-width:420px; margin:0 auto;">
<style>
 
/* ===== TABS ===== */
<!-- TABS -->
.mw-tab-buttons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #0b0f14;
  border-radius: 10px;
  padding: 4px;
  gap: 4px;
}
.mw-tab-btn {
  flex: 1 1 80px;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
  color: #cfd6df;
  background: #11161c;
  border-radius: 6px;
  cursor: pointer;
}
.mw-tab-btn.active {
  background: linear-gradient(180deg, #1ec8ff, #0ea5e9);
  color: #001018;
}
/* ===== DROPDOWN UI ===== */
.dropdown {
  width: 100%;
  margin-top: 10px;
}
.dropdown select {
  width: 100%;
  padding: 10px;
  background: #11161c;
  color: #e6edf3;
  border: 1px solid #1f2a35;
  border-radius: 8px;
  font-size: 14px;
}
/* ===== OUTPUT PANEL ===== */
.output {
  margin-top: 10px;
  background: #0d1319;
  border: 1px solid #1f2a35;
  border-radius: 10px;
  padding: 12px;
}
.output-title {
  font-weight: 700;
  margin-bottom: 8px;
  color: #e6edf3;
}
.output-line {
  font-size: 13px;
  color: #9fb0c3;
  padding: 4px 0;
  border-top: 1px solid #1a222b;
}
.output-line:first-of-type {
  border-top: none;
}
.mw-tab-content {
  display: none;
}
.mw-tab-content.active {
  display: block;
}
</style>
<!-- MAIN TABS -->
<div class="mw-tab-buttons">
<div class="mw-tab-buttons">
   <div class="mw-tab-btn" data-tab="slot1">Drinks</div>
   <div class="mw-tab-btn active" data-tab="slot1">Drinks</div>
   <div class="mw-tab-btn" data-tab="slot2">Food</div>
   <div class="mw-tab-btn" data-tab="slot2">Food</div>
  <div class="mw-tab-btn" data-tab="tab-meat">Meat</div>
  <div class="mw-tab-btn" data-tab="tab-fish">Fish</div>
  <div class="mw-tab-btn" data-tab="tab-crops">Crops</div>
  <div class="mw-tab-btn" data-tab="tab-herbs">Herbs</div>
  <div class="mw-tab-btn" data-tab="tab-fruits">Fruits</div>
  <div class="mw-tab-btn" data-tab="tab-eggs">Eggs</div>
  <div class="mw-tab-btn" data-tab="tab-milk">Milk</div>
  <div class="mw-tab-btn" data-tab="tab-other">Other</div>
</div>
</div>
<!-- ================= DRINKS ================= -->
<!-- ================= DRINKS ================= -->
<div id="slot1" class="mw-tab-content">
<div id="slot1" class="mw-tab-content active">
 
<div class="dropdown">
<div class="mw-dropdown-ui" data-label="Select Drink" data-options='{
<select id="drinksSelect">
"large_boiled_water":{"label":"Large Boiled Water","content":"Provides Hydration while raising Sanity Level<br><br>1-5 Dirty Water or 1-5 Polluted Water<br><br>and<br><br>1-5 Purified Water or 1-5 Boiled Water"},
  <option value="">Select Drink</option>
"miracle_recovery_milk":{"label":"Miracle Recovery Milk","content":"Hydration +80 and HP Recovery<br><br>Ingredients:<br>Pristine Goat Milk<br>Pristine Deer Milk<br>Stardust Deer Milk<br>Sea Water"}
  <option value="large_boiled_water">Large Boiled Water</option>
}'></div>
  <option value="miracle_recovery_milk">Miracle Recovery Milk</option>
 
</select>
</div>
<div id="drinksOutput" class="output" style="display:none;"></div>
</div>
</div>
<!-- ================= FOOD ================= -->
<!-- ================= FOOD ================= -->
<div id="slot2" class="mw-tab-content">
<div id="slot2" class="mw-tab-content">
 
<div class="dropdown">
<div class="mw-dropdown-ui" data-label="Select Food" data-options='{
<select id="foodSelect">
"aromatic_fruit_roasted_meat":{"label":"Aromatic Fruit and Roasted Meat","content":"Effects: Energy +80, Refreshing Platter, and crop ingredient bonus effects +50%, but other ingredient bonus effects -25%<br><br>Ingredients:<br>Pristine Beast Meat<br>Deviated Saffron<br>Crocodile Egg<br>Butter"},
  <option value="">Select Food</option>
"exquisite_mixed_vegetable_skewer":{"label":"Exquisite Mixed Vegetable Skewer","content":"Effects: Energy +80, Fragrant Symphony for 1800 seconds, and all ingredients&#39; bonus effects +25%<br><br>Ingredients:<br>Corn<br>Coneflower<br>Deviated Coneflower<br>Pickled Cucumber"},
  <option value="aromatic_fruit_roasted_meat">Aromatic Fruit and Roasted Meat</option>
"exquisite_roasted_meat_skewer":{"label":"Exquisite Roasted Meat Skewer","content":"Effects: Energy +80, Fragrant Symphony for 1800 seconds, and all ingredients&#39; bonus effects +25%<br><br>Ingredients:<br>Pristine Poultry<br>Pristine Raw Meat<br>Cheese<br>Butter"},
  <option value="exquisite_mixed_vegetable_skewer">Exquisite Mixed Vegetable Skewer</option>
"exquisite_wild_vegetable_roasted_meat_skewer":{"label":"Exquisite Wild Vegetable Roasted Meat Skewer","content":"Effects: Energy +80, Refreshing Aroma for 1,800 seconds, and crop ingredient bonus effects + 40%<br><br>Ingredients:<br>Pristine Pork<br>Fine Turtle Meat<br>Deviated Saffron<br>Butter"},
  <option value="exquisite_roasted_meat_skewer">Exquisite Roasted Meat Skewer</option>
"luxury_all_fish_feast":{"label":"Luxury All-Fish Feast","content":"Effects: Energy +80, Lucky Resonance for 1800 seconds, and all ingredient bonus effects +25%<br><br>Ingredients:<br>Sea Bass<br>Guppy<br>Longnose Gar<br>Angelfish"},
  <option value="exquisite_wild_vegetable_roasted_meat_skewer">Exquisite Wild Vegetable Roasted Meat Skewer</option>
"source_of_deviation":{"label":"Source of Deviation","content":"Effects: Energy +100, Sensory Overdrive for 1800 seconds, and continuously lose large amounts of sanity, but for every 20% sanity lost, Weapon/Status DMG +1% (up to 5%)<br><br>Ingredients:<br>Deviated Cucumber<br>Deviated Saffron<br>Pristine Rabbit Meat<br>Deviated Peppercorn"},
  <option value="luxury_all_fish_feast">Luxury All-Fish Feast</option>
"supreme_meat_platter":{"label":"Supreme Meat Platter","content":"Effects: Energy +100 and Build Smash for 1800 seconds<br><br>Ingredients:<br>Fine Turtle Meat<br>Pristine Crocodile Meat<br>Pristine Beast Meat<br>Pristine Pork"},
  <option value="source_of_deviation">Source of Deviation</option>
"supreme_wild_vegetable_platter":{"label":"Supreme Wild Vegetable Platter","content":"Effects: Energy +100, Great One Conquest for 1800 seconds, and DMG against Great Ones +4%<br><br>Ingredients:<br>Deviated Scarlet Calamus<br>Deviated Saffron<br>Deviated Coneflower<br>Deviated Sage"},
  <option value="supreme_meat_platter">Supreme Meat Platter</option>
"ultraman":{"label":"Ultraman","content":"Effects: Energy +100, Abnormal Territory for 1800 seconds, and DMG to normal enemies and Elites +6%<br><br>Ingredients:<br>Crocodile Egg<br>Bird Egg<br>Deviated Bird Egg<br>Roe"}
  <option value="supreme_wild_vegetable_platter">Supreme Wild Vegetable Platter</option>
}'></div>
  <option value="ultraman">Ultraman</option>
 
</select>
</div>
<div id="foodOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= MEAT ================= -->
<div id="tab-meat" class="mw-tab-content">
<div class="dropdown">
<select id="meatSelect">
  <option value="">Select Meat</option>
  <option value="deer">Deer Meat</option>
  <option value="beast">Beast Meat</option>
  <option value="pork">Pork Meat</option>
  <option value="rabbit">Rabbit Meat</option>
  <option value="goat">Goat Meat</option>
  <option value="bear">Bear Meat</option>
  <option value="raw">Raw Meat</option>
  <option value="croc">Crocodile Meat</option>
  <option value="snap_turtle">Snapping Turtle Meat</option>
  <option value="poultry">Poultry Meat</option>
  <option value="turtle">Turtle Meat</option>
  <option value="beef">Beef</option>
</select>
</div>
<div id="meatOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= FISH ================= -->
<div id="tab-fish" class="mw-tab-content">
<div class="dropdown">
<select id="fishSelect">
  <option value="">Select Fish</option>
  <option value="sunfish">Sunfish</option>
  <option value="carp">Carp</option>
  <option value="tilapia">Tilapia</option>
  <option value="arowana">Arowana</option>
  <option value="pompano">Pompano</option>
  <option value="koi">Koi Carp</option>
  <option value="salmon">Salmon</option>
  <option value="mackerel">Mackerel</option>
  <option value="guppy">Guppy</option>
  <option value="shellfish">Shellfish</option>
</select>
</div>
<div id="fishOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= CROPS ================= -->
<div id="tab-crops" class="mw-tab-content">
<div class="dropdown">
<select id="cropsSelect">
  <option value="">Select Crop</option>
  <option value="blueberry">Blueberry</option>
  <option value="orange">Orange</option>
  <option value="wheat">Wheat</option>
  <option value="pumpkin">Pumpkin</option>
  <option value="mushroom">Mushroom</option>
  <option value="corn">Corn</option>
  <option value="cabbage">Cabbage</option>
</select>
</div>
<div id="cropsOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= HERBS ================= -->
<div id="tab-herbs" class="mw-tab-content">
<div class="dropdown">
<select id="herbsSelect">
  <option value="">Select Herb</option>
  <option value="coneflower">Coneflower</option>
  <option value="bellflower">Bellflower</option>
  <option value="sage">Sage</option>
  <option value="mint">Mint</option>
</select>
</div>
<div id="herbsOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= FRUITS ================= -->
<div id="tab-fruits" class="mw-tab-content">
<div class="dropdown">
<select id="fruitsSelect">
  <option value="">Select Fruit</option>
  <option value="banana">Banana</option>
  <option value="apple">Apple</option>
  <option value="coconut">Coconut</option>
  <option value="tomato">Tomato</option>
</select>
</div>
<div id="fruitsOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= EGGS ================= -->
<div id="tab-eggs" class="mw-tab-content">
<div class="dropdown">
<select id="eggsSelect">
  <option value="">Select Egg</option>
  <option value="croc_egg">Crocodile Egg</option>
  <option value="turtle_egg">Turtle Egg</option>
  <option value="bird_egg">Bird Egg</option>
  <option value="pristine_egg">Pristine Egg</option>
</select>
</div>
<div id="eggsOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= MILK ================= -->
<div id="tab-milk" class="mw-tab-content">
<div class="dropdown">
<select id="milkSelect">
  <option value="">Select Milk</option>
  <option value="milk">Milk</option>
  <option value="goat_milk">Goat Milk</option>
  <option value="pristine_cow">Pristine Cow Milk</option>
  <option value="stardust_cow">Stardust Cow Milk</option>
</select>
</div>
<div id="milkOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= OTHER ================= -->
<div id="tab-other" class="mw-tab-content">
<div class="dropdown">
<select id="otherSelect">
  <option value="">Select Item</option>
  <option value="honey">Honey</option>
  <option value="salt">Salt</option>
  <option value="sugar">Sugar</option>
  <option value="peanut">Peanut</option>
  <option value="butter">Butter</option>
</select>
</div>
<div id="otherOutput" class="output" style="display:none;"></div>
</div>
</div>
</div>
</div>
 
<script>
/* TAB SYSTEM */
document.querySelectorAll('.mw-tab-btn').forEach(btn => {
  btn.onclick = () => {
    document.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active'));
    document.querySelectorAll('.mw-tab-content').forEach(c => c.classList.remove('active'));
    btn.classList.add('active');
    document.getElementById(btn.dataset.tab).classList.add('active');
  };
});
/* DATA */
const drinksData = {
  large_boiled_water: {
    title: "Large Boiled Water",
    lines: [
      "Provides Hydration while raising Sanity Level",
      "1-5 Dirty Water or 1-5 Polluted Water",
      "and",
      "1-5 Purified Water or 1-5 Boiled Water"
    ]
  },
  miracle_recovery_milk: {
    title: "Miracle Recovery Milk",
    lines: [
      "Hydration +80 and HP Recovery",
      "Ingredients:<br>Pristine Goat Milk<br>Pristine Deer Milk<br>Stardust Deer Milk<br>Sea Water"
    ]
  }
};
const foodData = {
  aromatic_fruit_roasted_meat: {
    title: "Aromatic Fruit and Roasted Meat",
    lines: [
      "Effects: Energy +80, Refreshing Platter, and crop ingredient bonus effects +50%, but other ingredient bonus effects -25%",
      "Ingredients:<br>Pristine Beast Meat<br>Deviated Saffron<br>Crocodile Egg<br>Butter"
    ]
  },
  exquisite_mixed_vegetable_skewer: {
    title: "Exquisite Mixed Vegetable Skewer",
    lines: [
      "Effects: Energy +80, Fragrant Symphony for 1800 seconds, and all ingredients' bonus effects +25%",
      "Ingredients:<br>Corn<br>Coneflower<br>Deviated Coneflower<br>Pickled Cucumber"
    ]
  },
  exquisite_roasted_meat_skewer: {
    title: "Exquisite Roasted Meat Skewer",
    lines: [
      "Effects: Energy +80, Fragrant Symphony for 1800 seconds, and all ingredients' bonus effects +25%",
      "Ingredients:<br>Pristine Poultry<br>Pristine Raw Meat<br>Cheese<br>Butter"
    ]
  },
  exquisite_wild_vegetable_roasted_meat_skewer: {
    title: "Exquisite Wild Vegetable Roasted Meat Skewer",
    lines: [
      "Effects: Energy +80, Refreshing Aroma for 1,800 seconds, and crop ingredient bonus effects +40%",
      "Ingredients:<br>Pristine Pork<br>Fine Turtle Meat<br>Deviated Saffron<br>Butter"
    ]
  },
  luxury_all_fish_feast: {
    title: "Luxury All-Fish Feast",
    lines: [
      "Effects: Energy +80, Lucky Resonance for 1800 seconds, and all ingredient bonus effects +25%",
      "Ingredients:<br>Sea Bass<br>Guppy<br>Longnose Gar<br>Angelfish"
    ]
  },
  source_of_deviation: {
    title: "Source of Deviation",
    lines: [
      "Effects: Energy +100, Sensory Overdrive for 1800 seconds, and continuously lose large amounts of sanity, but for every 20% sanity lost, Weapon/Status DMG +1% (up to 5%)",
      "Ingredients:<br>Deviated Cucumber<br>Deviated Saffron<br>Pristine Rabbit Meat<br>Deviated Peppercorn"
    ]
  },
  supreme_meat_platter: {
    title: "Supreme Meat Platter",
    lines: [
      "Effects: Energy +100 and Build Smash for 1800 seconds",
      "Ingredients:<br>Fine Turtle Meat<br>Pristine Crocodile Meat<br>Pristine Beast Meat<br>Pristine Pork"
    ]
  },
  supreme_wild_vegetable_platter: {
    title: "Supreme Wild Vegetable Platter",
    lines: [
      "Effects: Energy +100, Great One Conquest for 1800 seconds, and DMG against Great Ones +4%",
      "Ingredients:<br>Deviated Scarlet Calamus<br>Deviated Saffron<br>Deviated Coneflower<br>Deviated Sage"
    ]
  },
  ultraman: {
    title: "Ultraman",
    lines: [
      "Effects: Energy +100, Abnormal Territory for 1800 seconds, and DMG to normal enemies and Elites +6%",
      "Ingredients:<br>Crocodile Egg<br>Bird Egg<br>Deviated Bird Egg<br>Roe"
    ]
  }
};
const meatData = {
  deer: { title: "Deer Meat", lines: ["2% DMG vs Targets affected by Bullseye"] },
  beast: { title: "Beast Meat", lines: ["2% Melee DMG"] },
  pork: { title: "Pork Meat", lines: ["2% Unstable Bomber DMG"] },
  rabbit: { title: "Rabbit Meat", lines: ["2% Attack while in Fast Gunner state"] },
  goat: { title: "Goat Meat", lines: ["2% Burn DMG"] },
  bear: { title: "Bear Meat", lines: ["2% Shrapnel DMG"] },
  raw: { title: "Raw Meat", lines: ["N/A"] },
  croc: { title: "Crocodile Meat", lines: ["N/A"] },
  snap_turtle: { title: "Snapping Turtle Meat", lines: ["2% Melee DMG"] },
  poultry: { title: "Poultry Meat", lines: ["2% Bounce DMG"] },
  turtle: { title: "Turtle Meat", lines: ["2% DMG while in Fortress Warfare state"] },
  beef: { title: "Beef", lines: ["2% Frost Vortex DMG"] }
};
const fishData = {
  sunfish: { title: "Sunfish", lines: ["5% Crit DMG vs deviated targets"] },
  carp: { title: "Carp", lines: ["5% Crit DMG vs deviated targets"] },
  tilapia: { title: "Tilapia", lines: ["5% Weakspot DMG vs deviated targets"] },
  arowana: { title: "Arowana", lines: ["5% Weakspot DMG vs deviated targets"] },
  pompano: { title: "Pompano", lines: ["5% Crit DMG"] },
  koi: { title: "Koi Carp", lines: ["5% Crit DMG"] },
  salmon: { title: "Salmon", lines: ["3% Crit DMG vs Bullseye"] },
  mackerel: { title: "Mackerel", lines: ["3% Weakspot DMG vs Frost Vortex"] },
  guppy: { title: "Guppy", lines: ["3% Weakspot DMG vs Power Surge"] },
  shellfish: { title: "Shellfish", lines: ["N/A"] }
};
const cropsData = {
  blueberry: { title: "Blueberry", lines: ["Energy Depletion Rate -10%"] },
  orange: { title: "Orange", lines: ["Energy Depletion Rate -10%"] },
  wheat: { title: "Wheat", lines: ["Plant yield +20% if deviated, -50% non-crop duration"] },
  pumpkin: { title: "Pumpkin", lines: ["HP regen out of combat if deviated, -50% duration"] },
  mushroom: { title: "Mushroom", lines: ["Sanity regen out of combat if deviated, -50% duration"] },
  corn: { title: "Corn", lines: ["Stamina cost -30%, -50% duration"] },
  cabbage: { title: "Cabbage", lines: ["Logging/mining yield +50%, -50% duration"] }
};
const herbsData = {
  coneflower: { title: "Coneflower", lines: ["Glide speed +3% / 5%, -20% duration"] },
  bellflower: { title: "Bellflower", lines: ["Sprint speed +3% / 5%, -20% duration"] },
  sage: { title: "Sage", lines: ["Movement speed +3% / 5%, -20% duration"] },
  mint: { title: "Mint", lines: ["Heat resist +5 / 10, cures Heatstroke"] }
};
const fruitsData = {
  banana: { title: "Banana", lines: ["Max Stamina +5"] },
  apple: { title: "Apple", lines: ["Gathering stamina cost -10%"] },
  coconut: { title: "Coconut", lines: ["Stamina recovery +5%"] },
  tomato: { title: "Tomato", lines: ["Deviation bonus, may cause digestive discomfort"] }
};
const eggsData = {
  croc_egg: { title: "Crocodile Egg", lines: ["Shock DMG +4%"] },
  turtle_egg: { title: "Turtle Egg", lines: ["Elemental DMG taken -3%"] },
  bird_egg: { title: "Bird Egg", lines: ["Blaze DMG +4%"] },
  pristine_egg: { title: "Pristine Egg", lines: ["Elemental DMG +4%"] }
};
const milkData = {
  milk: { title: "Milk", lines: ["Max HP increase, -10% durability"] },
  goat_milk: { title: "Goat Milk", lines: ["Sanity regen, -10% durability"] },
  pristine_cow: { title: "Pristine Cow Milk", lines: ["Sanity regen, -50% durability"] },
  stardust_cow: { title: "Stardust Cow Milk", lines: ["Fast sanity regen, -90% durability"] }
};
const otherData = {
  honey: { title: "Honey", lines: ["Sanity regen"] },
  salt: { title: "Salt", lines: ["Dish durability +20%"] },
  sugar: { title: "Sugar", lines: ["Energy recovery +20%"] },
  peanut: { title: "Peanut", lines: ["Meat bonus +50%"] },
  butter: { title: "Butter", lines: ["+30% dish magnitude, -50% non-meat effects"] }
};
/* DROPDOWN LOGIC */
function bindDropdown(selectId, outputId, data) {
  document.getElementById(selectId).onchange = function () {
    const val = this.value;
    const output = document.getElementById(outputId);
    if (!val) {
      output.style.display = "none";
      return;
    }
    const item = data[val];
    output.innerHTML =
      `<div class="output-title">${item.title}</div>` +
      item.lines.map(line => `<div class="output-line">${line}</div>`).join("");
    output.style.display = "block";
  };
}
bindDropdown("drinksSelect", "drinksOutput", drinksData);
bindDropdown("foodSelect", "foodOutput", foodData);
bindDropdown("meatSelect", "meatOutput", meatData);
bindDropdown("fishSelect", "fishOutput", fishData);
bindDropdown("cropsSelect", "cropsOutput", cropsData);
bindDropdown("herbsSelect", "herbsOutput", herbsData);
bindDropdown("fruitsSelect", "fruitsOutput", fruitsData);
bindDropdown("eggsSelect", "eggsOutput", eggsData);
bindDropdown("milkSelect", "milkOutput", milkData);
bindDropdown("otherSelect", "otherOutput", otherData);
</script>
</html>
</html>

Latest revision as of 14:02, 24 April 2026

Return to Front Page
All recipes here are made by Chef

Drinks
Food
Meat
Fish
Crops
Herbs
Fruits
Eggs
Milk
Other

Retrieved from "https://ohwikiguide.com/index.php?title=Creative_Cooking_Recipe&oldid=1174"