Jump to content

Territory Traits: 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
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
[https://ohwikiguide.com Return to Front Page]
<html>
<div style="margin:0;padding:24px;background:#0b0f14;color:#e6edf3;font-family:Arial,sans-serif;">
<a href="https://ohwikiguide.com" style="color:#1ec8ff;">Return to Front Page</a>
<br>
<br>
[https://ohwikiguide.com/index.php/Deviation_Trait_Page Deviant Trait Page]
<a href="https://ohwikiguide.com/index.php/Deviation_Trait_Page" style="color:#1ec8ff;">Deviant Trait Page</a>
<br><br>
<div style="max-width:420px;margin:0 auto;">
  <div style="display:flex;width:100%;background:#0b0f14;border-radius:10px;padding:4px;gap:4px;box-sizing:border-box;">
    <div class="tab" data-tab="slot1" style="flex:1;text-align:center;padding:10px 0;font-weight:600;color:#001018;background:#0ea5e9;border-radius:6px;cursor:pointer;">Slot 1</div>
    <div class="tab" data-tab="slot2" style="flex:1;text-align:center;padding:10px 0;font-weight:600;color:#cfd6df;background:#11161c;border-radius:6px;cursor:pointer;">Slot 2</div>
    <div class="tab" data-tab="slot3" style="flex:1;text-align:center;padding:10px 0;font-weight:600;color:#cfd6df;background:#11161c;border-radius:6px;cursor:pointer;">Slot 3</div>
  </div>


<div style="text-align:center; font-size:150%;">
  <div id="slot1" class="panel" style="display:block;">
'''Territory Traits'''
    <select id="sel1" style="width:100%;margin-top:10px;padding:10px;background:#11161c;color:#e6edf3;border:1px solid #1f2a35;border-radius:8px;font-size:14px;box-sizing:border-box;">
</div>
      <option value="">Select Trait</option>
 
      <option value="cheer_up">Cheer Up</option>
<br>
      <option value="covert_energy">Covert Energy</option>
      <option value="feeling_blue">Feeling Blue</option>
      <option value="growing_pains">Growing Pains</option>
      <option value="optimist">Optimist</option>
      <option value="power_rewind">Power Rewind</option>
      <option value="rise_and_shine">Rise and Shine</option>
      <option value="stable_energy">Stable Energy</option>
      <option value="stable_vitality">Stable Vitality</option>
      <option value="upper_hand">Upper Hand</option>
      <option value="worn_out">Worn-out</option>
      <option value="pumpkin">Pumpkin Lantern (Buzzy Bee)</option>
      <option value="gold_lightning">Gold Lightning (Electric Eel)</option>
      <option value="good_fortune">Optimism - Cat</option>
      <option value="aquarius">Aquarius (Fetch-A-Lot)</option>
      <option value="golden_toad">Golden Toad</option>
      <option value="shadow_shroom">Growshroom - Shadowshroom</option>
    </select>
    <div id="out1" style="display:none;margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12px;"></div>
  </div>


<!-- MASTER CONTAINER (THIS FIXES EVERYTHING) -->
  <div id="slot2" class="panel" style="display:none;">
<div style="max-width:420px; margin:0 auto;">
    <select id="sel2" style="width:100%;margin-top:10px;padding:10px;background:#11161c;color:#e6edf3;border:1px solid #1f2a35;border-radius:8px;font-size:14px;box-sizing:border-box;">
      <option value="">Select Trait</option>
      <option value="world_charm">A World of Charm</option>
      <option value="anti_burnout">Anti-Burnout</option>
      <option value="devoted">Devoted Laborer</option>
      <option value="dream_wild">Dream Wild</option>
      <option value="hydrophilic">Hydrophilic</option>
      <option value="lazy">Lazy Bones</option>
      <option value="living_map">Living Map</option>
      <option value="oneplus">OnePlus</option>
      <option value="panovision">Panovision</option>
      <option value="slacking">Slacking Off</option>
      <option value="stardust">Stardust Affinity</option>
      <option value="sweet_talk">Sweet Talk</option>
      <option value="overtime">Voluntary Overtime</option>
      <option value="workaholic">Workaholic</option>
      <option value="lunar_oracle">Lunar Oracle</option>
      <option value="daydreaming">Daydreaming</option>
      <option value="toxicologist">Toxicologist</option>
      <option value="admiral">Admiral</option>
      <option value="diamond_duke">Diamond Duke</option>
      <option value="workaholic_lights">Workaholic - Lights</option>
      <option value="gold_speaker">Gold Speaker</option>
    </select>
    <div id="out2" style="display:none;margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12px;"></div>
  </div>


<!-- TABS -->
  <div id="slot3" class="panel" style="display:none;">
<div class="mw-tab-buttons" style="justify-content:center;">
    <select id="sel3" style="width:100%;margin-top:10px;padding:10px;background:#11161c;color:#e6edf3;border:1px solid #1f2a35;border-radius:8px;font-size:14px;box-sizing:border-box;">
  <div class="mw-tab-btn" data-tab="tab-slot1">Slot 1</div>
      <option value="">Select Trait</option>
  <div class="mw-tab-btn" data-tab="tab-slot1dev">Slot 1 (Deviant)</div>
      <option value="brute_force">Brute Force Rules</option>
  <div class="mw-tab-btn" data-tab="tab-slot2">Slot 2</div>
      <option value="clean">Clean and Hygienic</option>
  <div class="mw-tab-btn" data-tab="tab-slot2dev">Slot 2 (Deviant)</div>
      <option value="extra_load">Extra Load</option>
  <div class="mw-tab-btn" data-tab="tab-slot3">Slot 3</div>
      <option value="feline">Feline Creatures</option>
      <option value="herbivore">Herbivore</option>
      <option value="moonlight">Moonlight Assault</option>
      <option value="top_grunt">Top Grunt</option>
    </select>
    <div id="out3" style="display:none;margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12px;"></div>
  </div>
</div>
</div>
<!-- SLOT 1 -->
<div id="tab-slot1" class="mw-tab-content">
  <div class="mw-dropdown-ui" data-label="Territory Slot 1" data-options='{
    "cheer_up": { "label": "Cheer Up", "content": "Max Mood +30% / +40% / +50%; Deviant Power recovery speed -5%" },
    "covert_energy": { "label": "Covert Energy", "content": "Max Deviant Power +10% to +35%" },
    "feeling_blue": { "label": "Feeling Blue", "content": "Max Mood -5% / -10%" },
    "growing_pains": { "label": "Growing Pains", "content": "Max Power +30–50%; Mood recovery -5%" },
    "optimist": { "label": "Optimist", "content": "Max Mood +15–35%" },
    "power_rewind": { "label": "Power Rewind", "content": "Power recovery +5–10%" },
    "rise_and_shine": { "label": "Rise and Shine", "content": "Mood recovery +5–25%" },
    "stable_energy": { "label": "Stable Energy", "content": "Max Deviant Power +30" },
    "stable_vitality": { "label": "Stable Vitality", "content": "Max Mood +30" },
    "upper_hand": { "label": "Upper Hand", "content": "Convert Mood to Power at 0" },
    "worn_out": { "label": "Worn-out", "content": "Max Power -5% / -10%" }
  }'></div>
</div>
</div>


<!-- SLOT 1 DEV -->
<script>
<div id="tab-slot1dev" class="mw-tab-content">
var data1 = {
   <div class="mw-dropdown-ui" data-label="Slot 1 (Deviant Specific)" data-options='{
  cheer_up:["Cheer Up",["Max Mood +30% / +40% / +50%"]],
    "pumpkin": { "label": "Pumpkin Lantern (Buzzy Bee)", "content": "+10% Power" },
  covert_energy:["Covert Energy",["Max Deviant Power +10% to +35%"]],
    "gold_lightning": { "label": "Gold Lightning (Electric Eel)", "content": "+15% Recovery" },
  feeling_blue:["Feeling Blue",["Max Mood -5% / -10%"]],
    "good_fortune": { "label": "Optimism – Cat", "content": "+40% Mood" },
   growing_pains:["Growing Pains",["Max Power +30 to 50%; Mood recovery -5%"]],
    "aquarius": { "label": "Aquarius (Fetch-A-Lot)", "content": "+30% Recovery" },
  optimist:["Optimist",["Max Mood +15 to 35%"]],
    "golden_toad": { "label": "Golden Toad", "content": "+20% Recovery" },
  power_rewind:["Power Rewind",["Power recovery +5 to 10%"]],
    "shadow_shroom": { "label": "Shadow Shroom", "content": "+40% Energy" }
  rise_and_shine:["Rise and Shine",["Mood recovery +5 to 25%"]],
  }'></div>
  stable_energy:["Stable Energy",["Max Deviant Power +30"]],
</div>
  stable_vitality:["Stable Vitality",["Max Mood +30"]],
 
  upper_hand:["Upper Hand",["Convert Mood to Power at 0"]],
<!-- SLOT 2 -->
  worn_out:["Worn-out",["Max Power -5% / -10%"]],
<div id="tab-slot2" class="mw-tab-content">
  pumpkin:["Pumpkin Lantern (Buzzy Bee)",["+10% Power"]],
   <div class="mw-dropdown-ui" data-label="Territory Slot 2" data-options='{
  gold_lightning:["Gold Lightning (Electric Eel)",["+15% Recovery"]],
    "world_charm": { "label": "A World of Charm", "content": "10% give +20 Mood" },
  good_fortune:["Optimism - Cat",["+40% Mood"]],
    "anti_burnout": { "label": "Anti-Burnout", "content": "20% give +5 Power" },
  aquarius:["Aquarius (Fetch-A-Lot)",["+30% Recovery"]],
    "devoted": { "label": "Devoted Laborer", "content": "+20% duration" },
  golden_toad:["Golden Toad",["+20% Recovery"]],
    "dream_wild": { "label": "Dream Wild", "content": "10% give +10 Power" },
  shadow_shroom:["Growshroom - Shadowshroom",["Max Energy +40%"]]
    "hydrophilic": { "label": "Hydrophilic", "content": "+30% near water" },
};
    "lazy": { "label": "Lazy Bones", "content": "-5% speed" },
