master

分支 (1)

管理

管理

master

pure-niuma-programmer
/
index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>纯牛码程序猿</title>
  <link rel="stylesheet" href="style/style.css">
  <link rel="icon" href="img/logo.svg">
</head>

<body><div class="contents">
  <header>
    <h1><img src="img/title.gif" height="70px" alt="Pure Niuma"/><span class="title">程序猿</span>
      <span class="search-area"><input class="search-box" type="search" placeholder="Search for Something"/> <input class="search" type="button" value="搜索"/></span></h1>
  </header>
  <nav><a href="#">主页</a><a href="#">新闻</a><a href="#">教程</a><a href="#">文档</a><a href="#">关于</a></nav>
  <main>
    <div class="upper">
      <div class="news">
        <h2>行业动态</h2>
        <section>
          <button id="tolast" onclick="toLast()">❮</button><button id="tonext" onclick="toNext()">❯</button>
          <figure id="news-slide-1" class="fade"><a href="#">
            <img id="news-image" src="img/news-0.webp" alt="行业动态"/>
            <figcaption id="news-text">英伟达推 DAM-3B 模型：突破局部描述难题，让 AI 看懂图像 / 视频每一个角落</figcaption>
          </a></figure>
          <figure id="news-slide-2" class="fade hidden"><a href="#">
            <img id="news-image" src="img/news-1.webp" alt="行业动态"/>
            <figcaption id="news-text">小米 SU7 / Ultra 汽车亮相 2025 上海车展，展台每天提供限量棒球帽和矿泉水</figcaption>
          </a></figure>
          <figure id="news-slide-3" class="fade hidden"><a href="#">
            <img id="news-image" src="img/news-2.webp" alt="行业动态"/>
            <figcaption id="news-text">兼容层 Wine 10.6 发布：新 Lexer、增强 Bcrypt、修复 27 项 BUG</figcaption>
          </a></figure>
          <figure id="news-slide-4" class="fade hidden"><a href="#">
            <img id="news-image" src="img/news-3.webp" alt="行业动态"/>
            <figcaption id="news-text">微软 Edge 浏览器 2025 年 9 月开始强制迁移 Adobe PDF 引擎，2026 年初淘汰旧 PDF 引擎</figcaption>
          </a></figure>
          <figure id="news-slide-5" class="fade hidden"><a href="#">
            <img id="news-image" src="img/news-4.webp" alt="行业动态"/>
            <figcaption id="news-text">微软承认 Win10 / Win11 经典版 Outlook 存 BUG：打字时 CPU 占用飙升至 50%"</figcaption>
          </a></figure>
        </section>
      </div><div class="rightside">
        <section class="text">
          <div><a href="#">谷歌漏洞被修复：最快 5 秒破解获取 Google 账号关联手机号</a></div>
          <div><a href="#">安卓第一个：vivo X Fold5 折叠屏手机打通 iCloud 云端直连</a></div>
          <div><a href="#">外媒评苹果 WWDC 2025：AI 王炸跳票，美学设计成主角</a></div>
          <div><a href="#">更多...</a></div>
        </section><section class="clock">
          <h2>现在是</h2><hr/>
          <p id="date">yyyy/MM/dd</p>
          <p class="day-time"><span id="day">___day</span> <span id="time">HH:mm:ss</span></p>
          <p id="prompt">prompt</p>
        </section>
      </div>
    </div><div class="tutorial">
      <h2>教程</h2>
      <div class="tutorial-nav">
        <button id="standard" onclick="stdTutorial()">基础教程</button>
        <button id="advanced" onclick="advTutorial()">高级教程</button>
      </div>
      <ul>
        <li><a href="#" id="tutorial-1">一文搞懂 C++ 指针变量</a></li>
        <li><a href="#" id="tutorial-2">Java 抽象类和接口的作用</a></li>
        <li><a href="#" id="tutorial-3">CSS 伪类和伪元素</a></li>
        <li><a href="#" id="tutorial-4">SQL 数据库的基本使用方法</a></li>
        <li><a href="#" id="tutorial-5">Python 的列表、元组、字典与集合</a></li>
        <li><a href="#" id="tutorial-6">创建第一个 Windows 桌面程序</a></li>
        <li><a href="#">更多...</a></li>
      </ul>
    </div><div class="docs">
      <h2>技术文档</h2><hr>
      <table>
        <tr><td><a href="#">C</a></td><td><a href="#">C++</a></td><td><a href="#">C#</a></td><td><a href="#">Java</a></td></tr>
        <tr><td><a href="#">HTML</a></td><td><a href="#">CSS</a></td><td><a href="#">JavaScript</a></td><td><a href="#">JSON</a></td></tr>
        <tr><td><a href="#">Python</a></td><td><a href="#">SQL</a></td><td><a href="#">HTTP</a></td><td><a href="#">更多...</a></td></tr>
      </table>
    </div>
  </main>
  <footer><p>Copyright © 2025 纯牛码程序猿<br/>期末作业 仅供参考</p></footer>
</div><script src="js/script.js"></script></body>
</html>