Jump to content

Main Page: Difference between revisions

No edit summary
No edit summary
Tag: Reverted
Line 6: Line 6:
   <!-- Banner with improved styling -->
   <!-- Banner with improved styling -->
   [[File:inzoi banner.jpg|600px|center|alt=inZOI Banner|link=inZOI]]
   [[File:inzoi banner.jpg|600px|center|alt=inZOI Banner|link=inZOI]]
   <div class="hero-title">
   <div style="font-size:2.5em; font-weight:bold; margin-top:0.8em; color:#2c3e50; text-shadow:1px 1px 2px rgba(0,0,0,0.1); text-align:center;">
     Welcome to inzoiwiki.com
     Welcome to inzoiwiki.com
   </div>
   </div>
   <div class="hero-subtitle">
   <div style="font-size:1.4em; margin-top:0.4em; color:#34495e; font-weight:300; text-align:center;">
     Your comprehensive community-run resource for the life simulation game
     Your comprehensive community-run resource for the life simulation game
   </div>
   </div>
    
    
   <!-- Quick access buttons -->
   <!-- Quick access buttons -->
   <div class="quick-access-buttons">
   <div style="margin-top:1.5em; display:flex; justify-content:center; flex-wrap:wrap; gap:10px;">
     [[Character creation|<span class="button button-blue">Get Started</span>]]
     [[Character creation|<span class="button button-blue">Get Started</span>]]
     [[Guides|<span class="button button-green">Guides</span>]]
     [[Guides|<span class="button button-green">Guides</span>]]