var data2 = {
    "living_map": { "label": "Living Map", "content": "-5% interval" },
   world_charm:["A World of Charm",["10% give +20 Mood"]],
    "oneplus": { "label": "OnePlus", "content": "Rare crystals chance" },
  anti_burnout:["Anti-Burnout",["20% give +5 Power"]],
    "panovision": { "label": "Panovision", "content": "-10% speed" },
  devoted:["Devoted Laborer",["+20% duration"]],
    "slacking": { "label": "Slacking Off", "content": "+5% consumption" },
  dream_wild:["Dream Wild",["10% give +10 Power"]],
    "stardust": { "label": "Stardust Affinity", "content": "20% no Mood cost" },
  hydrophilic:["Hydrophilic",["+30% near water"]],
    "sweet_talk": { "label": "Sweet Talk", "content": "20% give Mood" },
  lazy:["Lazy Bones",["-5% speed"]],
    "overtime": { "label": "Voluntary Overtime", "content": "10% no cost" },
  living_map:["Living Map",["-5% interval"]],
    "workaholic": { "label": "Workaholic", "content": "+10% duration" }
  oneplus:["OnePlus",["Rare crystals chance"]],
  }'></div>
  panovision:["Panovision",["-10% speed"]],
</div>
  slacking:["Slacking Off",["+5% consumption"]],
 
  stardust:["Stardust Affinity",["20% no Mood cost"]],
