Jump to content

Outpost: Difference between revisions

From Once Human Guide
← Older editNewer edit →
Bones (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,328 edits
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
<a href="https://ohwikiguide.com">Return to Front Page</a>
<a href="https://ohwikiguide.com">Return to Front Page</a>
<br><br>
<br><br>
<div style="max-width:420px; margin:0 auto;">
<div style="max-width:420px; margin:0 auto;">
 
<style>
/* ===== TABS ===== */
.mw-tab-buttons {
  display: flex;
  width: 100%;
  background: #0b0f14;
  border-radius: 10px;
  padding: 4px;
  gap: 4px;
}
.mw-tab-btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
  color: #cfd6df;
  background: #11161c;
  border-radius: 6px;
  cursor: pointer;
}
.mw-tab-btn.active {
  background: linear-gradient(180deg, #1ec8ff, #0ea5e9);
  color: #001018;
}
/* ===== DROPDOWN UI ===== */
.dropdown {
  width: 100%;
  margin-top: 10px;
}
.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;
}
.mw-tab-content {
  display: none;
}
.mw-tab-content.active {
  display: block;
}
</style>
<!-- TABS -->
<div class="mw-tab-buttons">
<div class="mw-tab-buttons">
   <div class="mw-tab-btn" data-tab="slot1">Manibus</div>
   <div class="mw-tab-btn active" data-tab="slot1">Manibus</div>
   <div class="mw-tab-btn" data-tab="slot2">Way of Winter</div>
   <div class="mw-tab-btn" data-tab="slot2">Way of Winter</div>
</div>
</div>
 
<!-- ================= MANIBUS ================= -->
<div id="slot1" class="mw-tab-content">
<div id="slot1" class="mw-tab-content active">
 
<div class="dropdown">
<div class="mw-dropdown-ui" data-label="Select Outpost" data-options='{"meyers_market":{"label":"Meyers Market","content":"Location: 5766, -6575<br>Recommended Level: 1<br><br>Survivors in the Broken Delta region stumbled upon this haven in the heart of the river, a sanctuary from the Starfall&#39;s ravaging contamination. Here, they&#39;ve erected shelters, cultivated crops on the rich riverbank soil for self-sufficiency, and ventured into nearby factory zones to gather materials for crafting Equip, fortifying their Stronghold against invasions from the surrounding Deviants.<br><br>What&#39;s For Sale:"},"tall_grass_inn":{"label":"Tall Grass Inn","content":"Location: 3051, -4853<br>Recommended Level: 35<br><br>Tall Grass, once a cozy camper&#39;s retreat nestled in a forest complete with an inn and diner, has transformed after the Starfall into a sanctuary for survivors. The cave&#39;s interior has been redesigned into distinct zones for living, functionality, and storage, expanding into a fully-functional settlement.<br><br>What&#39;s For Sale:<br><br>Fast-Acting Durable Healing Treatment: 33EL<br>Masala: 50EL<br>Roasted Vegetables: 150EL<br>Fruit Tea: 300EL<br>Onion Seeds: 1000EL<br>Artisan&#39;s Touch: 8000EL<br>Formula American Floor Lamp: 9000EL<br>Formula Carpet 1: 6000EL<br>Formula Vintage Patterned Fabric: 6000EL<br>Formula Geometric Ceiling: 6000EL"}}'></div>
<select id="manibusSelect">
 
  <option value="">Select Item</option>
  <option value="deadsville">Deadsville</option>
</select>
</div>
</div>
 
<div id="manibusOutput" class="output" style="display:none;"></div>
</div>
<!-- ================= WAY OF WINTER ================= -->
<div id="slot2" class="mw-tab-content">
<div id="slot2" class="mw-tab-content">
Way of Winter Content Goes Here
<div class="dropdown">
<select id="wayofwinterSelect">
  <option value="">Select Item</option>
</select>
</div>
<div id="wayofwinterOutput" class="output" style="display:none;"></div>
</div>
</div>
</div>
</div>
 
