feat: 接入 airlabs.art 裸域站点(HTTP only)
All checks were successful
Deploy Static Sites / deploy (push) Successful in 7s

- 新增 airlabs-art/ 子目录存放主站点静态内容
- nginx-conf 增加 apex+www 显式 server 块指向 airlabs-art/
- workflow 跳过 airlabs-art 的子域名自动生成,追加裸域+www HTTP 规则
- workflow 新增同步 nginx ConfigMap 并 rollout restart 的步骤

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
zyc 2026-04-21 10:12:03 +08:00
parent 2b6f2f10cc
commit c8f5518e07
11 changed files with 1928 additions and 1 deletions

View File

@ -34,12 +34,23 @@ jobs:
echo "✓ 文件同步完成"
- name: Apply nginx ConfigMap and restart deployment
run: |
scp k8s/nginx-conf.yaml root@118.196.70.19:/tmp/static-sites-nginx-conf.yaml
ssh root@118.196.70.19 "
kubectl apply -f /tmp/static-sites-nginx-conf.yaml
kubectl rollout restart deployment/static-sites
kubectl rollout status deployment/static-sites --timeout=60s
"
echo "✓ nginx 配置已更新"
- name: Auto generate and apply Ingress
run: |
# 自动子域名模式的项目(裸域 airlabs-art 由下面特判)
PROJECTS=""
for dir in */; do
case "$dir" in
.gitea/|.git/|k8s/) continue ;;
.gitea/|.git/|k8s/|airlabs-art/) continue ;;
esac
PROJECTS="$PROJECTS ${dir%/}"
done
@ -75,6 +86,22 @@ jobs:
printf ' number: 80\n' >> /tmp/ingress.yaml
done
# 特判:裸域 + www 走 HTTP only映射到 airlabs-art/ 目录
if [ -d airlabs-art ]; then
for host in airlabs.art www.airlabs.art; do
printf ' - host: %s\n' "$host" >> /tmp/ingress.yaml
printf ' http:\n' >> /tmp/ingress.yaml
printf ' paths:\n' >> /tmp/ingress.yaml
printf ' - path: /\n' >> /tmp/ingress.yaml
printf ' pathType: Prefix\n' >> /tmp/ingress.yaml
printf ' backend:\n' >> /tmp/ingress.yaml
printf ' service:\n' >> /tmp/ingress.yaml
printf ' name: static-sites\n' >> /tmp/ingress.yaml
printf ' port:\n' >> /tmp/ingress.yaml
printf ' number: 80\n' >> /tmp/ingress.yaml
done
fi
echo "--- 生成的 Ingress ---"
cat /tmp/ingress.yaml

Binary file not shown.

After

Width:  |  Height:  |  Size: 853 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 716 KiB

27
airlabs-art/css/reset.css Normal file
View File

@ -0,0 +1,27 @@
/* Modern CSS Reset */
*, *::before, *::after {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
font: inherit;
}
body {
min-height: 100vh;
}
img, picture, svg, video {
display: block;
max-width: 100%;
}
ul, ol {
list-style: none;
}
html {
scroll-behavior: smooth;
}

361
airlabs-art/css/style.css Normal file
View File