<!-- SLOT 2 DEV -->
  sweet_talk:["Sweet Talk",["20% give Mood"]],
<div id="tab-slot2dev" class="mw-tab-content">
  overtime:["Voluntary Overtime",["10% no cost"]],
   <div class="mw-dropdown-ui" data-label="Slot 2 (Deviant Specific)" data-options='{
  workaholic:["Workaholic",["+10% duration"]],
    "lunar_oracle": { "label": "Lunar Oracle", "content": "+20% duration" },
   lunar_oracle:["Lunar Oracle",["+20% duration"]],
    "daydreaming": { "label": "Daydreaming", "content": "Restore Power" },
  daydreaming:["Daydreaming",["Restore Power"]],
    "toxicologist": { "label": "Toxicologist", "content": "25% no cost" },
  toxicologist:["Toxicologist",["25% no cost"]],
    "admiral": { "label": "Admiral", "content": "3% no cost" },
  admiral:["Admiral",["3% no cost"]],
    "diamond_duke": { "label": "Diamond Duke", "content": "5% no cost" },
  diamond_duke:["Diamond Duke",["5% no cost"]],
    "workaholic_lights": { "label": "Workaholic – Lights", "content": "+20% duration" },
  workaholic_lights:["Workaholic - Lights",["+20% duration"]],
    "gold_speaker": { "label": "Gold Speaker", "content": "Extra ores" }
  gold_speaker:["Gold Speaker",["Extra ores"]]
  }'></div>
};
</div>
var data3 = {
 
   brute_force:["Brute Force Rules",["10% double output"]],
<!-- SLOT 3 -->
  clean:["Clean and Hygienic",["Sanity over 20%"]],
<div id="tab-slot3" class="mw-tab-content">
  extra_load:["Extra Load",["+15% storage"]],
   <div class="mw-dropdown-ui" data-label="Territory Slot 3" data-options='{
  feline:["Feline Creatures",["Extra lightweight item"]],
    "brute_force": { "label": "Brute Force Rules", "content": "10% double output" },
  herbivore:["Herbivore",["Animal: Deer","Chance to yield an additional deviated plant during production"]],
    "clean": { "label": "Clean and Hygienic", "content": "Sanity ≥ 20%" },
  moonlight:["Moonlight Assault",["+15% at night"]],
    "extra_load": { "label": "Extra Load", "content": "+15% storage" },
  top_grunt:["Top Grunt",["Convert Mood to Energy"]]
    "feline": { "label": "Feline Creatures", "content": "Extra lightweight item" },
};
    "moonlight": { "label": "Moonlight Assault", "content": "+15% at night" },
