Jump to content

Outpost: 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
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<html>
<html>
<a href="https://ohwikiguide.com">Return to Front Page</a>
<a href="https://ohwikiguide.com" style="display:inline-block;padding:8px 14px;background:#0ea5e9;color:#001018;font-weight:700;font-size:13px;border-radius:6px;text-decoration:none;">Back to Main Page</a>
<br><br>
<br>
<div style="max-width:420px; margin:0 auto;">
<br>
<style>
Updated: 25 May 2026
/* ===== TABS ===== */
<br>
.mw-tab-buttons {
<br>
  display: flex;
<div style="max-width:420px;margin:0 auto;">
  width: 100%;
  <div style="display:flex;width:100%;background:#0b0f14;border-radius:10px;padding:4px;gap:4px;box-sizing:border-box;margin-bottom:8px;">
  background: #0b0f14;
    <div class="cattab" data-cat="manibus" style="flex:1;text-align:center;padding:10px 0;font-weight:600;color:#001018;background:#0ea5e9;border-radius:6px;cursor:pointer;">Manibus</div>
  border-radius: 10px;
    <div class="cattab" data-cat="wow" style="flex:1;text-align:center;padding:10px 0;font-weight:600;color:#cfd6df;background:#11161c;border-radius:6px;cursor:pointer;">Way of Winter</div>
  padding: 4px;
  </div>
  gap: 4px;
  <div id="manibus" class="catpanel" style="display:block;">
}
    <select id="manibusSel" 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;">
.mw-tab-btn {
        <option value="">Select Option</option>
  flex: 1;
        <option value="sep_73">73 Source Extraction Point</option>
  text-align: center;
        <option value="sunshine_farm">Sunshine Farm</option>
  padding: 10px 0;
    </select>
  font-weight: 600;
    <div id="manibusOut" style="display:none;margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12px;"></div>
  color: #cfd6df;
   </div>
  background: #11161c;
   <div id="wow" class="catpanel" style="display:none;">
  border-radius: 6px;
    <select id="wowSel" 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;">
  cursor: pointer;
        <option value="">Select Option</option>
}
        <option value="ashenton">Ashenton</option>