Line 24: Line 24:
<!--    ABOUT SECTION          -->
<!--    ABOUT SECTION          -->
<!-- =========================== -->
<!-- =========================== -->
<div class="about-section">
<div style="max-width:900px; margin:2em auto; font-size:1.1em; line-height:1.7; text-align:center; color:#333; background-color:white; padding:1.5em; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.05);">
   <h2>About inZOI</h2>
   <h2 style="color:#2c3e50; margin-bottom:0.8em; font-size:1.8em; text-align:center; border-bottom:1px solid #eee; padding-bottom:0.5em;">About inZOI</h2>
   <p>
   <p style="text-align:center;">
     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.
     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>
   </p>
   <div class="external-links">
   <div style="margin-top:1em; display:flex; justify-content:center; gap:15px; flex-wrap:wrap; text-align:center;">
     [https://playinzoi.com/en/ Official Website] |  
     [https://playinzoi.com/en/ Official Website] |  
     [https://store.steampowered.com/app/2456740/inZOI/ Steam Page] |  
     [https://store.steampowered.com/app/2456740/inZOI/ Steam Page] |  
Line 39: Line 39:
<!--    FEATURED CONTENT        -->
<!--    FEATURED CONTENT        -->
<!-- =========================== -->
<!-- =========================== -->
<div class="featured-content">
<div style="margin:2em auto; max-width:1000px;">
   <div class="section-header">
   <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5em; border-bottom:1px solid #eee; padding-bottom:0.5em;">
     <h2>Featured Content</h2>
     <h2 style="color:#2c3e50; margin:0; font-size:2em; padding:0;">Featured Content</h2>
     [[Special:RecentChanges|<span class="view-more">View Recent Updates →</span>]]
     <span style="color:#3498db; text-decoration:none; font-weight:bold; font-size:1.1em;">[[Special:RecentChanges|View Recent Updates →]]</span>
   </div>
   </div>
    
    
   <div class="featured-cards">
   <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;">
     <!-- Featured Card 1 -->
     <!-- Featured Card 1 -->
     <div class="featured-card">
     <div style="background-color:white; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:transform 0.2s;">
      <div style="text-align:center; color:#e74c3c; font-weight:bold; padding:0.5em 0; font-size:1.1em;">Character Creation</div>
       [[File:character_creation.jpg|300px|center|alt=Character Creation|link=Character creation]]
       [[File:character_creation.jpg|300px|center|alt=Character Creation|link=Character creation]]
       <div class="card-content">
       <div style="padding:1em; text-align:center;">
         <h3>Character Creation</h3>
         <h3 style="margin-top:0; color:#2c3e50; text-align:center; font-size:1.3em; margin-bottom:0.5em;">Character Creation</h3>
         <p>Learn how to create your perfect Zoi with our comprehensive guide to character creation.</p>
         <p style="color:#555; text-align:center;">Learn how to create your perfect Zoi with our comprehensive guide to character creation.</p>
         [[Character creation|<span class="read-more">Read More →</span>]]
         <div style="text-align:center; margin-top:0.8em;">
          [[Character creation|<span style="color:#3498db; font-weight:bold;">Read More →</span>]]
        </div>
       </div>
       </div>
     </div>
     </div>
      
      
     <!-- Featured Card 2 -->
     <!-- Featured Card 2 -->
     <div class="featured-card">
     <div style="background-color:white; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:transform 0.2s;">
      <div style="text-align:center; color:#e74c3c; font-weight:bold; padding:0.5em 0; font-size:1.1em;">Cities</div>
       [[File:cities.jpg|300px|center|alt=Cities|link=Cities]]
       [[File:cities.jpg|300px|center|alt=Cities|link=Cities]]
       <div class="card-content">
       <div style="padding:1em; text-align:center;">
         <h3>Explore Cities</h3>
         <h3 style="margin-top:0; color:#2c3e50; text-align:center; font-size:1.3em; margin-bottom:0.5em;">Explore Cities</h3>
         <p>Discover the unique cities of inZOI, from the bustling streets of Dowon to the beaches of Bliss Bay.</p>
         <p style="color:#555; text-align:center;">Discover the unique cities of inZOI, from the bustling streets of Dowon to the beaches of Bliss Bay.</p>
         [[Cities|<span class="read-more">Read More →</span>]]
         <div style="text-align:center; margin-top:0.8em;">
          [[Cities|<span style="color:#3498db; font-weight:bold;">Read More →</span>]]
        </div>
       </div>
       </div>
     </div>
     </div>
      
      
     <!-- Featured Card 3 -->
     <!-- Featured Card 3 -->
     <div class="featured-card">
     <div style="background-color:white; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:transform 0.2s;">
      <div style="text-align:center; color:#e74c3c; font-weight:bold; padding:0.5em 0; font-size:1.1em;">Gameplay</div>
       [[File:gameplay.jpg|300px|center|alt=Gameplay|link=Guides]]
       [[File:gameplay.jpg|300px|center|alt=Gameplay|link=Guides]]
       <div class="card-content">
       <div style="padding:1em; text-align:center;">
         <h3>Gameplay Guides</h3>
         <h3 style="margin-top:0; color:#2c3e50; text-align:center; font-size:1.3em; margin-bottom:0.5em;">Gameplay Guides</h3>
         <p>Master the game with our collection of guides covering relationships, crafting, and more.</p>
         <p style="color:#555; text-align:center;">Master the game with our collection of guides covering relationships, crafting, and more.</p>
         [[Guides|<span class="read-more">Read More →</span>]]
         <div style="text-align:center; margin-top:0.8em;">
          [[Guides|<span style="color:#3498db; font-weight:bold;">Read More →</span>]]
        </div>
       </div>
       </div>
     </div>
     </div>
Line 305: Line 314:
<!-- =========================== -->
<!-- =========================== -->
<div class="wiki-stats">
<div class="wiki-stats">
   <h2>Wiki Statistics</h2>
   <h2 style="color:#2c3e50; text-align:center; margin-bottom:1em; font-size:1.8em;">Wiki Statistics</h2>
   <div class="stats-container">
   <div class="stats-container">
     <div class="stat-box stat-blue">
     <div class="stat-box stat-blue">