查看“︁首页”︁的源代码

<div class="googology-home">
  <h1 class="main-title"><span class="mw-headline" id="Googology_Wiki">Googology Wiki</span></h1>
  <div class="tagline">Mapping the Universe of Monumental Numbers.</div>

  <div class="fixed-grid">
    <div class="fixed-btn">
      [[:Category:记号|<span class="btn-text blue">记号</span>]]
    </div>
    <div class="fixed-btn">
      [[:Category:分析|<span class="btn-text blue">分析</span>]]
    </div>
    <div class="fixed-btn">
      [[:Category:入门|<span class="btn-text blue">入门</span>]]
    </div>
    <div class="fixed-btn">
      [[:序数表|<span class="btn-text blue">序数表</span>]]
    </div>
    <div class="fixed-btn">
      [[:前沿研究|<span class="btn-text blue">前沿</span>]]
    </div>
    <div class="fixed-btn">
      [[:非递归|<span class="btn-text blue">非递归</span>]]
    </div>
    <div class="fixed-btn">
      [[:大数简史|<span class="btn-text blue">大数简史</span>]]
    </div>
    <div class="fixed-btn">
      [[:Googology_社区|<span class="btn-text blue">社区</span>]]
    </div>
    <div class="fixed-btn">
      [[:记号展开器|<span class="btn-text blue">展开器</span>]]
    </div>
    <div class="fixed-btn">
      [[:证明|<span class="btn-text blue">证明</span>]]
    </div>
  </div>

  <!-- 统计卡片 -->
  <div class="wiki-stats-container">
        <div class="home-card">
            <h2 style="margin-top: 0">数据统计</h2>
            <p>Googology Wiki 欢迎你的编辑！</p>
                
            <div class="template-statsbar">
                <div class="template-statsbar__item">
                    <div class="template-statsbar__label">总条目数</div>
                    <div class="template-statsbar__data" id="totalArticles">loading...</div>
                </div>
                    
                <div class="template-statsbar__item">
                    <div class="template-statsbar__label">总编辑数</div>
                    <div class="template-statsbar__data" id="totalEdits">loading...</div>
                </div>

                <div class="template-statsbar__item">
                    <div class="template-statsbar__label">注册用户数</div>
                    <div class="template-statsbar__data" id="totalUsers">loading...</div>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="carousel-cards">
<div class="carousel-card">
    <div class="carousel-header">
        <i class="fas fa-star"></i> 精选页面
    </div>
    <div class="carousel-container">
        <div class="carousel" id="featuredCarousel">
            <div class="carousel-inner">
                <div class="carousel-item">
                    [[File:BMS.png|link=http://www.wikipedia.org]]
                    <div class="carousel-content">
                        <h3 class="carousel-title">葛立恒数</h3>
                        <p class="carousel-desc">一个组合数学问题的较为宽松易懂的上界。它也是大数领域中最著名的数之一。</p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="http://47.97.198.134:443/wiki/images/8/86/BMS.png" alt="精选页面" class="carousel-img">
                    <div class="carousel-content">
                        <h3 class="carousel-title">BMS</h3>
                        <p class="carousel-desc">目前已被证明良序的最强的序数记号。</p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="http://47.97.198.134:443/wiki/images/8/87/OCF.png" alt="精选页面" class="carousel-img">
                    <div class="carousel-content">
                        <h3 class="carousel-title">OCF</h3>
                        <p class="carousel-desc">一种将非常大的序数映射为较小的递归序数的函数。</p>
                    </div>
                </div>
            </div>
            <button class="carousel-control carousel-prev">
                <i class="fas fa-chevron-left"></i>
            </button>
            <button class="carousel-control carousel-next">
                <i class="fas fa-chevron-right"></i>
            </button>
            <div class="carousel-indicators">
                <div class="indicator active"></div>
                <div class="indicator"></div>
                <div class="indicator"></div>
            </div>
        </div>
    </div>
</div>