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
 
(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>
<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>
<a href="https://ohwikiguide.com/index.php/Deviation_Trait_Page">Deviant Trait Page</a>
<a href="https://ohwikiguide.com/index.php/Deviation_Trait_Page" style="color:#1ec8ff;">Deviant Trait Page</a>
<br><br>
<br><br>
<div style="max-width:420px; margin:0 auto;">
<div style="max-width:420px;margin:0 auto;">
<style>
  <div style="display:flex;width:100%;background:#0b0f14;border-radius:10px;padding:4px;gap:4px;box-sizing:border-box;">
.mw-tab-buttons { display: flex; width: 100%; background: #0b0f14; border-radius: 10px; padding: 4px; gap: 4px; }
    <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>
.mw-tab-btn { flex: 1; text-align: center; padding: 10px 0; font-weight: 600; color: #cfd6df; background: #11161c; border-radius: 6px; cursor: pointer; }
    <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>
.mw-tab-btn.active { background: linear-gradient(180deg, #1ec8ff, #0ea5e9); color: #001018; }
    <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>
.dropdown { width: 100%; margin-top: 10px; }
   </div>
.dropdown select { width: 100%; padding: 10px; background: #11161c; color: #e6edf3; border: 1px solid #1f2a35; border-radius: 8px; font-size: 14px; }
 
.output { margin-top: 10px; background: #0d1319; border: 1px solid #1f2a35; border-radius: 10px; padding: 12px; }
   <div id="slot1" class="panel" style="display:block;">
.output-title { font-weight: 700; margin-bottom: 8px; color: #e6edf3; }
    <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;">
.output-line { font-size: 13px; color: #9fb0c3; padding: 4px 0; border-top: 1px solid #1a222b; }
      <option value="">Select Trait</option>
.output-line:first-of-type { border-top: none; }
      <option value="cheer_up">Cheer Up</option>
.mw-tab-content { display: none; }
      <option value="covert_energy">Covert Energy</option>
.mw-tab-content.active { display: block; }
      <option value="feeling_blue">Feeling Blue</option>
</style>
      <option value="growing_pains">Growing Pains</option>
<div class="mw-tab-buttons">
      <option value="optimist">Optimist</option>
  <div class="mw-tab-btn active" data-tab="slot1">Slot 1</div>
      <option value="power_rewind">Power Rewind</option>
   <div class="mw-tab-btn" data-tab="slot2">Slot 2</div>
      <option value="rise_and_shine">Rise and Shine</option>
   <div class="mw-tab-btn" data-tab="slot3">Slot 3</div>
      <option value="stable_energy">Stable Energy</option>
</div>
      <option value="stable_vitality">Stable Vitality</option>
<div id="slot1" class="mw-tab-content active">
      <option value="upper_hand">Upper Hand</option>
<div class="dropdown">
      <option value="worn_out">Worn-out</option>
<select id="slot1Select">
      <option value="pumpkin">Pumpkin Lantern (Buzzy Bee)</option>
  <option value="">Select Trait</option>
      <option value="gold_lightning">Gold Lightning (Electric Eel)</option>
  <option value="cheer_up">Cheer Up</option>
      <option value="good_fortune">Optimism - Cat</option>
  <option value="covert_energy">Covert Energy</option>
      <option value="aquarius">Aquarius (Fetch-A-Lot)</option>
  <option value="feeling_blue">Feeling Blue</option>
      <option value="golden_toad">Golden Toad</option>
  <option value="growing_pains">Growing Pains</option>
      <option value="shadow_shroom">Growshroom - Shadowshroom</option>
  <option value="optimist">Optimist</option>
    </select>
  <option value="power_rewind">Power Rewind</option>
    <div id="out1" style="display:none;margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12px;"></div>
  <option value="rise_and_shine">Rise and Shine</option>
  </div>
  <option value="stable_energy">Stable Energy</option>
 
  <option value="stable_vitality">Stable Vitality</option>
  <div id="slot2" class="panel" style="display:none;">
  <option value="upper_hand">Upper Hand</option>
    <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="worn_out">Worn-out</option>
      <option value="">Select Trait</option>
  <option value="pumpkin">Pumpkin Lantern (Buzzy Bee)</option>
      <option value="world_charm">A World of Charm</option>
  <option value="gold_lightning">Gold Lightning (Electric Eel)</option>
      <option value="anti_burnout">Anti-Burnout</option>
  <option value="good_fortune">Optimism &ndash; Cat</option>
      <option value="devoted">Devoted Laborer</option>
  <option value="aquarius">Aquarius (Fetch-A-Lot)</option>
      <option value="dream_wild">Dream Wild</option>
  <option value="golden_toad">Golden Toad</option>
      <option value="hydrophilic">Hydrophilic</option>
  <option value="shadow_shroom">Shadow Shroom</option>
      <option value="lazy">Lazy Bones</option>
</select>
      <option value="living_map">Living Map</option>
</div>
      <option value="oneplus">OnePlus</option>
<div id="slot1Output" class="output" style="display:none;"></div>
      <option value="panovision">Panovision</option>
</div>
      <option value="slacking">Slacking Off</option>
<div id="slot2" class="mw-tab-content">
      <option value="stardust">Stardust Affinity</option>
<div class="dropdown">
      <option value="sweet_talk">Sweet Talk</option>
<select id="slot2Select">
      <option value="overtime">Voluntary Overtime</option>
  <option value="">Select Trait</option>
      <option value="workaholic">Workaholic</option>
  <option value="world_charm">A World of Charm</option>
      <option value="lunar_oracle">Lunar Oracle</option>
  <option value="anti_burnout">Anti-Burnout</option>
      <option value="daydreaming">Daydreaming</option>
  <option value="devoted">Devoted Laborer</option>
      <option value="toxicologist">Toxicologist</option>
  <option value="dream_wild">Dream Wild</option>
      <option value="admiral">Admiral</option>
  <option value="hydrophilic">Hydrophilic</option>
      <option value="diamond_duke">Diamond Duke</option>
  <option value="lazy">Lazy Bones</option>
      <option value="workaholic_lights">Workaholic - Lights</option>
  <option value="living_map">Living Map</option>
      <option value="gold_speaker">Gold Speaker</option>
  <option value="oneplus">OnePlus</option>
    </select>
  <option value="panovision">Panovision</option>
    <div id="out2" style="display:none;margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12px;"></div>
  <option value="slacking">Slacking Off</option>
  </div>
  <option value="stardust">Stardust Affinity</option>
 
  <option value="sweet_talk">Sweet Talk</option>
  <div id="slot3" class="panel" style="display:none;">
  <option value="overtime">Voluntary Overtime</option>
    <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;">
  <option value="workaholic">Workaholic</option>
      <option value="">Select Trait</option>
  <option value="lunar_oracle">Lunar Oracle</option>
      <option value="brute_force">Brute Force Rules</option>
  <option value="daydreaming">Daydreaming</option>
      <option value="clean">Clean and Hygienic</option>
  <option value="toxicologist">Toxicologist</option>
      <option value="extra_load">Extra Load</option>
  <option value="admiral">Admiral</option>
      <option value="feline">Feline Creatures</option>
  <option value="diamond_duke">Diamond Duke</option>
      <option value="herbivore">Herbivore</option>
  <option value="workaholic_lights">Workaholic &ndash; Lights</option>
      <option value="moonlight">Moonlight Assault</option>
  <option value="gold_speaker">Gold Speaker</option>
      <option value="top_grunt">Top Grunt</option>
</select>
    </select>
</div>
    <div id="out3" style="display:none;margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12px;"></div>
<div id="slot2Output" class="output" style="display:none;"></div>
  </div>
</div>
<div id="slot3" class="mw-tab-content">
<div class="dropdown">
<select id="slot3Select">
  <option value="">Select Trait</option>
  <option value="brute_force">Brute Force Rules</option>
  <option value="clean">Clean and Hygienic</option>
  <option value="extra_load">Extra Load</option>
  <option value="feline">Feline Creatures</option>
  <option value="herbivore">Herbivore (Deer)</option>
  <option value="moonlight">Moonlight Assault</option>
  <option value="top_grunt">Top Grunt</option>
</select>
</div>
<div id="slot3Output" class="output" style="display:none;"></div>
</div>
</div>
</div>
</div>
<script>
<script>
document.querySelectorAll('.mw-tab-btn').forEach(function(btn) {
var data1 = {
  btn.onclick = function() {
   cheer_up:["Cheer Up",["Max Mood +30% / +40% / +50%"]],
    document.querySelectorAll('.mw-tab-btn').forEach(function(b) { b.classList.remove('active'); });
   covert_energy:["Covert Energy",["Max Deviant Power +10% to +35%"]],
    document.querySelectorAll('.mw-tab-content').forEach(function(c) { c.classList.remove('active'); });
   feeling_blue:["Feeling Blue",["Max Mood -5% / -10%"]],
    btn.classList.add('active');
   growing_pains:["Growing Pains",["Max Power +30 to 50%; Mood recovery -5%"]],
    document.getElementById(btn.dataset.tab).classList.add('active');
   optimist:["Optimist",["Max Mood +15 to 35%"]],
  };
   power_rewind:["Power Rewind",["Power recovery +5 to 10%"]],
});
   rise_and_shine:["Rise and Shine",["Mood recovery +5 to 25%"]],
var slot1Data = {
   stable_energy:["Stable Energy",["Max Deviant Power +30"]],
   cheer_up: { title: "Cheer Up", lines: ["Max Mood +30% / +40% / +50%"] },
   stable_vitality:["Stable Vitality",["Max Mood +30"]],
   covert_energy: { title: "Covert Energy", lines: ["Max Deviant Power +10% to +35%"] },
   upper_hand:["Upper Hand",["Convert Mood to Power at 0"]],
   feeling_blue: { title: "Feeling Blue", lines: ["Max Mood -5% / -10%"] },
   worn_out:["Worn-out",["Max Power -5% / -10%"]],
   growing_pains: { title: "Growing Pains", lines: ["Max Power +30 to 50%; Mood recovery -5%"] },
   pumpkin:["Pumpkin Lantern (Buzzy Bee)",["+10% Power"]],
   optimist: { title: "Optimist", lines: ["Max Mood +15 to 35%"] },
   gold_lightning:["Gold Lightning (Electric Eel)",["+15% Recovery"]],
   power_rewind: { title: "Power Rewind", lines: ["Power recovery +5 to 10%"] },
   good_fortune:["Optimism - Cat",["+40% Mood"]],
   rise_and_shine: { title: "Rise and Shine", lines: ["Mood recovery +5 to 25%"] },
   aquarius:["Aquarius (Fetch-A-Lot)",["+30% Recovery"]],
   stable_energy: { title: "Stable Energy", lines: ["Max Deviant Power +30"] },
   golden_toad:["Golden Toad",["+20% Recovery"]],
   stable_vitality: { title: "Stable Vitality", lines: ["Max Mood +30"] },
   shadow_shroom:["Growshroom - Shadowshroom",["Max Energy +40%"]]
   upper_hand: { title: "Upper Hand", lines: ["Convert Mood to Power at 0"] },
   worn_out: { title: "Worn-out", lines: ["Max Power -5% / -10%"] },
   pumpkin: { title: "Pumpkin Lantern (Buzzy Bee)", lines: ["+10% Power"] },
   gold_lightning: { title: "Gold Lightning (Electric Eel)", lines: ["+15% Recovery"] },
   good_fortune: { title: "Optimism - Cat", lines: ["+40% Mood"] },
   aquarius: { title: "Aquarius (Fetch-A-Lot)", lines: ["+30% Recovery"] },
   golden_toad: { title: "Golden Toad", lines: ["+20% Recovery"] },
   shadow_shroom: { title: "Shadow Shroom", lines: ["+40% Energy"] }
};
};
var slot2Data = {
var data2 = {
   world_charm: { title: "A World of Charm", lines: ["10% give +20 Mood"] },
   world_charm:["A World of Charm",["10% give +20 Mood"]],
   anti_burnout: { title: "Anti-Burnout", lines: ["20% give +5 Power"] },
   anti_burnout:["Anti-Burnout",["20% give +5 Power"]],
   devoted: { title: "Devoted Laborer", lines: ["+20% duration"] },
   devoted:["Devoted Laborer",["+20% duration"]],
   dream_wild: { title: "Dream Wild", lines: ["10% give +10 Power"] },
   dream_wild:["Dream Wild",["10% give +10 Power"]],
   hydrophilic: { title: "Hydrophilic", lines: ["+30% near water"] },
   hydrophilic:["Hydrophilic",["+30% near water"]],
   lazy: { title: "Lazy Bones", lines: ["-5% speed"] },
   lazy:["Lazy Bones",["-5% speed"]],
   living_map: { title: "Living Map", lines: ["-5% interval"] },
   living_map:["Living Map",["-5% interval"]],
   oneplus: { title: "OnePlus", lines: ["Rare crystals chance"] },
   oneplus:["OnePlus",["Rare crystals chance"]],
   panovision: { title: "Panovision", lines: ["-10% speed"] },
   panovision:["Panovision",["-10% speed"]],
   slacking: { title: "Slacking Off", lines: ["+5% consumption"] },
   slacking:["Slacking Off",["+5% consumption"]],
   stardust: { title: "Stardust Affinity", lines: ["20% no Mood cost"] },
   stardust:["Stardust Affinity",["20% no Mood cost"]],
   sweet_talk: { title: "Sweet Talk", lines: ["20% give Mood"] },
   sweet_talk:["Sweet Talk",["20% give Mood"]],
   overtime: { title: "Voluntary Overtime", lines: ["10% no cost"] },
   overtime:["Voluntary Overtime",["10% no cost"]],
   workaholic: { title: "Workaholic", lines: ["+10% duration"] },
   workaholic:["Workaholic",["+10% duration"]],
   lunar_oracle: { title: "Lunar Oracle", lines: ["+20% duration"] },
   lunar_oracle:["Lunar Oracle",["+20% duration"]],
   daydreaming: { title: "Daydreaming", lines: ["Restore Power"] },
   daydreaming:["Daydreaming",["Restore Power"]],
   toxicologist: { title: "Toxicologist", lines: ["25% no cost"] },
   toxicologist:["Toxicologist",["25% no cost"]],
   admiral: { title: "Admiral", lines: ["3% no cost"] },
   admiral:["Admiral",["3% no cost"]],
   diamond_duke: { title: "Diamond Duke", lines: ["5% no cost"] },
   diamond_duke:["Diamond Duke",["5% no cost"]],
   workaholic_lights: { title: "Workaholic - Lights", lines: ["+20% duration"] },
   workaholic_lights:["Workaholic - Lights",["+20% duration"]],
   gold_speaker: { title: "Gold Speaker", lines: ["Extra ores"] }
   gold_speaker:["Gold Speaker",["Extra ores"]]
};
};
var slot3Data = {
var data3 = {
   brute_force: { title: "Brute Force Rules", lines: ["10% double output"] },
   brute_force:["Brute Force Rules",["10% double output"]],
   clean: { title: "Clean and Hygienic", lines: ["Sanity over 20%"] },
   clean:["Clean and Hygienic",["Sanity over 20%"]],
   extra_load: { title: "Extra Load", lines: ["+15% storage"] },
   extra_load:["Extra Load",["+15% storage"]],
   feline: { title: "Feline Creatures", lines: ["Extra lightweight item"] },
   feline:["Feline Creatures",["Extra lightweight item"]],
   herbivore: { title: "Herbivore (Deer)", lines: ["Chance to yield an additional deviated plant during production"] },
   herbivore:["Herbivore",["Animal: Deer","Chance to yield an additional deviated plant during production"]],
   moonlight: { title: "Moonlight Assault", lines: ["+15% at night"] },
   moonlight:["Moonlight Assault",["+15% at night"]],
   top_grunt: { title: "Top Grunt", lines: ["Convert Mood to Energy"] }
   top_grunt:["Top Grunt",["Convert Mood to Energy"]]
};
};
function bindDropdown(selectId, outputId, data) {
function bind(selId, outId, data) {
   document.getElementById(selectId).onchange = function() {
   var sel = document.getElementById(selId);
     var val = this.value;
  var out = document.getElementById(outId);
    var output = document.getElementById(outputId);
  sel.onchange = function() {
     if (!val) { output.style.display = "none"; return; }
     var v = sel.value;
     var item = data[val];
     if (!v) { out.style.display = "none"; return; }
     output.innerHTML = '<div class="output-title">' + item.title + '</div>' +
     var row = data[v];
      item.lines.map(function(line) { return '<div class="output-line">' + line + '</div>'; }).join("");
     var html = '<div style="font-weight:700;margin-bottom:8px;color:#e6edf3;">' + row[0] + '</div>';
     output.style.display = "block";
    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";
   };
   };
}
}
bindDropdown("slot1Select", "slot1Output", slot1Data);
bindDropdown("slot2Select", "slot2Output", slot2Data);
bindDropdown("slot3Select", "slot3Output", slot3Data);
</script>
</script>
</html>
</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"