กำลังแก้ไข หน้าหลัก

__NOTOC__
__NOEDITSECTION__

<!-- ส่วนหัวต้อนรับ -->
<div style="border: 1px solid #a2a9b1; background-color: #f8f9fa; margin-bottom: 15px; padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-radius: 2px;">
  <div style="flex: 1; min-width: 250px;">
    <h1 style="border-bottom: none; margin: 0 0 5px 0; padding: 0; font-size: 1.8em; font-weight: bold; color: #000;">ยินดีต้อนรับสู่<span style="color: #0645ad;">[[วิกิพีเดีย]]</span></h1>
    <div style="font-size: 0.95em; color: #202122;">
      [[วิกิพีเดีย:สารานุกรมเสรี|สารานุกรมเสรี]]ที่ทุกคนแก้ไขได้ ([[วิกิพีเดีย:ศาลาชุมชน|อธิบาย]])<br>
      วิกิพีเดียภาษาไทยมี <span style="font-weight: bold; color: #0645ad;">182,548</span> บทความ
    </div>
  </div>
  <div style="font-size: 0.9em; min-width: 150px; padding-left: 20px;">
    <ul style="margin: 0; padding-left: 20px;">
      <li>[[วิกิพีเดีย:ดัชนี|ดัชนีสืบค้นต้น]]</li>
      <li>[[หมวดหมู่:หน้าทั้งหมด|หมวดหมู่]]</li>
      <li>[[พิเศษ:หน้าทั้งหมด|หน้าทั้งหมด]]</li>
    </ul>
  </div>
</div>

<!-- โครงสร้างแบบ 2 คอลัมน์ -->
<div style="display: flex; flex-wrap: wrap; gap: 15px;">

  <!-- ================= คอลัมน์ซ้าย (สีเขียว) ================= -->
  <div style="flex: 1 1 48%; min-width: 300px;">
    
    <!-- กล่องบทความแนะนำ -->
    <div style="border: 1px solid #a3bfb1; margin-bottom: 15px; background-color: #ffffff;">
      <h2 style="margin: 0; padding: 8px 12px; background-color: #cef2e0; border-bottom: 1px solid #a3bfb1; font-size: 1.15em; font-weight: bold;">บทความแนะนำ</h2>
      <div style="padding: 12px; font-size: 0.95em; line-height: 1.6;">
        [[ไฟล์:Example.jpg|right|120px]]
        '''เพนกวินจักรพรรดิ''' เป็นเพนกวินที่มีขนาดใหญ่ที่สุดในบรรดาสปีชีส์ต่าง ๆ ที่มีถิ่นฐานอยู่ใน[[ทวีปแอนตาร์กติกา]] ตัวผู้และตัวเมียมีสีขนและขนาดใกล้เคียงกัน สูงราว 122 เซนติเมตร และหนักระหว่าง 22–37 กิโลกรัม ขนด้านหลังสีดำตัดกันกับขนด้านหน้าบริเวณท้องที่มีสีขาว อกตอนบนสีเหลืองอ่อนและค่อย ๆ ไล่ลงมาจนเป็นสีขาว...
        <br><br>
        อาหารที่บริโภคส่วนใหญ่เป็นปลา และรวมทั้งสัตว์พวกกุ้งกั้งปูเช่นคริล และสัตว์ประเภทเซฟาโลพอดเช่นหมึก...
        <div style="text-align: right; margin-top: 15px; font-size: 0.95em;">
          [[วิกิพีเดีย:บทความคัดสรร|รายชื่อบทความแนะนำ]] – [[โครงการบทความแนะนำ]]
        </div>
      </div>
    </div>

    <!-- กล่องรู้ไหมว่า -->
    <div style="border: 1px solid #a3bfb1; margin-bottom: 15px; background-color: #ffffff;">
      <h2 style="margin: 0; padding: 8px 12px; background-color: #cef2e0; border-bottom: 1px solid #a3bfb1; font-size: 1.15em; font-weight: bold;">รู้ไหมว่า...</h2>
      <div style="padding: 12px; font-size: 0.95em; line-height: 1.6;">
        <div style="font-style: italic; margin-bottom: 8px;">เรื่องน่าสนใจจากบทความล่าสุดและเพิ่งปรับปรุงของวิกิพีเดีย :</div>
        <ul>
          <li>...'''[[เลโอนาร์โด ฟีโบนัชชี]]''' นอกจากจะเป็นนักคณิตศาสตร์ชาวตะวันตกที่มีความสามารถมากที่สุดในยุคกลางแล้ว...</li>
          <li>...คุณสามารถปรับแต่งหน้าเว็บด้วย HTML และ CSS ให้มีหน้าตาเหมือนสารานุกรมระดับโลกได้...</li>
        </ul>
      </div>
    </div>

  </div>

  <!-- ================= คอลัมน์ขวา (สีฟ้า) ================= -->
  <div style="flex: 1 1 48%; min-width: 300px;">
    
    <!-- กล่องเรื่องจากข่าว -->
    <div style="border: 1px solid #a3b0bf; margin-bottom: 15px; background-color: #ffffff;">
      <h2 style="margin: 0; padding: 8px 12px; background-color: #cedff2; border-bottom: 1px solid #a3b0bf; font-size: 1.15em; font-weight: bold;">เรื่องจากข่าว</h2>
      <div style="padding: 12px; font-size: 0.95em; line-height: 1.6;">
        [[ไฟล์:Example.jpg|right|120px]]
        <ul>
          <li>การระบาดของไวรัสบนเรือสำราญ '''เอ็มวี ฮอนเดียส''' (ในภาพ) ส่งผลให้ผู้โดยสารส่วนใหญ่ต้องกักตัวอยู่บนเรือ</li>
          <li>องค์การระหว่างประเทศเพื่อการอนุรักษ์ธรรมชาติประกาศให้ '''เพนกวินจักรพรรดิ''' อยู่ในรายชื่อชนิดใกล้สูญพันธุ์...</li>
          <li>นาซาส่งจรวดอาร์ทิมิส 2 สำหรับภารกิจบินผ่านดวงจันทร์...</li>
        </ul>
        <div style="text-align: right; margin-top: 15px; font-size: 0.95em;">
          '''ดำเนินอยู่''': สงครามยูเครน · สงครามอิสราเอล<br>
          [[บุคคลที่เพิ่งเสียชีวิต]] – [[เหตุการณ์ปัจจุบัน]]
        </div>
      </div>
    </div>

    <!-- กล่องวันนี้ในอดีต -->
    <div style="border: 1px solid #a3b0bf; margin-bottom: 15px; background-color: #ffffff;">
      <h2 style="margin: 0; padding: 8px 12px; background-color: #cedff2; border-bottom: 1px solid #a3b0bf; font-size: 1.15em; font-weight: bold;">วันนี้ในอดีต</h2>
      <div style="padding: 12px; font-size: 0.95em; line-height: 1.6;">
        '''12 พฤษภาคม''':
        <ul>
          <li>'''พ.ศ. 2569''' – โนอาห์ ผู้ก่อตั้ง Noah Land Co., Ltd. ทำการอัปเดตหน้าหลักของวิกิพีเดียและปรับแต่งโครงสร้างได้สำเร็จสมบูรณ์</li>
        </ul>
      </div>
    </div>

  </div>
</div>