<script>
/* TAB SYSTEM */
document.querySelectorAll('.mw-tab-btn').forEach(btn => {
  btn.onclick = () => {
    document.querySelectorAll('.mw-tab-btn').forEach(b => b.classList.remove('active'));
    document.querySelectorAll('.mw-tab-content').forEach(c => c.classList.remove('active'));
    btn.classList.add('active');
    document.getElementById(btn.dataset.tab).classList.add('active');
  };
});
/* DATA */
const manibusData = {
  deadsville: {
    title: "Deadsville",
    lines: [
      "<b>Recommended Level:</b> 2",
      "<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.",
      "<b>What's For Sale:</b>",
      "Healing Syringe: 60EL (5 Weekly)",
      "Wheat: 20EL (3 Daily)",
      "Roasted Vegetables: 110EL (2 Daily)",
      "Roasted Meat: 110EL (2 Daily)",
      "1/1 Logging Beaver: 2000EL",
      "Mini Reflect Sight: 1000EL",
      "Basic Suppressor: 1000EL",
      "Compact Flashlight: 1000EL",
      "Formula Fashion Mannequin: 1000EL",
      "Formula Passcode Lock: 1000EL",
      "Formula Reward Crate: 1000EL",
      "Formula Normal Work Chair: 1000EL",
      "Formula Folk Guitar: 1000EL",
      "Formula Clue Log: 1000EL",
      "Formula American Low Cabinet: 2000EL",
      "Formula Pot Plant 1: 2000EL",
      "Scarlet Dragon Set: 50 Lightforge Medal",
      "Namecard Ace Investigator: 20 Lightforge Medal",
      "Namecard Theme Ace Investigator: 15 Lightforge Medal",
      "Avatar Ace Investigator: 15 Lightforge Medal",
      "Pistol Body V: 1 Old Currency (1 Weekly)",
      "Shotgun Body V: 1 Old Currency (1 Weekly)",
      "Medium-Caliber Weapon Body V: 1 Old Currency (3 Weekly)",
      "Sniper Rifle Body V: 1 Old Currency (1 Weekly)",
      "Protective Lining V: 1 Old Currency (2 Weekly)",
      "Limb Lining V: 1 Old Currency (2 Weekly)",
      "Bulletproof Lining V: 1 Old Currency (2 Weekly)",
      "Recipe: Whimsical Drink (Gold): 1 Old Currency",
      "Recipe: Whimsical Drink (Purple): 1 Old Currency",
      "Recipe: Crumbly Bread: 1 Old Currency",
      "Recipe: Stargazy Pie: 1 Old Currency",
      "Recipe: Stardust Pumpkin Salad: 1 Old Currency",
      "Recipe: Mixed Fried Hotdog: 1 Old Currency",
      "Recipe: Signature Ice Brew: 1 Old Currency",
      "Recipe: French Fries: 1 Old Currency",
      "Recipe: Stardust Ratatouille: 1 Old Currency",
      "Recipe: Bone-in Deviation Sausage: 1 Old Currency",
      "Recipe: Assorted Canned Fruit: 1 Old Currency",
      "Recipe: Canned Meat: 1 Old Currency",
      "Recipe: Stardust Raspberry Shaved Ice: 1 Old Currency",
      "Recipe: Fat-Burning Juice: 1 Old Currency",
      "Recipe: Fish & Chips: 1 Old Currency",
      "Recipe: Borscht Deluxe: 1 Old Currency",
      "Recipe: Seafood and Meat Platter: 1 Old Currency",
      "Recipe: Preserved Deviated Chops: 1 Old Currency",
      "Recipe: Ice Tea: 1 Old Currency",
      "Recipe: Stardust Italian Soup Can: 1 Old Currency",
      "Recipe: Shellfish Meat: 1 Old Currency",
      "Recipe: Honey Glazed Pizza: 1 Old Currency",
      "Recipe: Safety Sandwich: 1 Old Currency",
      "Recipe: Stargazy Pizza: 1 Old Currency",
      "Recipe: Butter Matsutake Mushrooms: 1 Old Currency",
      "Recipe: Popcorn: 1 Old Currency",
      "Recipe: Ginger Poppers: 1 Old Currency",
      "Recipe: Flaming Eggtart: 1 Old Currency",
      "Recipe: Hearty Meat Stew: 1 Old Currency",
      "Recipe: Ginger Drop: 1 Old Currency",
      "Recipe: Sparkling Pumpkin Soup: 1 Old Currency",
      "Recipe: Canned Minty Meat: 1 Old Currency",
      "Recipe: Canned Spicy Rabbit Dices: 1 Old Currency",
      "Recipe: Stardust Tea: 1 Old Currency",
      "Recipe: Stardust Mushroom Soup: 1 Old Currency",
      "Rescue Bot: 1 Old Currency"
    ]
  }
};
const wayofwinterData = {};
/* DROPDOWN LOGIC */
function bindDropdown(selectId, outputId, data) {
  const sel = document.getElementById(selectId);
  if (!sel) return;
  sel.onchange = function () {
    const val = this.value;
    const output = document.getElementById(outputId);
    if (!val) {
      output.style.display = "none";
      return;
    }
    const item = data[val];
    output.innerHTML =
      `<div class="output-title">${item.title}</div>` +
      item.lines.map(line => `<div class="output-line">${line}</div>`).join("");
    output.style.display = "block";
  };
}
bindDropdown("manibusSelect", "manibusOutput", manibusData);
bindDropdown("wayofwinterSelect", "wayofwinterOutput", wayofwinterData);
</script>
</html>
</html>

Revision as of 11:00, 26 April 2026

Return to Front Page

Manibus
Way of Winter

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