@ -0,0 +1,361 @@
:root {
/* Colors */
--bg-color: #0a0a0a;
--surface-dark: #121212;
--text-primary: #ffffff;
--text-secondary: #a0a0a0;
--accent-cyan: #00f2ea;
--accent-magenta: #ff0055;
--accent-yellow: #ffdd00;
--gradient-main: linear-gradient(135deg, var(--accent-cyan), var(--accent-magenta));
/* Typography */
--font-main: 'Inter', system-ui, -apple-system, sans-serif;
--font-display: 'Orbitron', 'Inter', sans-serif;
/* Tech feel for headers */
/* Spacing */
--container-width: 1200px;
--header-height: 80px;
--section-padding: 100px 0;
}
body {
background-color: var(--bg-color);
color: var(--text-primary);
font-family: var(--font-main);
line-height: 1.6;
overflow-x: hidden;
}
/* Typography Utilities */
h1,
h2,
h3,
h4 {
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
}
h1 {
font-size: 3.5rem;
font-family: var(--font-display);
text-transform: uppercase;
letter-spacing: -1px;
}
h2 {
font-size: 2.5rem;
font-family: var(--font-display);
margin-bottom: 2rem;
background: var(--gradient-main);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
p {
font-size: 1.1rem;
color: var(--text-secondary);
margin-bottom: 1.5rem;
}
/* Layout Utilities */
.container {
width: 90%;
max-width: var(--container-width);
margin: 0 auto;
padding: 0 20px;
}
.section {
padding: var(--section-padding);
position: relative;
}
/* Header */
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: var(--header-height);
z-index: 1000;
background: rgba(10, 10, 10, 0.8);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
display: flex;
align-items: center;
transition: all 0.3s ease;
}
.header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-family: var(--font-display);
font-size: 1.5rem;
font-weight: 700;
color: var(--text-primary);
text-decoration: none;
letter-spacing: 2px;
}
.logo span {
color: var(--accent-cyan);
}
.nav-links {
display: flex;
gap: 30px;
}
.nav-links a {
color: var(--text-primary);
text-decoration: none;
font-size: 0.95rem;
font-weight: 500;
transition: color 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.nav-links a:hover {
color: var(--accent-cyan);
}
/* Hero Section */
.hero {
height: 100vh;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding-top: var(--header-height);
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
opacity: 0.6;
}
.hero-content {
max-width: 800px;
position: relative;
z-index: 1;
}
.btn {
display: inline-block;
padding: 15px 35px;
background: var(--gradient-main);
color: white;
text-decoration: none;
border-radius: 50px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: none;
cursor: pointer;
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(0, 242, 234, 0.3);
}
/* Feature Sections */
.feature-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.feature-grid.reverse {
direction: rtl;
/* Simple way to reverse visual order */
}
.feature-grid.reverse>* {
direction: ltr;
/* Reset text direction */
}
.feature-image img {
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: transform 0.5s ease;
}
.feature-image:hover img {
transform: scale(1.02);
}
.feature-text h3 {
font-size: 2rem;
margin-bottom: 1rem;
color: var(--text-primary);
}
/* Card Grid for About/Stats */
.card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin-top: 40px;
}
.card {
background: rgba(255, 255, 255, 0.03);
padding: 30px;
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.05);
transition: transform 0.3s ease, background 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
background: rgba(255, 255, 255, 0.05);
border-color: var(--accent-cyan);
}
.card-icon {
font-size: 2rem;
margin-bottom: 20px;
color: var(--accent-magenta);
}
/* Footer */
.footer {
background: var(--surface-dark);
padding: 80px 0 40px;
text-align: center;
border-top: 1px solid rgba(255, 255, 255, 0.05);
font-size: 0.95rem;
}
.footer .logo {
margin-bottom: 10px;
display: inline-block;
}
.company-name {
color: var(--text-primary);
font-size: 1.1rem;
margin-bottom: 40px;
font-weight: 500;
opacity: 0.9;
}
.footer-contact {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 30px;
color: var(--text-secondary);
}
.contact-item {
display: flex;
align-items: center;
gap: 8px;
}
.contact-item span {
color: var(--accent-cyan);
font-weight: 500;
}
.footer-links {
margin-bottom: 40px;
}
.footer-links a {
color: var(--text-primary);
text-decoration: none;
font-size: 1rem;
padding-bottom: 2px;
border-bottom: 1px solid transparent;
transition: all 0.3s ease;
}
.footer-links a:hover {
color: var(--accent-magenta);
border-color: var(--accent-magenta);
}
.footer-copyright {
opacity: 0.5;
font-size: 0.85rem;
line-height: 1.8;
}
.footer-copyright a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-copyright a:hover {
color: var(--text-primary);
text-decoration: underline;
}
@media (max-width: 768px) {
.footer-contact {
flex-direction: column;
gap: 15px;
}
}
/* Animations */
.fade-up {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-up.visible {
opacity: 1;
transform: translateY(0);
}
/* Responsive */
@media (max-width: 768px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
.feature-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.feature-grid.reverse {
direction: ltr;
}
.nav-links {
display: none;
}
/* Simplified for this MVP */
}

154
airlabs-art/index.html Normal file
View File

@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AirLab | 广州气元科技有限公司 - AIGC & Future Play</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Orbitron:wght@500;700;900&display=swap"
rel="stylesheet">
<!-- Styles -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<a href="#" class="logo">AIR<span>LAB</span></a>
<nav>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#aigc">AIGC Animation</a></li>
<li><a href="#plush">Intelligent Toys</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section id="home" class="hero">
<img src="assets/images/hero-bg.jpeg" alt="Abstract Background" class="hero-bg">
<div class="container hero-content">
<h1 class="fade-up">Defining the Future of <br><span style="color: var(--accent-cyan)">Play</span> & <span
style="color: var(--accent-magenta)">Storytelling</span></h1>
<p class="fade-up" style="transition-delay: 0.2s">广州气元科技有限公司 (AirLab)</p>
<p class="fade-up" style="transition-delay: 0.3s">Pioneering AIGC Short Dramas & Next-Gen Intelligent Plush
Toys.</p>
<a href="#about" class="btn fade-up" style="transition-delay: 0.4s">Explore The Future</a>
</div>
</section>
<!-- About Section -->
<section id="about" class="section">
<div class="container">
<h2 class="fade-up">About AirLab</h2>
<div class="card-grid">
<div class="card fade-up" style="transition-delay: 0.1s">
<div class="card-icon">🚀</div>
<h3>Innovation First</h3>
<p>Pushing the boundaries of what's possible with Generative AI and Smart Hardware.</p>
</div>
<div class="card fade-up" style="transition-delay: 0.2s">
<div class="card-icon"></div>
<h3>Trendy Aesthetics</h3>
<p>Crafting experiences that resonate with the modern, digital-native generation.</p>
</div>
<div class="card fade-up" style="transition-delay: 0.3s">
<div class="card-icon">🤖</div>
<h3>Soulful Tech</h3>
<p>Infusing technology with life, emotion, and interactivity.</p>
</div>
</div>
</div>
</section>
<!-- AIGC Animation Section -->
<section id="aigc" class="section">
<div class="container">
<div class="feature-grid">
<div class="feature-text fade-up">
<h2>AIGC Animation</h2>
<h3>Redefining Content Creation</h3>
<p>At AirLab, we harness the power of cutting-edge AIGC models to produce stunning, high-fidelity
short dramas. Our pipeline allows for limitless creativity, rapid production, and visual styles
that captivate global audiences.</p>
<ul style="margin-top: 20px; color: var(--text-secondary);">
<li style="margin-bottom: 10px;">• AI-Assisted Scriptwriting & Storyboarding</li>
<li style="margin-bottom: 10px;">• Hyper-realistic Character Generation</li>
<li>• Real-time Style Transfer & Rendering</li>
</ul>
</div>
<div class="feature-image fade-up">
<img src="assets/images/aigc-concept.png" alt="AIGC Animation Concept">
</div>
</div>
</div>
</section>
<!-- Intelligent Plush Section -->
<section id="plush" class="section">
<div class="container">
<div class="feature-grid reverse">
<div class="feature-text fade-up">
<h2>IP Intelligent Plush</h2>
<h3>More Than Just a Toy</h3>
<p>Meet our line of smart companions. Combining premium plush materials with advanced AI
interaction, our toys can converse, learn, and grow with you. It's not just a product; it's a
friend with a soul.</p>
<ul style="margin-top: 20px; color: var(--text-secondary);">
<li style="margin-bottom: 10px;">• Natural Language Processing (NLP)</li>
<li style="margin-bottom: 10px;">• Emotional Responsive Feedback</li>
<li>• Premium Trendy Design</li>
</ul>
</div>
<div class="feature-image fade-up">
<img src="assets/images/plush-concept.png" alt="Intelligent Plush Concept">
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="contact" class="footer">
<div class="container">
<h2 class="logo">AIR<span>LAB</span></h2>
<p class="company-name">广州气元科技有限公司</p>
<div class="footer-contact">
<div class="contact-item">
<span>邮箱:</span> airlabsv001@gmail.com
</div>
<div class="contact-item">
<span>电话:</span> 132 4483 6848
</div>
<div class="contact-item">
<span>地址:</span> 广东省广州市荔湾区信义会馆-6栋3楼301
</div>
</div>
<div class="footer-links">
<a href="privacy.html">隐私协议</a>
</div>
<div class="footer-copyright">
&copy; 2025 AirLab. All Rights Reserved.<br>
<a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2025405629号-1</a>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="js/script.js"></script>
</body>
</html>

File diff suppressed because it is too large Load Diff

30
airlabs-art/js/script.js Normal file
View File

@ -0,0 +1,30 @@
document.addEventListener('DOMContentLoaded', () => {
// Scroll Animation (Fade Up)
const observerOptions = {
threshold: 0.1,
rootMargin: "0px 0px -50px 0px"
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, observerOptions);
const fadeElements = document.querySelectorAll('.fade-up');
fadeElements.forEach(el => observer.observe(el));
// Header Blur Effect on Scroll
const header = document.querySelector('.header');
window.addEventListener('scroll', () => {
if (window.scrollY > 50) {
header.style.background = 'rgba(10, 10, 10, 0.95)';
header.style.boxShadow = '0 5px 20px rgba(0,0,0,0.5)';
} else {
header.style.background = 'rgba(10, 10, 10, 0.8)';
header.style.boxShadow = 'none';
}
});
});

162
airlabs-art/privacy.html Normal file
View File

@ -0,0 +1,162 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy Policy | AirLab 隐私政策</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Orbitron:wght@500;700;900&display=swap"
rel="stylesheet">
<!-- Styles -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<style>
.page-header {
padding-top: 120px;
padding-bottom: 40px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, var(--bg-color) 100%);
}
.content-container {
max-width: 800px;
margin: 0 auto;
padding: 40px 20px;
}
.privacy-content h1 {
font-size: 2.5rem;
margin-bottom: 10px;
color: var(--text-primary);
}
.privacy-content h2 {
font-size: 1.5rem;
margin-top: 40px;
margin-bottom: 15px;
background: none;
-webkit-text-fill-color: var(--text-primary);
color: var(--accent-cyan);
font-family: var(--font-main);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 10px;
display: block;
}
.privacy-content p {
margin-bottom: 1rem;
line-height: 1.8;
color: #ccc;
}
.privacy-content ul {
margin-bottom: 1.5rem;
list-style: disc;
padding-left: 20px;
color: #ccc;
}
.privacy-content li {
margin-bottom: 0.5rem;
}
.last-updated {
color: var(--text-secondary);
font-size: 0.9rem;
margin-bottom: 40px;
}
</style>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<a href="index.html" class="logo">AIR<span>LAB</span></a>
<nav>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="index.html#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<div class="page-header">
<div class="container text-center">
</div>
</div>
<!-- Main Content -->
<div class="content-container privacy-content">
<h1>隐私政策 (Privacy Policy)</h1>
<p class="last-updated">最后更新日期2025年06月01日</p>
<p>欢迎访问广州气元科技有限公司以下简称“AirLab”或“我们”的官方网站。我们非常重视您的隐私保护。本隐私政策旨在向您说明我们在您访问本网站时如何收集、使用、存储和保护您的个人信息。</p>
<h2>1. 信息收集</h2>
<p>当您访问我们的网站时,我们要么不收集您的个人信息,要么仅收集为提供服务所必需的最小化信息:</p>
<ul>
<li><strong>自动收集的信息:</strong>
我们的服务器可能会自动记录某些非个人识别信息包括您的IP地址、浏览器类型、操作系统、访问日期和时间以及您浏览的页面。这些数据用于分析流量模式、故障排除和改进网站性能。</li>
<li><strong>您主动提供的信息:</strong> 如果您通过“联系我们”或其他互动渠道(如邮件订阅)主动与我们联系,我们可能会收集您的姓名、电子邮箱地址以及您提供的其他联系信息。</li>
</ul>
<h2>2. 信息的使用</h2>
<p>我们要合法、正当、必要地使用收集到的信息。主要用途包括:</p>
<ul>
<li>提供、维护和改进我们的网站服务。</li>
<li>回应您的咨询、反馈或业务合作请求。</li>
<li>发送您订阅的相关的技术更新或公司新闻(您可以随时退订)。</li>
<li>保障网络安全,预防欺诈和非法活动。</li>
</ul>
<h2>3. 信息共享与披露</h2>
<p>我们承诺不会出售、交易或未经授权转让您的个人信息给第三方,除非:</p>
<ul>
<li><strong>法律要求:</strong> 根据适用法律法规、法律程序或政府强制性要求。</li>
<li><strong>服务提供商:</strong> 我们可能与协助我们需要运营网站的第三方服务商(如服务器托管)共享必要信息,但他们同样受保密义务约束。</li>
</ul>
<h2>4. Cookie 技术</h2>
<p>本网站可能会使用 Cookie 或类似技术来提升用户体验,例如记录您的语言偏好。您可以根据自己的偏好在浏览器设置中管理或拒绝 Cookie但这可能会影响部分网站功能的正常使用。</p>
<h2>5. 数据安全</h2>
<p>我们采取合理的行业标准安全措施(包括技术手段和管理制度)来保护您的信息免受未经授权的访问、披露、使用、修改或损坏。然而,请注意互联网传输并非绝对安全,我们无法保证信息的绝对安全性。</p>
<h2>6. 未成年人保护</h2>
<p>我们的服务主要面向成人。若您是未成年人,建议在监护人指导下访问本网站。我们不会故意收集未成年人的个人信息。</p>
<h2>7. 政策更新</h2>
<p>AirLab 保留随时更新本隐私政策的权利。更新后的政策将发布在本页面上,并通过更新顶部的“最后更新日期”以此通知。建议您定期查阅以了解最新信息。</p>
<h2>8. 联系我们</h2>
<p>如果您对本隐私政策有任何疑问或建议,请通过以下方式联系我们:</p>
<p>
<strong>广州气元科技有限公司</strong><br>
Email: airlabsv001@gmail.com<br>
Phone: 132 4483 6848<br>
Address: 广东省广州市荔湾区信义会馆-6栋3楼301
</p>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">
<h2 class="logo">AIR<span>LAB</span></h2>
<div class="footer-text">
&copy; 2025 AirLab. All Rights Reserved.<br>
<a href="https://beian.miit.gov.cn/" target="_blank"
style="color: var(--text-secondary); text-decoration: none; font-size: 0.8rem; margin-top: 5px; display: inline-block;">粤ICP备2025405629号-1</a>
</div>
</div>
</footer>
</body>
</html>

View File

@ -4,6 +4,24 @@ metadata:
name: static-sites-nginx-conf
data:
default.conf: |
# Apex + www -> airlabs-art/ 目录
server {
listen 80;
server_name airlabs.art www.airlabs.art;
root /usr/share/nginx/html/airlabs-art;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
location ~ /\. {
deny all;
}
}
# 子域名站点:<name>.airlabs.art -> /usr/share/nginx/html/<name>/
server {
listen 80;
server_name ~^(?<project>.+)\.airlabs\.art$;