Spaces:
Running
Running
| <html lang="zh-CN"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content="Hugging Face 国庆 8 日游 - 第三季度热门论文盘点、AI课程共学、模型能力探索"> | |
| <title>Hugging Face 国庆 8 日游</title> | |
| <link rel="stylesheet" href="assets/css/styles.css"> | |
| </head> | |
| <body> | |
| <header class="header"> | |
| <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" class="built-with">Built with anycoder</a> | |
| </header> | |
| <main class="poster-container"> | |
| <div class="poster"> | |
| <!-- Background decoration --> | |
| <div class="bg-decoration"> | |
| <div class="circle circle-1"></div> | |
| <div class="circle circle-2"></div> | |
| <div class="circle circle-3"></div> | |
| </div> | |
| <!-- Header Section --> | |
| <div class="poster-header"> | |
| <div class="logo-section"> | |
| <div class="hf-logo">🤗</div> | |
| <h1 class="main-title">Hugging Face</h1> | |
| </div> | |
| <h2 class="event-title">国庆 8 日游</h2> | |
| <div class="date-badge"> | |
| <span class="date-icon">📅</span> | |
| <span>10月1日 - 10月8日</span> | |
| </div> | |
| </div> | |
| <!-- Content Grid --> | |
| <div class="content-grid"> | |
| <!-- Card 1 --> | |
| <div class="feature-card card-1"> | |
| <div class="card-icon">📚</div> | |
| <h3 class="card-title">Q3 热门论文盘点</h3> | |
| <p class="card-description">第三季度各方向热门论文深度解析</p> | |
| <ul class="card-list"> | |
| <li>LLM 最新突破</li> | |
| <li>多模态研究进展</li> | |
| <li>高效训练技术</li> | |
| </ul> | |
| </div> | |
| <!-- Card 2 --> | |
| <div class="feature-card card-2"> | |
| <div class="card-icon">🎓</div> | |
| <h3 class="card-title">AI 课程共学</h3> | |
| <p class="card-description">多领域课程体系化学习</p> | |
| <ul class="card-list"> | |
| <li>Agent 智能体开发</li> | |
| <li>Diffusion 扩散模型</li> | |
| <li>RL 强化学习</li> | |
| <li>MCP 协议实践</li> | |
| </ul> | |
| </div> | |
| <!-- Card 3 --> | |
| <div class="feature-card card-3"> | |
| <div class="card-icon">🚀</div> | |
| <h3 class="card-title">模型能力探索</h3> | |
| <p class="card-description">最新主流模型边界测试</p> | |
| <ul class="card-list"> | |
| <li>GPT-4 系列评测</li> | |
| <li>Claude 能力分析</li> | |
| <li>开源模型对比</li> | |
| </ul> | |
| </div> | |
| <!-- Card 4 --> | |
| <div class="feature-card card-4"> | |
| <div class="card-icon">💻</div> | |
| <h3 class="card-title">AnyCoder 实战</h3> | |
| <p class="card-description">深入使用 AI 编程助手</p> | |
| <ul class="card-list"> | |
| <li>代码生成技巧</li> | |
| <li>项目实战演练</li> | |
| <li>最佳实践分享</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- CTA Section --> | |
| <div class="cta-section"> | |
| <div class="cta-content"> | |
| <p class="cta-text">🎉 8 天精彩旅程，与 AI 同行</p> | |
| <button class="cta-button" onclick="showModal()">立即参与</button> | |
| </div> | |
| </div> | |
| <!-- Footer badges --> | |
| <div class="poster-footer"> | |
| <div class="badge">免费参与</div> | |
| <div class="badge">在线直播</div> | |
| <div class="badge">实战演练</div> | |
| <div class="badge">社区交流</div> | |
| </div> | |
| </div> | |
| <!-- Action buttons --> | |
| <div class="action-buttons"> | |
| <button class="action-btn download-btn" onclick="downloadPoster()"> | |
| <span class="btn-icon">⬇️</span> | |
| 下载海报 | |
| </button> | |
| <button class="action-btn share-btn" onclick="sharePoster()"> | |
| <span class="btn-icon">🔗</span> | |
| 分享海报 | |
| </button> | |
| </div> | |
| </main> | |
| <!-- Modal --> | |
| <div id="modal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close-btn" onclick="closeModal()">×</span> | |
| <h2>🎊 欢迎参与 Hugging Face 国庆 8 日游</h2> | |
| <p class="modal-description">填写信息加入我们的学习之旅</p> | |
| <form class="signup-form" onsubmit="handleSubmit(event)"> | |
| <div class="form-group"> | |
| <label for="name">姓名</label> | |
| <input type="text" id="name" required placeholder="请输入您的姓名"> | |
| </div> | |
| <div class="form-group"> | |
| <label for="email">邮箱</label> | |
| <input type="email" id="email" required placeholder="请输入您的邮箱"> | |
| </div> | |
| <div class="form-group"> | |
| <label for="interest">最感兴趣的主题</label> | |
| <select id="interest" required> | |
| <option value="">请选择</option> | |
| <option value="papers">热门论文盘点</option> | |
| <option value="courses">AI 课程共学</option> | |
| <option value="models">模型能力探索</option> | |
| <option value="anycoder">AnyCoder 实战</option> | |
| </select> | |
| </div> | |
| <button type="submit" class="submit-btn">提交报名</button> | |
| </form> | |
| </div> | |
| </div> | |
| <footer class="site-footer"> | |
| <p>© 2024 Hugging Face 国庆 8 日游. All rights reserved.</p> | |
| <p> | |
| <a href="https://huggingface.co" target="_blank">Hugging Face</a> | | |
| <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">AnyCoder</a> | |
| </p> | |
| </footer> | |
| <script src="assets/js/script.js"></script> | |
| </body> | |
| </html> |