Jump to content

Main Page: Difference between revisions

From Once Human Guide
← Older editNewer edit →
Bones (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,328 edits
No edit summary
No edit summary
Tag: Reverted
Line 1: Line 1:
{| class="navtable" cellspacing="20" cellpadding="12" style="width:100%; table-layout:fixed; border-spacing:20px; border-collapse:separate;"
<html>
|-
<a href="https://ohwikiguide.com">Return to Front Page</a>
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
<br>
<div class="navicon navicon--row1" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:Patch Notes.jpg|x150px|link=https://ohwikiguide.com/Patch_Notes|class=navimg]]</div>
<div style="text-align: center; font-size: 150%;">
<div class="navlabel">'''Patch Notes'''</div>
<b>How to get specific Mods you are looking for</b>
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
</div>
<div class="navicon navicon--row1" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:OH Map.png|x150px|link=https://ohwikiguide.com/Outpost|class=navimg]]</div>
<br>
<div class="navlabel">'''Outpost'''</div>
<i>Step 1:</i> <b>Go to Redemption Shop (F3 on PC)</b>
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
<br>
<div class="navicon navicon--row1" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:OH Map.png|x150px|link=https://ohwikiguide.com/Settlements|class=navimg]]</div>
<i>Step 2:</i> <b>Click Mod Shop</b>
<div class="navlabel">'''Settlements'''</div>
<br>
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
<i>Step 3:</i> <b>Click Credit Card Icon</b>
<div class="navicon navicon--row1" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:Technological Bench.png|x150px|link=https://ohwikiguide.com/Technological_Bench|class=navimg]]</div>
<br>
<div class="navlabel navlabel--tight">'''Technological Bench'''</div>
<i>Step 4:</i> <b>Buy Mod Selection Crate</b>
|-
<br>
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
<i>Step 5:</i> <b>Open from Backpack &rarr; Consumables</b>
<div class="navicon navicon--row2" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:Becca.png|x150px|link=https://ohwikiguide.com/Deviation_Main_Page|class=navimg]]</div>
<br>
<div class="navlabel navlabel--tight">'''Deviations'''</div>
<i>Step 6:</i> <b>Pick your mod</b>
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
<br>
<div class="navicon navicon--row2" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:Traits.png|x150px|link=https://ohwikiguide.com/Deviation_Trait_Page|class=navimg]]</div>
<i>Step 7:</i> <b>If wanting Mask, Pick Keyword Suffix Mod Selection Crate&gt;Keyword</b>
<div class="navlabel navlabel--tight">'''Traits'''</div>
<br><br>
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
<div style="max-width:900px; margin:0 auto;">
<div class="navicon navicon--row2" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:Loadouts.png|x150px|link=https://ohwikiguide.com/Load_Out_Page|class=navimg]]</div>
<style>
<div class="navlabel">'''Load Outs'''</div>
/* ===== TABS ===== */
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
.mw-tab-buttons {
<div class="navicon navicon--row2" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:Mods.png|x150px|link=https://ohwikiguide.com/Mods|class=navimg]]</div>
  display: flex;
<div class="navlabel">'''Mods'''</div>
  flex-wrap: wrap;
|-
  width: 100%;
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
  background: #0b0f14;
<div class="navicon navicon--row3" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:Cooking.png|x150px|link=https://ohwikiguide.com/Creative_Cooking_Recipe|class=navimg]]</div>
  border-radius: 10px;
<div class="navlabel navlabel--tight">'''Creative Cooking'''</div>
  padding: 4px;
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
  gap: 4px;
<div class="navicon navicon--row3" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:Gardener.jpg|x150px|link=https://ohwikiguide.com/Gardener_Glass|class=navimg]]</div>
  margin-top: 8px;
<div class="navlabel navlabel--tight">'''Gardener'''</div>
}
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |
.mw-tab-btn {
<div class="navicon navicon--row3" style="height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;">[[File:Thank You.png|x150px|link=https://ohwikiguide.com/Thank_You|class=navimg]]</div>
  flex: 1 1 80px;
<div class="navlabel navlabel--tight">'''Thank You'''</div>
  text-align: center;
| class="navcell" style="width:25%; vertical-align:top; padding:12px;" |&nbsp;
  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;
}
.empty-note {
  margin-top: 10px;
  padding: 12px;
  background: #0d1319;
  border: 1px solid #1f2a35;
  border-radius: 10px;
  color: #9fb0c3;
  font-size: 13px;
  text-align: center;
}
</style>
<!-- MAIN TABS -->
<div class="mw-tab-buttons" style="flex-wrap:nowrap; overflow-x:auto;">
  <div class="mw-tab-btn active" data-tab="weapon">Weapon</div>
  <div class="mw-tab-btn" data-tab="helmet">Helmet</div>
  <div class="mw-tab-btn" data-tab="top">Top</div>
  <div class="mw-tab-btn" data-tab="bottoms">Bottoms</div>
  <div class="mw-tab-btn" data-tab="shoes">Shoes</div>
  <div class="mw-tab-btn" data-tab="gloves">Gloves</div>
  <div class="mw-tab-btn" data-tab="mask">Mask</div>
</div>
<!-- ================= WEAPON ================= -->
<div id="weapon" class="mw-tab-content active">
  <div class="mw-tab-buttons">
    <div class="mw-tab-btn active" data-tab="weapon-burn">Burn</div>
    <div class="mw-tab-btn" data-tab="weapon-frost">Frost Vortex</div>
    <div class="mw-tab-btn" data-tab="weapon-power">Power Surge</div>
    <div class="mw-tab-btn" data-tab="weapon-unstable">Unstable Bomber</div>
    <div class="mw-tab-btn" data-tab="weapon-fortress">Fortress Warfare</div>
    <div class="mw-tab-btn" data-tab="weapon-gunner">Fast Gunner</div>
    <div class="mw-tab-btn" data-tab="weapon-bullseye">Bulls Eye</div>
    <div class="mw-tab-btn" data-tab="weapon-bounce">Bounce</div>
    <div class="mw-tab-btn" data-tab="weapon-shrapnel">Shrapnel</div>
  </div>
  <!-- BURN -->
  <div id="weapon-burn" class="mw-tab-content active">
    <div class="dropdown">
    <select id="burnSelect">
      <option value="">Select Burn Mod</option>
      <option value="burn_flame_burn">Flame Resonance &gt; Burn: Burn DMG +_%</option>
      <option value="burn_flame_element">Flame Resonance &gt; Deviant Energy: Element DMG +_%</option>
      <option value="burn_flame_hp">Flame Resonance &gt; Survival: Max HP +</option>
      <option value="burn_flame_crit">Flame Resonance &gt; Violent: Crit DMG +_%</option>
      <option value="burn_flame_general">Flame Resonance &gt; General: +_%</option>
    </select>
    </div>
    <div id="burnOutput" class="output" style="display:none;"></div>
  </div>
  <!-- FROST -->
  <div id="weapon-frost" class="mw-tab-content">
    <div class="empty-note">No Frost Vortex mods listed yet.</div>
  </div>
  <!-- POWER -->
  <div id="weapon-power" class="mw-tab-content">
    <div class="empty-note">No Power Surge mods listed yet.</div>
  </div>
  <!-- UNSTABLE -->
  <div id="weapon-unstable" class="mw-tab-content">
    <div class="empty-note">No Unstable Bomber mods listed yet.</div>
  </div>
  <!-- FORTRESS -->
  <div id="weapon-fortress" class="mw-tab-content">
    <div class="empty-note">No Fortress Warfare mods listed yet.</div>
  </div>
  <!-- GUNNER -->
  <div id="weapon-gunner" class="mw-tab-content">
    <div class="empty-note">No Fast Gunner mods listed yet.</div>
  </div>
  <!-- BULLSEYE -->
  <div id="weapon-bullseye" class="mw-tab-content">
    <div class="empty-note">No Bulls Eye mods listed yet.</div>
  </div>
  <!-- BOUNCE -->
  <div id="weapon-bounce" class="mw-tab-content">
    <div class="empty-note">No Bounce mods listed yet.</div>
  </div>
  <!-- SHRAPNEL -->
  <div id="weapon-shrapnel" class="mw-tab-content">
    <div class="empty-note">No Shrapnel mods listed yet.</div>
  </div>
</div>
<!-- ================= HELMET ================= -->
<div id="helmet" class="mw-tab-content">
  <div class="empty-note">No Helmet mods listed yet.</div>
</div>
<!-- ================= TOP ================= -->
<div id="top" class="mw-tab-content">
  <div class="empty-note">No Top mods listed yet.</div>
</div>
<!-- ================= BOTTOMS ================= -->
<div id="bottoms" class="mw-tab-content">
  <div class="empty-note">No Bottoms mods listed yet.</div>
</div>
<!-- ================= SHOES ================= -->
<div id="shoes" class="mw-tab-content">
  <div class="empty-note">No Shoes mods listed yet.</div>
</div>
<!-- ================= GLOVES ================= -->
<div id="gloves" class="mw-tab-content">
  <div class="empty-note">No Gloves mods listed yet.</div>
</div>
<!-- ================= MASK ================= -->
<div id="mask" class="mw-tab-content">
  <div class="empty-note">No Mask mods listed yet.</div>
</div>
</div>
<script>
/* TAB SYSTEM (nested-tab aware) */
document.querySelectorAll('.mw-tab-btn').forEach(btn => {
  btn.onclick = () => {
    // Deactivate sibling buttons in the same tab-buttons group
    btn.parentElement.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
    const target = document.getElementById([btn.dataset.tab](http://btn.dataset.tab));
    if (!target) return;
    // Deactivate sibling tab-contents at the same level
    target.parentElement.querySelectorAll(':scope > .mw-tab-content').forEach(c => c.classList.remove('active'));
    target.classList.add('active');
  };
});
/* DATA */
const burnData = {
  burn_flame_burn: {
    title: "Flame Resonance > Burn: Burn DMG +_%",
    lines: ["Max Burn stack +2, Burn duration -20%"]
  },
  burn_flame_element: {
    title: "Flame Resonance > Deviant Energy: Element DMG +_%",
    lines: ["Blaze, Frost, Shock, Black DMG increase"]
  },
  burn_flame_hp: {
    title: "Flame Resonance > Survival: Max HP +",
    lines: ["Max HP increase"]
  },
  burn_flame_crit: {
    title: "Flame Resonance > Violent: Crit DMG +_%",
    lines: ["Crit DMG increase"]
  },
  burn_flame_general: {
    title: "Flame Resonance > General: +_%",
    lines: ["General stat increase"]
  }
};
/* DROPDOWN LOGIC */
function bindDropdown(selectId, outputId, data) {
  const select = document.getElementById(selectId);
  if (!select) return;
  select.onchange = function () {
    const val = this.value;
    const output = document.getElementById(outputId);
    if (!val) {
      [output.style](http://output.style).display = "none";
      return;
    }
    const item = data[val];
    output.innerHTML =
      `<div class="output-title">${item.title}</div>` +
      [item.lines.map](http://item.lines.map)(line => `<div class="output-line">${line}</div>`).join("");
    [output.style](http://output.style).display = "block";
  };
}
bindDropdown("burnSelect", "burnOutput", burnData);
</script>
</html>

Revision as of 17:29, 1 May 2026

Return to Front Page

How to get specific Mods you are looking for


Step 1: Go to Redemption Shop (F3 on PC)
Step 2: Click Mod Shop
Step 3: Click Credit Card Icon
Step 4: Buy Mod Selection Crate
Step 5: Open from Backpack → Consumables
Step 6: Pick your mod
Step 7: If wanting Mask, Pick Keyword Suffix Mod Selection Crate>Keyword

Weapon
Helmet
Top
Bottoms
Shoes
Gloves
Mask
Burn
Frost Vortex
Power Surge
Unstable Bomber
Fortress Warfare
Fast Gunner
Bulls Eye
Bounce
Shrapnel
No Frost Vortex mods listed yet.
No Power Surge mods listed yet.
No Unstable Bomber mods listed yet.
No Fortress Warfare mods listed yet.
No Fast Gunner mods listed yet.
No Bulls Eye mods listed yet.
No Bounce mods listed yet.
No Shrapnel mods listed yet.
No Helmet mods listed yet.
No Top mods listed yet.
No Bottoms mods listed yet.
No Shoes mods listed yet.
No Gloves mods listed yet.
No Mask mods listed yet.

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