Spaces:
Running
Running
Download index.html from StatAILab/StatProver: direct link, hf CLI and curl.
- Browser
- Download file 11.3 kB
-
https://huggingface.co/spaces/StatAILab/StatProver/resolve/main/index.html
- Command line
-
hf download hf://spaces/StatAILab/StatProver/index.html
-
curl -L -o index.html https://huggingface.co/spaces/StatAILab/StatProver/resolve/main/index.html
11.3 kB
| <html lang="zh"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>StatProver - Automated Statistical Proof Assistant</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --primary: #059669; /* 提取自你 Logo 的科技绿 */ | |
| --primary-dark: #047857; | |
| --text-main: #1f2937; | |
| --text-light: #6b7280; | |
| --bg: #ffffff; | |
| } | |
| body { | |
| font-family: 'Inter', system-ui, -apple-system, sans-serif; | |
| color: var(--text-main); | |
| background: var(--bg); | |
| margin: 0; | |
| padding: 0; | |
| line-height: 1.7; | |
| font-size: 18px; | |
| } | |
| /* 👇 头部居中区域 (Hero Section) */ | |
| .hero { | |
| text-align: center; | |
| padding: 80px 20px 60px; | |
| background: linear-gradient(to bottom, #f0fdf4, #ffffff); /* 淡淡的绿色渐变背景 */ | |
| border-bottom: 1px solid #e5e7eb; | |
| } | |
| .hero img { | |
| max-width: 280px; | |
| margin-bottom: 24px; | |
| } | |
| .hero h1 { | |
| font-size: 2.8rem; | |
| font-weight: 800; | |
| margin: 0 0 16px; | |
| color: #111827; | |
| letter-spacing: -0.02em; | |
| } | |
| .hero p.subtitle { | |
| font-size: 1.25rem; | |
| color: var(--text-light); | |
| max-width: 700px; | |
| margin: 0 auto 35px; | |
| } | |
| /* 抢眼的引流按钮 */ | |
| .cta-button { | |
| display: inline-block; | |
| background-color: var(--primary); | |
| color: white ; | |
| padding: 16px 40px; | |
| border-radius: 50px; /* 圆角按钮更显现代 */ | |
| text-decoration: none; | |
| font-weight: 600; | |
| font-size: 1.15rem; | |
| transition: all 0.3s ease; | |
| box-shadow: 0 4px 14px 0 rgba(5, 150, 105, 0.39); | |
| } | |
| .cta-button:hover { | |
| background-color: var(--primary-dark); | |
| transform: translateY(-2px); | |
| box-shadow: 0 6px 20px rgba(5, 150, 105, 0.4); | |
| } | |
| /* 👇 下方内容阅读区 */ | |
| .content-container { | |
| max-width: 850px; | |
| margin: 0 auto; | |
| padding: 50px 20px 80px; | |
| } | |
| .content-container h2 { | |
| font-size: 1.8rem; | |
| font-weight: 600; | |
| border-bottom: 2px solid #f3f4f6; | |
| padding-bottom: 12px; | |
| margin-top: 45px; | |
| color: #111827; | |
| } | |
| .content-container h3 { | |
| font-size: 1.4rem; | |
| margin-top: 35px; | |
| } | |
| .content-container p { | |
| font-size: 1.1rem; | |
| color: #4b5563; | |
| } | |
| .content-container a { | |
| color: var(--primary); | |
| text-decoration: none; | |
| font-weight: 500; | |
| } | |
| .content-container a:hover { | |
| text-decoration: underline; | |
| } | |
| /* 优化代码块显示 */ | |
| pre { background: #f3f4f6; padding: 15px; border-radius: 8px; overflow-x: auto; } | |
| code { font-family: ui-monospace, monospace; font-size: 0.9em; } | |
| /* 限制 Markdown 里的图片大小 */ | |
| .content-container img { | |
| max-width: 100%; /* 宽度绝不超过容器 */ | |
| height: auto; /* 高度等比缩放 */ | |
| border-radius: 8px; /* 加一点圆角更好看 */ | |
| box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* 加一点淡淡的阴影,更有质感 */ | |
| margin: 20px 0; /* 上下留白 */ | |
| display: block; /* 避免和文字挤在一起 */ | |
| } | |
| /* 👇 定义呼吸动画 */ | |
| @keyframes breathe { | |
| 0% { | |
| transform: scale(1); | |
| filter: drop-shadow(0 0 0 rgba(5, 150, 105, 0)); /* 无光晕 */ | |
| } | |
| 50% { | |
| transform: scale(1.08); /* 微微放大 8% */ | |
| filter: drop-shadow(0 0 25px rgba(5, 150, 105, 0.6)); /* 产生同色系的光晕 */ | |
| } | |
| 100% { | |
| transform: scale(1); | |
| filter: drop-shadow(0 0 0 rgba(5, 150, 105, 0)); /* 恢复无光晕 */ | |
| } | |
| } | |
| /* 给 Logo 容器加上动画属性 */ | |
| .breathing-logo { | |
| display: inline-block; /* 必须是 block 或 inline-block 才能形变 */ | |
| animation: breathe 3.5s ease-in-out infinite; /* 3.5秒一个循环,平滑进出,无限循环 */ | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="hero"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> | |
| <div class="breathing-logo" style="font-size: 80px; color: var(--primary); margin-bottom: 24px;"> | |
| <i class="fas fa-project-diagram"></i> | |
| </div> | |
| <h1>StatProver</h1> | |
| <p class="subtitle"> | |
| An Automated Statistical Proof Assistant developed by | |
| <a href="https://statai-lab.github.io/" target="_blank" style="color: var(--primary); font-weight: 600; text-decoration: none;">StatAI Lab</a>, | |
| led by | |
| <a href="https://mlzxzhou.github.io/" target="_blank" style="color: var(--primary); font-weight: 600; text-decoration: none;">Prof. Fan Zhou</a> | |
| at the School of Statistics and Data Science, Shanghai University of Finance and Economics. | |
| </p> | |
| <a href="https://statprover.com" target="_blank" class="cta-button"> | |
| Launch StatProver | |
| </a> | |
| </div> | |
| <div class="content-container" id="content"> | |
| 加载中... | |
| </div> | |
| <script type="text/markdown" id="md-source"> | |
| </script> | |
| <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> | |
| <script> | |
| const mdText = document.getElementById('md-source').innerHTML.trim(); | |
| document.getElementById('content').innerHTML = marked.parse(mdText); | |
| </script> | |
| </body> | |
| </html> |