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
 
(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>
<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>
</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",
      "<b>Story:</b> James and Hannah Garland, a pioneering couple, discovered this haven untouched by Stardust while journeying from Meyer's Market. The decided to settle there, naming the sanctuary Deadsville. Together, they constructed fortifications, cultivated the land, and welcomed wandering survivors, establishing a modest post-apocalyptic waypoint."
    ],
    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" }
    ]
  }
};
};
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"