Jump to content

Main Page: Difference between revisions

From inZOI Wiki
Test (talk | contribs)
No edit summary
No edit summary
(164 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
__NOTOC__
<html lang="en">
<!-- =========================== -->
<head>
<!--        HERO / BANNER      -->
   <meta charset="UTF-8" />
<!-- =========================== -->
   <title>InZOI Wiki - Front Page</title>
<div class="hero-banner">
   <style>
  <!-- Banner with improved styling - Reduced height -->
     /* ------------ Basic Reset and Body Styles ------------ */
  [[File:inzoi banner.jpg|400px|center|alt=inZOI Banner|link=inZOI]]
    * {
   <div class="hero-title">
      margin: 0;
    Welcome to inzoiwiki.com
      padding: 0;
   </div>
      box-sizing: border-box;
   <div class="hero-subtitle">
    }
     Your comprehensive community-run wiki for the life simulation game
    body {
  </div>
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
</div> <!-- Closing hero-banner div was missing, added it here -->
      background-color: #fefefe;
      color: #333;
      line-height: 1.6;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 1rem;
    }


    /* ------------ Hero / Banner Section ------------ */
<!-- =========================== -->
    .hero {
<!--     ABOUT SECTION          -->
      position: relative;
<!-- =========================== -->
      text-align: center;
<div class="about-section">
      margin: 1rem 0 2rem 0;
  <h2>About inZOI Wiki</h2>
      border-radius: 8px;
  <p>
      overflow: hidden;
     inZOI is a life simulation game developed and published by Krafton. Whether you're a seasoned life sim expert or completely new to the genre, this wiki is here to help you explore everything inZOI has to offer. Feel free to [[Special:CreateAccount|create an account]] and share your discoveries. Together, we hope to turn the wiki into the ultimate resource for inZOI.
    }
  </p>
     .hero img {
</div>
      width: 100%;
      height: auto;
      display: block;
      border-radius: 8px;
      opacity: 0.8;
    }
    .hero h1 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 3rem;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
    }
    .hero p {
      position: absolute;
      top: 65%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 1.25rem;
      text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    }


    /* ------------ Main Sections (Grid Layout) ------------ */