function bind(selId, outId, data) {
    "top_grunt": { "label": "Top Grunt", "content": "Convert Mood to Energy" }
  var sel = document.getElementById(selId);
   }'></div>
  var out = document.getElementById(outId);
</div>
   sel.onchange = function() {
 
    var v = sel.value;
</div>
    if (!v) { out.style.display = "none"; return; }
    var row = data[v];
    var html = '<div style="font-weight:700;margin-bottom:8px;color:#e6edf3;">' + row[0] + '</div>';
    for (var i = 0; i < row[1].length; i++) {
      var border = i === 0 ? '' : 'border-top:1px solid #1a222b;';
      html += '<div style="font-size:13px;color:#9fb0c3;padding:4px 0;' + border + '">' + row[1][i] + '</div>';
    }
    out.innerHTML = html;
    out.style.display = "block";
  };
}
bind("sel1","out1",data1);
bind("sel2","out2",data2);
bind("sel3","out3",data3);
var tabs = document.querySelectorAll(".tab");
for (var i = 0; i < tabs.length; i++) {
  tabs[i].onclick = function(e) {
    var target = e.currentTarget.getAttribute("data-tab");
    var allTabs = document.querySelectorAll(".tab");
    for (var j = 0; j < allTabs.length; j++) {
      allTabs[j].style.background = "#11161c";
      allTabs[j].style.color = "#cfd6df";
    }
    e.currentTarget.style.background = "#0ea5e9";
    e.currentTarget.style.color = "#001018";
    var panels = document.querySelectorAll(".panel");
    for (var k = 0; k < panels.length; k++) panels[k].style.display = "none";
    document.getElementById(target).style.display = "block";
  };
}
</script>
</html>

Latest revision as of 16:28, 27 April 2026

Return to Front Page
Deviant Trait Page

Slot 1
Slot 2
Slot 3

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