.mw-tab-btn.active {
        <option value="fire_throat_fortress">Fire Throat Fortress</option>
  background: linear-gradient(180deg, #1ec8ff, #0ea5e9);
        <option value="mousseville">Mousseville</option>
  color: #001018;
        <option value="mousseville_sweet_factory">Mousseville Sweet Factory</option>
}
        <option value="sunshroud_cave">Sunshroud Cave</option>
/* ===== DROPDOWN UI ===== */
        <option value="wish_land_east">Wish Land East</option>
.dropdown {
    </select>
  width: 100%;
    <div id="wowOut" style="display:none;margin-top:10px;background:#0d1319;border:1px solid #1f2a35;border-radius:10px;padding:12px;"></div>
  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 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;
  text-align: center;
}
.output-line {
  font-size: 13px;
  color: #9fb0c3;
  padding: 4px 0;
  border-top: 1px solid #1a222b;
}
.output-line:first-of-type {
  border-top: none;
}
/* ===== FOR-SALE TABLE ===== */
.output-row {
  display: flex;
  font-size: 13px;
  color: #9fb0c3;
  padding: 4px 0;
  border-top: 1px solid #1a222b;
}
.output-row.output-header {
  font-weight: 700;
  color: #e6edf3;
}
.col-name { flex: 1; padding-right: 8px; }
.col-cost { flex: 1; text-align: right; }
.mw-tab-content {
  display: none;
}
.mw-tab-content.active {
  display: block;
}
</style>
<!-- TABS -->
<div class="mw-tab-buttons">
  <div class="mw-tab-btn active" data-tab="slot1">Manibus</div>
  <div class="mw-tab-btn" data-tab="slot2">Way of Winter</div>
</div>
<!-- ================= MANIBUS ================= -->
<div id="slot1" class="mw-tab-content active">
<div class="dropdown">
<select id="manibusSelect">
  <option value="">Select Outpost</option>
  <option value="deadsville">Deadsville</option>
  <option value="meyersmarket">Meyer's Market</option>
  <option value="tallgrassinn">Tall Grass Inn</option>
  <option value="greywatercamp">Greywater Camp</option>
</select>
</div>
<div id="manibusOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= WAY OF WINTER ================= -->
<div id="slot2" class="mw-tab-content">
<div class="dropdown">
<select id="wayofwinterSelect">
  <option value="">Select Outpost</option>
</select>
</div>
<div id="wayofwinterOutput" class="output" style="display:none;"></div>
</div>
</div>
</div>
<script>
<script>
/* TAB SYSTEM */
var manibusData = {
document.querySelectorAll('.mw-tab-btn').forEach(btn => {
   sep_73:["73 Source Extraction Point",["Location: 2866, -1713","Zone: Red Sands","Mystical Crate:","Confirmed Facility Drops:","- Hydropower Generator","- Fusion Pod","- Furnace"]],
  btn.onclick = () => {
  sunshine_farm:["Sunshine Farm",["Location: 2835, -326","Zone: Blackheart Region","Mystical Crate: 2867, -283 (On top of structure)","Confirmed Facility Drops:","- Refinery Facility","- Furnace","- Assault Rifle Turret","- Hydropower Generator","- Solar Generator","- Biomass Generator","- Weapon Rack","- Tech Research Workbench"]]
    document.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active'));
};
    document.querySelectorAll('.mw-tab-content').forEach(c => c.classList.remove('active'));
var wowData = {
    btn.classList.add('active');
  ashenton:["Ashenton",["Location: -6328, 4567","Zone: Ember Strand","Mystical Crate:","Confirmed Facility Drops:","- Custom Disassembly Bench -6513, 4838","- Stardust Furnace -6590, 4817","- Hybrid Furnace -6590, 4817"]],
    document.getElementById(btn.dataset.tab).classList.add('active');
  fire_throat_fortress:["Fire Throat Fortress",["Location: -5115, 4452","Zone: Ember Strand","Mystical Crate:","Confirmed Facility Drops:","- Advanced Supplies Workbench","- Disassembly Bench","- Improved Large Biomass Generator","- Intermediate Stove","- Large Biomass Generator","- Large Solar Generator","- Large Synthesis Machine","- Private Storage Crate","- Small Solar Generator","- Special Storage Crate","- Tech Research Workbench","- Weapon Storage Crate"]],
  };
  mousseville:["Mousseville",["Location: 5295, 4558","Zone: Onyx Tundra","Mystical Crate: 5300, 4676 (On top of cake)","Weapon Crate:","5198, 4592","5227, 4695","5256, 4755","5283, 4792 (Must break iceberg as it's inside the Spider Cave)","Confirmed Facility Drops:"]],
});
   mousseville_sweet_factory:["Mousseville Sweet Factory",["Location: 4210, 4959","Zone: Onyx Tundra","Mystical Crate: 4187, 4999 (Must break iceberg inside factory room and go downstairs)","Weapon Crate:","4288, 5059","Confirmed Facility Drops:"]],
/* DATA */
   sunshroud_cave:["Sunshroud Cave",["Location: -5902, 7278","Zone: Ember Strand","Mystical Crate:","Confirmed Facility Drops:","- Advanced Stove","- Custom Disassembly Bench","- Disassembly Bench","- Electric Furnace","- Electric Heater","- Improved Large Biomass Generator","- Large Biomass Generator","- Large Refinery Facility","- Small Biomass Generator","- Small Refinery Facility","- Small Storage Crate","- Special Storage Crate","- Stardust Stove"]],
const manibusData = {
   wish_land_east:["Wish Land East",["Location: 2517, 5758","Zone: Onyx Tundra","Mystical Crate: 2520, 5762 (On top of Castle facing front entrance)","Confirmed Facility Drops:","- Deviation Storage Crate","- Large Storage Crate","- Primary Stove","- Primary Supplies Workbench","- Private Storage Crate","- Securement Pod","- Table"]]
   deadsville: {
    title: "Deadsville",
    lines: [
      "<b>Location:</b> 6006, -5524"
    ],
    forSale: [
      { name: "Healing Syringe", cost: "60EL (5 Weekly)" },
      { name: "Wheat", cost: "20EL (3 Daily)" },
      { name: "Roasted Vegetables", cost: "110EL (2 Daily)" },
      { name: "Roasted Meat", cost: "110EL (2 Daily)" },
      { name: "1/1 Logging Beaver", cost: "2000EL" },
      { name: "Mini Reflect Sight", cost: "1000EL" },
      { name: "Basic Suppressor", cost: "1000EL" },
      { name: "Compact Flashlight", cost: "1000EL" },
      { name: "Formula Fashion Mannequin", cost: "1000EL" },
      { name: "Formula Passcode Lock", cost: "1000EL" },
      { name: "Formula Reward Crate", cost: "1000EL" },
      { name: "Formula Normal Work Chair", cost: "1000EL" },
      { name: "Formula Folk Guitar", cost: "1000EL" },
      { name: "Formula Clue Log", cost: "1000EL" },
      { name: "Formula American Low Cabinet", cost: "2000EL" },
      { name: "Formula Pot Plant 1", cost: "2000EL" },
      { name: "Scarlet Dragon Set", cost: "50 Lightforge Medal" },
      { name: "Namecard Ace Investigator", cost: "20 Lightforge Medal" },
      { name: "Namecard Theme Ace Investigator", cost: "15 Lightforge Medal" },
      { name: "Avatar Ace Investigator", cost: "15 Lightforge Medal" },
      { name: "Pistol Body V", cost: "1 Old Currency (1 Weekly)" },
      { name: "Shotgun Body V", cost: "1 Old Currency (1 Weekly)" },
      { name: "Medium-Caliber Weapon Body V", cost: "1 Old Currency (3 Weekly)" },
      { name: "Sniper Rifle Body V", cost: "1 Old Currency (1 Weekly)" },
      { name: "Protective Lining V", cost: "1 Old Currency (2 Weekly)" },
      { name: "Limb Lining V", cost: "1 Old Currency (2 Weekly)" },
      { name: "Bulletproof Lining V", cost: "1 Old Currency (2 Weekly)" },
      { name: "Recipe: Whimsical Drink (Gold)", cost: "1 Old Currency" },
      { name: "Recipe: Whimsical Drink (Purple)", cost: "1 Old Currency" },
      { name: "Recipe: Crumbly Bread", cost: "1 Old Currency" },
      { name: "Recipe: Stargazy Pie", cost: "1 Old Currency" },
      { name: "Recipe: Stardust Pumpkin Salad", cost: "1 Old Currency" },
      { name: "Recipe: Mixed Fried Hotdog", cost: "1 Old Currency" },
      { name: "Recipe: Signature Ice Brew", cost: "1 Old Currency" },
      { name: "Recipe: French Fries", cost: "1 Old Currency" },
      { name: "Recipe: Stardust Ratatouille", cost: "1 Old Currency" },
      { name: "Recipe: Bone-in Deviation Sausage", cost: "1 Old Currency" },
      { name: "Recipe: Assorted Canned Fruit", cost: "1 Old Currency" },
      { name: "Recipe: Canned Meat", cost: "1 Old Currency" },
      { name: "Recipe: Stardust Raspberry Shaved Ice", cost: "1 Old Currency" },
      { name: "Recipe: Fat-Burning Juice", cost: "1 Old Currency" },
      { name: "Recipe: Fish & Chips", cost: "1 Old Currency" },
      { name: "Recipe: Borscht Deluxe", cost: "1 Old Currency" },
      { name: "Recipe: Seafood and Meat Platter", cost: "1 Old Currency" },
      { name: "Recipe: Preserved Deviated Chops", cost: "1 Old Currency" },
      { name: "Recipe: Ice Tea", cost: "1 Old Currency" },
      { name: "Recipe: Stardust Italian Soup Can", cost: "1 Old Currency" },
      { name: "Recipe: Shellfish Meat", cost: "1 Old Currency" },
      { name: "Recipe: Honey Glazed Pizza", cost: "1 Old Currency" },
      { name: "Recipe: Safety Sandwich", cost: "1 Old Currency" },
      { name: "Recipe: Stargazy Pizza", cost: "1 Old Currency" },
      { name: "Recipe: Butter Matsutake Mushrooms", cost: "1 Old Currency" },
      { name: "Recipe: Popcorn", cost: "1 Old Currency" },
      { name: "Recipe: Ginger Poppers", cost: "1 Old Currency" },
      { name: "Recipe: Flaming Eggtart", cost: "1 Old Currency" },
      { name: "Recipe: Hearty Meat Stew", cost: "1 Old Currency" },
      { name: "Recipe: Ginger Drop", cost: "1 Old Currency" },
      { name: "Recipe: Sparkling Pumpkin Soup", cost: "1 Old Currency" },
      { name: "Recipe: Canned Minty Meat", cost: "1 Old Currency" },
      { name: "Recipe: Canned Spicy Rabbit Dices", cost: "1 Old Currency" },
      { name: "Recipe: Stardust Tea", cost: "1 Old Currency" },
      { name: "Recipe: Stardust Mushroom Soup", cost: "1 Old Currency" },
      { name: "Rescue Bot", cost: "1 Old Currency" }
    ]
  },
   meyersmarket: {
    title: "Meyer's Market",
    lines: [
      "<b>Location:</b> 5766, -6575"
    ],
    forSale: [
      { name: "Healing Syringe", cost: "100EL (15 Weekly)" },
      { name: "Deer Meat", cost: "30EL (3 Weekly)" },
      { name: "Preserved Meat", cost: "110EL (2 Weekly)" },
      { name: "Preserved Fish", cost: "260EL (2 Weekly)" },
      { name: "Cucumber Seeds", cost: "1000EL (3 Weekly)" },
      { name: "1/1 Growshroom", cost: "4000EL" },
      { name: "Advanced Combat Optics", cost: "2000EL" },
      { name: "Compact Brake", cost: "2000EL" },
      { name: "Laser Sight", cost: "2000EL" },
      { name: "Formula American Cabinet", cost: "3000EL" },
      { name: "Formula American Wall Lamp", cost: "3000EL" },
      { name: "Formula String Lights", cost: "3000EL" },
      { name: "Formula Medium Frame 2", cost: "3000EL" }
    ]
  },
   tallgrassinn: {
    title: "Tall Grass Inn",
    lines: [
      "<b>Location:</b> 6051, -4853"
    ],
    forSale: [
      { name: "Fast-Acting Durable Healing Syringe", cost: "300EL (10 Weekly)" },
      { name: "Masala", cost: "50EL (3 Daily)" },
      { name: "Roasted Vegetables", cost: "150EL (2 Daily)" },
      { name: "Fruit Tea", cost: "300EL (2 Daily)" },
      { name: "Onion Seeds", cost: "1000EL (3 Weekly)" },
      { name: "1/1 Artisan's Touch", cost: "8000EL" },
      { name: "Formula American Floor Lamp", cost: "9000EL" },
      { name: "Formula Carpet 1", cost: "6000EL" },
      { name: "Formula Vintage Patterned Fabric", cost: "6000EL" },
      { name: "Formula Vintage Geometric Ceiling", cost: "6000EL" }
    ]
  },
   greywatercamp: {
    title: "Greywater Camp",
    lines: [
      "<b>Location:</b> 5373, -3249"
    ],
    forSale: [
      { name: "Fast-Acting Durable Healing Syringe", cost: "200EL (10 Weekly)" },
      { name: "Sugar", cost: "50EL (3 Daily)" },
      { name: "Preserved Fish", cost: "150EL (2 Daily)" },
      { name: "Sanity Gummy", cost: "300EL (2 Daily)" },
      { name: "Tomato Seeds", cost: "1000EL (3 Weekly)" },
      { name: "1/1 Pup Buddy", cost: "6000EL" },
      { name: "Light Brake", cost: "3500EL" },
      { name: "Amended Rifle Mag", cost: "3500EL" },
      { name: "Formula Large Frame 2", cost: "6000EL" },
      { name: "Formula American Desk Lamp", cost: "4000EL" },
      { name: "Formula Black Square Tile", cost: "4000EL" },
      { name: "Formula Single-Layer Brick Red Asphalt Tiles", cost: "4000EL" },
      { name: "Formula Amended SMG Mag", cost: "3500EL" }
    ]
  }
};
};
const wayofwinterData = {};
function bind(selId, outId, data) {
/* DROPDOWN LOGIC */
   var sel = document.getElementById(selId);
function bindDropdown(selectId, outputId, data) {
   var out = document.getElementById(outId);
   const sel = document.getElementById(selectId);
   sel.onchange = function() {
   if (!sel) return;
     var v = sel.value;
   sel.onchange = function () {
     if (!v) { out.style.display = "none"; return; }
     const val = this.value;
    var row = data[v];
    const output = document.getElementById(outputId);
    var html = '<div style="font-weight:700;margin-bottom:8px;color:#e6edf3;">' + row[0] + '</div>';
     if (!val) {
    for (var i = 0; i < row[1].length; i++) {
      output.style.display = "none";
       var border = i === 0 ? '' : 'border-top:1px solid #1a222b;';
       return;
      html += '<div style="font-size:13px;color:#9fb0c3;padding:4px 0;' + border + '">' + row[1][i] + '</div>';
     }
     }
     const item = data[val];
     html += '<div style="font-size:11px;color:#6b7a8c;font-style:italic;padding-top:8px;margin-top:4px;">If you notice anything wrong or find something missing, please use the Discord link on top and open a ticket so we can fix it ASAP.</div>';
    let html = `<div class="output-title">${item.title}</div>`;
     html += '<div style="font-size:11px;color:#6b7a8c;font-style:italic;padding-top:4px;">Any facility named here has been seen here but that doesn\'t mean it will always be there when you visit.</div>';
     if (item.lines && item.lines.length) {
    out.innerHTML = html;
      html += item.lines.map(line => `<div class="output-line">${line}</div>`).join("");
    out.style.display = "block";
    }
  };
    if (item.forSale && item.forSale.length) {
}
      html += `<div class="output-line" style="text-align:center;"><b>What's For Sale:</b></div>`;
bind("manibusSel","manibusOut",manibusData);
      html += `<div class="output-row output-header"><div class="col-name">Name</div><div class="col-cost">Cost</div></div>`;
bind("wowSel","wowOut",wowData);
      html += item.forSale.map(s => `<div class="output-row"><div class="col-name">${s.name}</div><div class="col-cost">${s.cost}</div></div>`).join("");
var catTabs = document.querySelectorAll(".cattab");
for (var i = 0; i < catTabs.length; i++) {
  catTabs[i].onclick = function(e) {
    var target = e.currentTarget.getAttribute("data-cat");
    var allCatTabs = document.querySelectorAll(".cattab");
    for (var j = 0; j < allCatTabs.length; j++) {
      allCatTabs[j].style.background = "#11161c";
      allCatTabs[j].style.color = "#cfd6df";
     }
     }
     output.innerHTML = html;
     e.currentTarget.style.background = "#0ea5e9";
     output.style.display = "block";
    e.currentTarget.style.color = "#001018";
    var catPanels = document.querySelectorAll(".catpanel");
     for (var k = 0; k < catPanels.length; k++) catPanels[k].style.display = "none";
    document.getElementById(target).style.display = "block";
   };
   };
}
}
bindDropdown("manibusSelect", "manibusOutput", manibusData);
bindDropdown("wayofwinterSelect", "wayofwinterOutput", wayofwinterData);
</script>
</script>
</html>
</html>

Latest revision as of 00:41, 26 May 2026

Back to Main Page

Updated: 25 May 2026

Manibus
Way of Winter

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