<!-- =========================== -->
    .sections {
<!--       MAIN SECTIONS        -->
      display: grid;
<!-- =========================== -->
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
<!-- Desktop view (2 columns per row) -->
      grid-gap: 1rem;
<div class="desktop-view">
      margin-bottom: 2rem;
<div class="main-sections">
    }
{| class="wiki-table"
    .section {
|-
      background-color: #fff;
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#e3f2fd; border-radius:6px; border:none; color:#1565c0; font-size:1.3em; text-align:center;" | '''News & Updates'''
      padding: 1rem;
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#fff3e0; border-radius:6px; border:none; color:#e65100; font-size:1.3em; text-align:center;" | '''Getting Started'''
      border-radius: 8px;
|-
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
    }
* [https://playinzoi.com/en/news/8362 Creative Studio Release]
    .section h2 {
* [https://playinzoi.com/en/news/8324 Creative Studio Opening Announcement]
      font-size: 1.5rem;
* [https://playinzoi.com/en/news/8303 System Requirements and Optimal Settings]
      margin-bottom: 0.5rem;
* [https://playinzoi.com/en/news/8280 Discord AMA Summary]
      color: #2c3e50;
* [https://playinzoi.com/en/news/8267 Online Showcase Announcement]
    }
    .section ul {
      list-style: disc inside;
      margin-left: 1rem;
    }
    .section a {
      color: #2e86c1;
      text-decoration: none;
    }
    .section a:hover {
      text-decoration: underline;
    }


    /* ------------ Footer Section ------------ */
<div class="view-all">
    footer {
[[Development Roadmap]]
      margin-top: 2rem;
</div>
      padding: 1rem;
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
      text-align: center;
<div class="two-column">
      font-size: 0.875rem;
*[[System requirements]]
      color: #666;
*[[Graphical settings]]
    }
*[[Controls]]
    footer a {
*[[Character creation]]
      color: #666;
*[[User Interface]]
      text-decoration: none;
*[[Build Mode]]
    }
*[[Beginner's Guide]]
    footer a:hover {
*[[Canvas]]
      text-decoration: underline;
*[[Build Studio]]
    }
</div>
|-
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#e8f5e9; border-radius:6px; border:none; color:#2e7d32; font-size:1.3em; text-align:center;" | '''Character Development'''
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#fce4ec; border-radius:6px; border:none; color:#c2185b; font-size:1.3em; text-align:center;" | '''Game Mechanics and Features'''
|-
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
*[[Ambitions]]
*[[Deaths]]
*[[Desired Life]]
*[[Life Stages]]
*[[Motives]]
*[[Needs]]
*[[Preferences]]
*[[Skills]]
*[[Traits]]
*[[Urges]]
*[[Values]]
</div>
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
*[[3D Printer]]
*[[Animals]]
*[[Cars]]
*[[Cheats]]
*[[Cleanliness]]
*[[Cooking]]
*[[Edit City]]
*[[Filters]]
*[[Fire]]
*[[Ghosts]]
*[[Hospitals]]
*[[Karma]]
*[[Map]]
*[[Meow Store]]
*[[Multitasking]]
*[[Pets]]
*[[Smart Zoi]]
*[[Smartphone]]
*[[Themed Studio]]
*[[Weather]]
*[[Zois]]
</div>
|-
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#fff8e1; border-radius:6px; border:none; color:#ff8f00; font-size:1.3em; text-align:center;" | '''Relationships & Social'''
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#e1f5fe; border-radius:6px; border:none; color:#0277bd; font-size:1.3em; text-align:center;" | '''Work and Education'''
|-
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
*[[Interactions]]
*[[Social Events]]
*[[Relationships]]
*[[Family]]
*[[Romance]]
*[[Marriage]]
*[[Divorce]]
*[[Pregnancy]]
</div>
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
*[[Jobs]]
*[[Careers]]
*[[Dowon Jobs]]
*[[Bliss Bay Jobs]]
*[[Dowon Students]]
*[[Bliss Bay Students]]
*[[University]]
*[[Schools]]


    /* ------------ Responsive Tweaks ------------ */
</div>
    @media (max-width: 600px) {
|-
      .hero h1 {
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#fff8e1; border-radius:6px; border:none; color:#ff8f00; font-size:1.3em; text-align:center;" | '''[[Cities]]'''
        font-size: 2rem;
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#e1f5fe; border-radius:6px; border:none; color:#0277bd; font-size:1.3em; text-align:center;" | '''[[NPCs]]'''
      }
|-
      .hero p {
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
        font-size: 1rem;
<div class="two-column-list">
      }
*[[Dowon]]
    }
*[[Bliss Bay]]
  </style>
*[[Kucingku]]
</head>
</div>
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column-list">
*[[Zois]]
*[[Psycat]]
*[[Bora]]
*[[Henri]]
</div>
|-
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#fff3e0; border-radius:6px; border:none; color:#e65100; font-size:1.3em; text-align:center;" | '''[[Objects]]'''
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#f3e5f5; border-radius:6px; border:none; color:#7b1fa2; font-size:1.3em; text-align:center;" | '''[[Items]]'''
|-
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column-list">
* [[Furniture]]
* [[Electronics]]
* [[Collectibles]]
* [[Crafting Materials]]
</div>
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column-list">
*[[Donuts]]
</div>
|-
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#e8f5e9; border-radius:6px; border:none; color:#2e7d32; font-size:1.3em; text-align:center;" | '''Buildings'''
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#fce4ec; border-radius:6px; border:none; color:#c2185b; font-size:1.3em; text-align:center;" | '''Clothes'''
|-
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
*
</div>
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
* [[Casual Wear]]
* [[Formal Attire]]
* [[Accessories]]
* [[Seasonal Outfits]]
</div>
|-
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#f3e5f5; border-radius:6px; border:none; color:#7b1fa2; font-size:1.3em; text-align:center;" | '''[[Guides]]'''
! style="width:50%; vertical-align:top; padding:1.2em; background-color:#e8f5e9; border-radius:6px; border:none; color:#2e7d32; font-size:1.3em; text-align:center;" | '''Community'''
|-
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column-list">
*[[How to Make Money (Meow)]]
*[[How to Win the Lottery]]
* [[All About NPCs & Relationships]]
* [[Town Building & Upgrades]]
</div>
| style="vertical-align:top; padding:1em; border-radius:6px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column-list">
* [[Wanted Pages]]
* [[Stubs to Expand]]
* [[Editing Tutorials]]
* [[Community Portal]]
</div>
|}
</div>
</div>


<body>
<!-- Mobile view (1 column per row) -->
  <!-- Hero / Banner Section -->
<div class="mobile-view">
  <div class="hero">
<div class="main-sections-mobile">
    <!-- Replace src with an InZOI-themed banner or official image if available -->
{| class="wiki-table-mobile"
    <img src="https://via.placeholder.com/1200x400.png?text=InZOI+Banner" alt="InZOI Banner" />
|-
    <h1>Welcome to the InZOI Wiki!</h1>
! style="width:100%; vertical-align:top; padding:1em; background-color:#e3f2fd; border-radius:6px; border:none; color:#1565c0; font-size:1.2em; text-align:center;" | '''News & Updates'''
    <p>Your hub for the upcoming life simulation game</p>
|-
  </div>
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
* [https://playinzoi.com/en/news/8067 Fan Art Winner Announcement]
* [https://playinzoi.com/en/news/7920 Early Access Release Date Announcement]
* [https://playinzoi.com/en/news/7897 Fan Art Contest]


  <!-- Brief Intro / Welcome Text -->
<div class="view-all">
  <div class="section" style="margin-bottom: 2rem;">
[[:Category:News|See all news →]]
    <p>
</div>
      <strong>About InZOI:</strong> InZOI is an upcoming life simulation game offering
|-
      <em>immersive storytelling</em>, in-depth character customization, and a vibrant open world.
! style="width:100%; vertical-align:top; padding:1em; background-color:#fff3e0; border-radius:6px; border:none; color:#e65100; font-size:1.2em; text-align:center;" | '''Getting Started'''
      Whether you’re a seasoned life-sim pro or brand new to the genre, we hope this wiki helps you
|-
      explore and discover everything InZOI has to offer!
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
    </p>
<div class="two-column">
  </div>
*[[System requirements]]
*[[Graphical settings]]
*[[Controls]]
*[[Character creation]]
*[[User Interface]]
*[[Build Mode]]
*[[Beginner's Guide]]
*[[Canvas]]
*[[Build Studio]]
</div>
|-
! style="width:100%; vertical-align:top; padding:1em; background-color:#e8f5e9; border-radius:6px; border:none; color:#2e7d32; font-size:1.2em; text-align:center;" | '''Character Development'''
|-
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
*[[Ambitions]]
*[[Deaths]]
*[[Desired Life]]
*[[Life Stages]]
*[[Motives]]
*[[Needs]]
*[[Preferences]]
*[[Skills]]
*[[Traits]]
*[[Urges]]
*[[Values]]
</div>
|-
! style="width:100%; vertical-align:top; padding:1em; background-color:#fce4ec; border-radius:6px; border:none; color:#c2185b; font-size:1.2em; text-align:center;" | '''Game Mechanics and Features'''
|-
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
*[[3D Printer]]
*[[Animals]]
*[[Cars]]
*[[Cheats]]
*[[Cleanliness]]
*[[Cooking]]
*[[Edit City]]
*[[Filters]]
*[[Fire]]
*[[Ghosts]]
*[[Hospitals]]
*[[Karma]]
*[[Map]]
*[[Meow Store]]
*[[Multitasking]]
*[[Pets]]
*[[Smart Zoi]]
*[[Smartphone]]
*[[Themed Studio]]
*[[Weather]]
*[[Zois]]
</div>
|-
! style="width:100%; vertical-align:top; padding:1em; background-color:#fff8e1; border-radius:6px; border:none; color:#ff8f00; font-size:1.2em; text-align:center;" | '''Relationships and Social'''
|-
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
*[[Interactions]]
*[[Social Events]]
*[[Relationships]]
*[[Family]]
*[[Romance]]
*[[Marriage]]
*[[Divorce]]
*[[Pregnancy]]
</div>
|-
! style="width:100%; vertical-align:top; padding:1em; background-color:#fff8e1; border-radius:6px; border:none; color:#ff8f00; font-size:1.2em; text-align:center;" | '''Work and Education'''
|-
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
<div class="two-column">
*[[Jobs]]
*[[Careers]]
*[[Dowon Jobs]]
*[[Bliss Bay Jobs]]
*[[Dowon Students]]
*[[Bliss Bay Students]]
*[[University]]
*[[Schools]]


  <!-- Main Content Sections -->
</div>
  <div class="sections">
|-
    <!-- News & Updates -->
! style="width:100%; vertical-align:top; padding:1em; background-color:#fff8e1; border-radius:6px; border:none; color:#ff8f00; font-size:1.2em; text-align:center;" | '''[[Cities]]'''
    <div class="section">
|-
      <h2>News & Updates</h2>
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
      <ul>
*[[Dowon]]
        <li><strong>Dev Blog #4:</strong> New sneak peeks on NPC interactions</li>
*[[Bliss Bay]]
        <li><strong>Beta Sign-Up:</strong> Early access details released</li>
*[[Kucingku]]
        <li><strong>Patch Notes:</strong> Minor bug fixes and optimization</li>
|-
      </ul>
! style="width:100%; vertical-align:top; padding:1em; background-color:#e1f5fe; border-radius:6px; border:none; color:#0277bd; font-size:1.2em; text-align:center;" | '''[[NPCs]]'''
      <p><a href="#">See all news</a></p>
|-
    </div>
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
*[[Zois]]
*[[Psycat]]
*[[Bora]]
*[[Henri]]
|-
! style="width:100%; vertical-align:top; padding:1em; background-color:#fff3e0; border-radius:6px; border:none; color:#e65100; font-size:1.2em; text-align:center;" | '''[[Objects]] & [[Items]]'''
|-
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
* [[Donuts]]
* [[Furniture]]
* [[Electronics]]
* [[Collectibles]]
* [[Crafting Materials]]
|-
! style="width:100%; vertical-align:top; padding:1em; background-color:#f3e5f5; border-radius:6px; border:none; color:#7b1fa2; font-size:1.2em; text-align:center;" | '''[[Clothes]]'''
|-
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
* [[Casual Wear]]
* [[Formal Attire]]
* [[Accessories]]
* [[Seasonal Outfits]]
|-
! style="width:100%; vertical-align:top; padding:1em; background-color:#f3e5f5; border-radius:6px; border:none; color:#7b1fa2; font-size:1.2em; text-align:center;" | '''[[Guides]]'''
|-
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
*[[How to Make Money (Meow)]]
*[[How to Win the Lottery]]
* [[All About NPCs & Relationships]]
* [[Town Building & Upgrades]]
|-
! style="width:100%; vertical-align:top; padding:1em; background-color:#e8f5e9; border-radius:6px; border:none; color:#2e7d32; font-size:1.2em; text-align:center;" | '''Community'''
|-
| style="width:100%; vertical-align:top; padding:1em; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);" |
* [[Wanted Pages]]
* [[Stubs to Expand]]
* [[Editing Tutorials]]
* [[Community Portal]]
|}
</div>
</div>


     <!-- Getting Started -->
<!-- =========================== -->
    <div class="section">
<!--     WIKI STATISTICS        -->
      <h2>Getting Started</h2>
<!-- =========================== -->
      <ul>
<div class="wiki-stats">
        <li><a href="#">Beginner's Guide</a></li>
  <h2>Wiki Statistics</h2>
        <li><a href="#">Frequently Asked Questions</a></li>
  <div class="stats-container">
        <li><a href="#">Basic Controls</a></li>
    <div class="stat-box stat-blue">
        <li><a href="#">Tips for First-Time Players</a></li>
      <div class="stat-number">{{NUMBEROFARTICLES}}</div>
      </ul>
      <div class="stat-label">Articles</div>
     </div>
     </div>
  </div>
    <div class="stat-box stat-red">
 
      <div class="stat-number">{{NUMBEROFFILES}}</div>
  <div class="sections">
       <div class="stat-label">Files</div>
    <!-- Featured Articles -->
    <div class="section">
      <h2>Featured Articles</h2>
       <ul>
        <li><a href="#">All About NPCs & Relationships</a></li>
        <li><a href="#">Crafting 101: Essential Recipes</a></li>
        <li><a href="#">Town Building & Upgrades</a></li>
      </ul>
     </div>
     </div>
 
     <div class="stat-box stat-green">
    <!-- Community Projects -->
       <div class="stat-number">{{NUMBEROFEDITS}}</div>
     <div class="section">
      <div class="stat-label">Edits</div>
       <h2>Community Projects</h2>
      <ul>
        <li><a href="#">Wanted Pages</a> — help us fill in missing info!</li>
        <li><a href="#">Stubs to Expand</a> — add screenshots, tips, and data</li>
        <li><a href="#">Editing Tutorials</a> — learn how to contribute effectively</li>
      </ul>
     </div>
     </div>
   </div>
   </div>
</div>


  <!-- Footer Section -->
<!-- =========================== -->
  <footer>
<!--          FOOTER            -->
    <p>
<!-- =========================== -->
      <em>This wiki is a community effort.</em><br />
<div class="wiki-footer">
      Not affiliated with the official InZOI development team. All game-related assets belong to their respective owners.
  <p class="footer-text">
    </p>
    This wiki is a <em>community effort</em>. Not affiliated with Krafton, the official inZOI development team.
    <p>
    <br />
      <a href="#">Official Website</a> |
    All game-related assets belong to their respective owners.
      <a href="#">Developer's Twitter</a> |
  </p>
      <a href="#">Community Discord</a>
  <div class="footer-links">
     </p>
    [https://playinzoi.com/en/ Official Website] |
   </footer>
    [https://store.steampowered.com/app/2456740/inZOI/ Steam Page] |
</body>
    [https://discord.com/invite/inzoi Official Discord]
</html>
  </div>
  <p>
     We are currently maintaining [[Special:Statistics|{{NUMBEROFARTICLES}}]]
    [[Special:Allpages|articles]].
  </p>
   <p class="footer-date">
    Last updated: March 17, 2025
  </p>
</div>

Revision as of 09:35, 31 March 2025

inZOI Banner
   Welcome to inzoiwiki.com
   Your comprehensive community-run wiki for the life simulation game

About inZOI Wiki

inZOI is a life simulation game developed and published by Krafton. Whether you're a seasoned life sim expert or completely new to the genre, this wiki is here to help you explore everything inZOI has to offer. Feel free to create an account and share your discoveries. Together, we hope to turn the wiki into the ultimate resource for inZOI.

Wiki Statistics

456
Articles
422
Files
3,916
Edits