Creative Cooking Recipe: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> | |||
<a href="https://ohwikiguide.com">Return to Front Page</a> | |||
<br> | <br> | ||
<i>All recipes here are made by Chef</i> | |||
<br> | <br><br> | ||
< | <div style="max-width:900px; margin:0 auto;"> | ||
<style> | |||
< | /* ===== TABS ===== */ | ||
< | .mw-tab-buttons { | ||
display: flex; | |||
< | flex-wrap: wrap; | ||
width: 100%; | |||
< | background: #0b0f14; | ||
border-radius: 10px; | |||
< | padding: 4px; | ||
< | gap: 4px; | ||
''' | } | ||
<br> | .mw-tab-btn { | ||
flex: 1 1 80px; | |||
<br> | text-align: center; | ||
padding: 10px 0; | |||
<br> | font-weight: 600; | ||
color: #cfd6df; | |||
<br> | background: #11161c; | ||
border-radius: 6px; | |||
<br> | cursor: pointer; | ||
} | |||
<br> | .mw-tab-btn.active { | ||
background: linear-gradient(180deg, #1ec8ff, #0ea5e9); | |||
<br> | color: #001018; | ||
} | |||
<br> | /* ===== DROPDOWN UI ===== */ | ||
.dropdown { | |||
<br> | 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-btn active" data-tab="slot1">Drinks</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> | |||
<!-- ================= DRINKS ================= --> | |||
<div id="slot1" class="mw-tab-content active"> | |||
<div class="dropdown"> | |||
<select id="drinksSelect"> | |||
<option value="">Select Drink</option> | |||
<option value="large_boiled_water">Large Boiled Water</option> | |||
<option value="miracle_recovery_milk">Miracle Recovery Milk</option> | |||
</select> | |||
</div> | |||
<div id="drinksOutput" class="output" style="display:none;"></div> | |||
</div> | |||
<!-- ================= FOOD ================= --> | |||
<div id="slot2" class="mw-tab-content"> | |||
<div class="dropdown"> | |||
<select id="foodSelect"> | |||
<option value="">Select Food</option> | |||
<option value="aromatic_fruit_roasted_meat">Aromatic Fruit and Roasted Meat</option> | |||
<option value="exquisite_mixed_vegetable_skewer">Exquisite Mixed Vegetable Skewer</option> | |||
<option value="exquisite_roasted_meat_skewer">Exquisite Roasted Meat Skewer</option> | |||
<option value="exquisite_wild_vegetable_roasted_meat_skewer">Exquisite Wild Vegetable Roasted Meat Skewer</option> | |||
<option value="luxury_all_fish_feast">Luxury All-Fish Feast</option> | |||
<option value="source_of_deviation">Source of Deviation</option> | |||
<option value="supreme_meat_platter">Supreme Meat Platter</option> | |||
<option value="supreme_wild_vegetable_platter">Supreme Wild Vegetable Platter</option> | |||
<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> | |||
<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> | |||
Latest revision as of 14:02, 24 April 2026
Return to Front Page
All recipes here are made by Chef