Territory Traits: Difference between revisions

← Older edit

Latest revision as of 16:28, 27 April 2026

Return to Front Page
Deviant Trait Page

Slot 1

Slot 2

Slot 3

@@ Line 1: / Line 1: @@
-<div class="mw-dropdown-ui">
+<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>
+<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>
-<select id="traitDropdown" onchange="updateTraits()" style="width:100%; padding:8px; font-size:16px;">
+  <div id="slot1" class="panel" style="display:block;">
-  <option value="">Select Trait Category</option>
+    <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;">
-  <option value="slot1">Territory Slot 1</option>
+      <option value="">Select Trait</option>
-  <option value="slot1_dev">Slot 1 (Deviant Specific)</option>
+      <option value="cheer_up">Cheer Up</option>
-  <option value="slot2">Territory Slot 2</option>
+      <option value="covert_energy">Covert Energy</option>
-  <option value="slot2_dev">Slot 2 (Deviant Specific)</option>
+      <option value="feeling_blue">Feeling Blue</option>
-  <option value="slot3">Slot 3</option>
+      <option value="growing_pains">Growing Pains</option>
-</select>
+      <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>
-<div id="traitContent" style="margin-top:15px;">
+  <div id="slot2" class="panel" style="display:none;">
-<b>Provide Trait information here</b>
+    <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>
+  <div id="slot3" class="panel" style="display:none;">
+    <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="">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</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>
 <script>
-function updateTraits() {
+var data1 = {
-  var value = document.getElementById("traitDropdown").value;
+   cheer_up:["Cheer Up",["Max Mood +30% / +40% / +50%"]],
-  var content = document.getElementById("traitContent");
+  covert_energy:["Covert Energy",["Max Deviant Power +10% to +35%"]],
+  feeling_blue:["Feeling Blue",["Max Mood -5% / -10%"]],
-   var data = {
+  growing_pains:["Growing Pains",["Max Power +30 to 50%; Mood recovery -5%"]],
+  optimist:["Optimist",["Max Mood +15 to 35%"]],
-    slot1: `
+  power_rewind:["Power Rewind",["Power recovery +5 to 10%"]],
-    <table class="wikitable">
+  rise_and_shine:["Rise and Shine",["Mood recovery +5 to 25%"]],
-    <tr><th>Trait</th><th>Effect</th></tr>
+  stable_energy:["Stable Energy",["Max Deviant Power +30"]],
-    <tr><td>Cheer Up (1–3)</td><td>Max Mood +30% / +40% / +50%; Power recovery -5%</td></tr>
+  stable_vitality:["Stable Vitality",["Max Mood +30"]],
-    <tr><td>Covert Energy</td><td>Max Deviant Power +10%–35%</td></tr>
+  upper_hand:["Upper Hand",["Convert Mood to Power at 0"]],
-    <tr><td>Feeling Blue</td><td>Max Mood -5% / -10%</td></tr>
+  worn_out:["Worn-out",["Max Power -5% / -10%"]],
-    <tr><td>Growing Pains</td><td>Max Power +30–50%, Mood recovery -5%</td></tr>
+  pumpkin:["Pumpkin Lantern (Buzzy Bee)",["+10% Power"]],
-    <tr><td>Optimist</td><td>Max Mood +15–35%</td></tr>
+  gold_lightning:["Gold Lightning (Electric Eel)",["+15% Recovery"]],
-    <tr><td>Power Rewind</td><td>Power recovery +5–10%</td></tr>
+  good_fortune:["Optimism - Cat",["+40% Mood"]],
-    <tr><td>Rise and Shine</td><td>Mood recovery +5–25%</td></tr>
+  aquarius:["Aquarius (Fetch-A-Lot)",["+30% Recovery"]],
-    <tr><td>Stable Energy</td><td>Max Power +30</td></tr>
+  golden_toad:["Golden Toad",["+20% Recovery"]],
-    <tr><td>Stable Vitality</td><td>Max Mood +30</td></tr>
+  shadow_shroom:["Growshroom - Shadowshroom",["Max Energy +40%"]]
-    <tr><td>Upper Hand</td><td>Converts Mood → Power at 0</td></tr>
+};
-    <tr><td>Worn-out</td><td>Max Power -5–10%</td></tr>
+var data2 = {
-    </table>`,
+  world_charm:["A World of Charm",["10% give +20 Mood"]],
+  anti_burnout:["Anti-Burnout",["20% give +5 Power"]],
-    slot1_dev: `
+  devoted:["Devoted Laborer",["+20% duration"]],
-    <table class="wikitable">
+  dream_wild:["Dream Wild",["10% give +10 Power"]],
-    <tr><th>Trait</th><th>Effect</th><th>Deviant</th></tr>
+  hydrophilic:["Hydrophilic",["+30% near water"]],
-    <tr><td>Pumpkin Lantern</td><td>+10% Power</td><td>Buzzy Bee</td></tr>
+  lazy:["Lazy Bones",["-5% speed"]],
-    <tr><td>Gold Lightning</td><td>+15% Power Recovery</td><td>Electric Eel</td></tr>
+  living_map:["Living Map",["-5% interval"]],
-    <tr><td>Optimism – Good Fortune</td><td>+40% Mood</td><td>Extradimensional Cat</td></tr>
+  oneplus:["OnePlus",["Rare crystals chance"]],
-    <tr><td>Aquarius</td><td>+30% Mood Recovery</td><td>Fetch-A-Lot</td></tr>
+  panovision:["Panovision",["-10% speed"]],
-    <tr><td>Golden Toad</td><td>+20% Mood Recovery</td><td>Flame Essence</td></tr>
+  slacking:["Slacking Off",["+5% consumption"]],
-    <tr><td>Shadow Shroom</td><td>+40% Energy</td><td>Growshroom</td></tr>
+  stardust:["Stardust Affinity",["20% no Mood cost"]],
-    <tr><td>Prototype</td><td>+10% Power Recovery</td><td>H37</td></tr>
+  sweet_talk:["Sweet Talk",["20% give Mood"]],
-    <tr><td>Evergreen</td><td>2% chance bring Bait</td><td>Hydronaut Fish</td></tr>
+  overtime:["Voluntary Overtime",["10% no cost"]],
-    <tr><td>Feisty Vitality</td><td>+30% Mood Recovery</td><td>Nutcracker</td></tr>
+  workaholic:["Workaholic",["+10% duration"]],
-    <tr><td>Witch's Beloved</td><td>+20% Mood Recovery</td><td>Paper Doll</td></tr>
+  lunar_oracle:["Lunar Oracle",["+20% duration"]],
-    <tr><td>Childlike Whimsy</td><td>+30% Power Recovery</td><td>Rain Man</td></tr>
+  daydreaming:["Daydreaming",["Restore Power"]],
-    <tr><td>Radiance</td><td>+40% Power</td><td>Tar Pudding</td></tr>
+  toxicologist:["Toxicologist",["25% no cost"]],
-    <tr><td>Emerald</td><td>+10% Power Recovery</td><td>The Digby Boy</td></tr>
+  admiral:["Admiral",["3% no cost"]],
-    </table>`,
+  diamond_duke:["Diamond Duke",["5% no cost"]],
+  workaholic_lights:["Workaholic - Lights",["+20% duration"]],
-    slot2: `
+  gold_speaker:["Gold Speaker",["Extra ores"]]
-    <table class="wikitable">
+};
-    <tr><th>Trait</th><th>Effect</th></tr>
+var data3 = {
-    <tr><td>A World of Charm</td><td>10% give +20 Mood</td></tr>
+  brute_force:["Brute Force Rules",["10% double output"]],
-    <tr><td>Anti-Burnout</td><td>20% give +5 Power</td></tr>
+  clean:["Clean and Hygienic",["Sanity over 20%"]],
-    <tr><td>Devoted Laborer</td><td>+20% work duration</td></tr>
+  extra_load:["Extra Load",["+15% storage"]],
-    <tr><td>Dream Wild</td><td>10% give +10 Power</td></tr>
+  feline:["Feline Creatures",["Extra lightweight item"]],
-    <tr><td>Hydrophilic</td><td>+30% recovery near water</td></tr>
+  herbivore:["Herbivore",["Animal: Deer","Chance to yield an additional deviated plant during production"]],
-    <tr><td>Lazy Bones</td><td>-5% work speed</td></tr>
+  moonlight:["Moonlight Assault",["+15% at night"]],
-    <tr><td>Living Map</td><td>-5% production interval</td></tr>
+  top_grunt:["Top Grunt",["Convert Mood to Energy"]]
-    <tr><td>OnePlus</td><td>Rare crystals chance</td></tr>
+};
-    <tr><td>Panovision</td><td>-10% work speed</td></tr>
+function bind(selId, outId, data) {
-    <tr><td>Slacking Off</td><td>+5% consumption</td></tr>
+  var sel = document.getElementById(selId);
-    <tr><td>Stardust Affinity</td><td>20% no Mood cost</td></tr>
+  var out = document.getElementById(outId);
-    <tr><td>Sweet Talk</td><td>20% give Mood</td></tr>
+  sel.onchange = function() {
-    <tr><td>Voluntary Overtime</td><td>10% no Mood cost</td></tr>
+    var v = sel.value;
-    <tr><td>Workaholic</td><td>+10% duration</td></tr>
+    if (!v) { out.style.display = "none"; return; }
-    </table>`,
+    var row = data[v];
+    var html = '<div style="font-weight:700;margin-bottom:8px;color:#e6edf3;">' + row[0] + '</div>';
-    slot2_dev: `
+     for (var i = 0; i < row[1].length; i++) {
-    <table class="wikitable">
+      var border = i === 0 ? '' : 'border-top:1px solid #1a222b;';
-    <tr><th>Trait</th><th>Effect</th><th>Deviant</th></tr>
+      html += '<div style="font-size:13px;color:#9fb0c3;padding:4px 0;' + border + '">' + row[1][i] + '</div>';
-    <tr><td>Lunar Oracle</td><td>+20% work duration</td><td>Electric Eel</td></tr>
+    }
-    <tr><td>Daydreaming</td><td>Restore Power to others</td><td>Extradimensional Cat</td></tr>
+    out.innerHTML = html;
-    <tr><td>Toxicologist – Green Touch</td><td>25% no Power cost</td><td>Growshroom</td></tr>
+    out.style.display = "block";
-    <tr><td>Admiral</td><td>3% no Power cost</td><td>Nutcracker</td></tr>
+  };
-    <tr><td>Diamond Duke</td><td>5% no cost in pollution</td><td>Nutcracker</td></tr>
+}
-    <tr><td>Workaholic – Lights</td><td>+20% duration</td><td>Nutcracker</td></tr>
+bind("sel1","out1",data1);
-    <tr><td>Gold Speaker</td><td>Extra ores</td><td>The Digby Boy</td></tr>
+bind("sel2","out2",data2);
-    </table>`,
+bind("sel3","out3",data3);
+var tabs = document.querySelectorAll(".tab");
-    slot3: `
+for (var i = 0; i < tabs.length; i++) {
-    <table class="wikitable">
+  tabs[i].onclick = function(e) {
-    <tr><th>Trait</th><th>Effect</th></tr>
+    var target = e.currentTarget.getAttribute("data-tab");
-    <tr><td>Brute Force Rules</td><td>10% double output</td></tr>
+    var allTabs = document.querySelectorAll(".tab");
-    <tr><td>Clean and Hygienic</td><td>Sanity floor 20%</td></tr>
+    for (var j = 0; j < allTabs.length; j++) {
-    <tr><td>Extra Load</td><td>+15% storage</td></tr>
+      allTabs[j].style.background = "#11161c";
-    <tr><td>Feline Creatures</td><td>Extra lightweight item chance</td></tr>
+      allTabs[j].style.color = "#cfd6df";
-    <tr><td>Moonlight Assault</td><td>+15% recovery at night</td></tr>
+    }
-     <tr><td>Top Grunt</td><td>Mood → Energy at low</td></tr>
+    e.currentTarget.style.background = "#0ea5e9";
-     </table>`
+    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";
    };
-  content.innerHTML = data[value] || "<b>Provide Trait information here</b>";
 }
 </script>
+</html>
-</div>