Compare commits

..

2 Commits

3 changed files with 45 additions and 6 deletions

11
.vscode/settings.json vendored Normal file
View File

@@ -0,0 +1,11 @@
{
"liveServer.settings.port": 5500,
"liveServer.settings.root": "/",
"liveServer.settings.CustomBrowser": "chrome",
"liveServer.settings.NoBrowser": false,
"liveServer.settings.ignoreFiles": [
".git",
"**/*.sass",
"node_modules"
]
}

View File

@@ -527,3 +527,17 @@ body {
.section-title { .section-title {
animation: fadeInUp 0.6s ease-out; animation: fadeInUp 0.6s ease-out;
} }
.card-image placeholder-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
og-image.jpg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

View File

@@ -15,17 +15,32 @@
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://solarark.net/g2026/g4/"> <meta property="og:url" content="https://solarark.net/g2026/g4/">
<meta property="og:title" content="雪域阳光方舟 - 轻索方舱"> <meta property="og:title" content="雪域阳光方舟 - 轻索方舱">
<meta property="og:description" content="雪域阳光方舟 · 高海拔环境乡村医疗服务基站设计与建造研究"> <meta property="og:description" content="青藏高原轻钢拉索结构医疗站 - Approachable Luxury设计理念">
<meta property="og:image" content="images/og-image.jpg"> <!-- <meta property="og:image" content="images/og-image.jpg"> -->
<!-- Base Path for Subdirectory Deployment --> <!-- Base Path for Subdirectory Deployment -->
<base href="/g2026/g4/"> <base href="/g2026/g4/">
<!-- Smart Path Detection - Must run before CSS/JS loading -->
<script>
(function() {
const hostname = window.location.hostname;
// 本地开发环境自动移除 base 标签
if (hostname === 'localhost' || hostname === '127.0.0.1' || hostname === '') {
const baseTag = document.querySelector('base');
if (baseTag) {
baseTag.remove();
console.log('🔧 Local dev mode: base tag removed');
}
}
})();
</script>
<!-- Stylesheet --> <!-- Stylesheet -->
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<!-- Favicon --> <!-- Favicon -->
<link rel="icon" type="image/png" href="images/favicon.png"> <!-- <link rel="icon" type="image/png" href="images/favicon.png"> -->
</head> </head>
<body> <body>
<!-- 顶部固定导航栏 --> <!-- 顶部固定导航栏 -->
@@ -39,7 +54,7 @@
<li><a href="#performance" class="nav-link">性能分析</a></li> <li><a href="#performance" class="nav-link">性能分析</a></li>
<li><a href="#self-sufficient" class="nav-link">自保障设计</a></li> <li><a href="#self-sufficient" class="nav-link">自保障设计</a></li>
<li><a href="#construction" class="nav-link">建造模拟</a></li> <li><a href="#construction" class="nav-link">建造模拟</a></li>
<li><a href="#about" class="nav-link">关于设计</a></li> <li><a href="#about" class="nav-link">关于项目</a></li>
</ul> </ul>
<div class="hamburger" id="hamburger"> <div class="hamburger" id="hamburger">
<span></span> <span></span>
@@ -65,8 +80,7 @@
<div class="card-grid"> <div class="card-grid">
<div class="card"> <div class="card">
<div class="card-image placeholder-img"> <div class="card-image placeholder-img">
<img src="images/航拍图.jpg" alt="地理分析图"> <span>地理分析图</span>
<img src="images/气温和降水月平均分布.jpg" alt="地理分析图">
</div> </div>
<div class="card-content"> <div class="card-content">
<h3>地理位置分析</h3> <h3>地理位置分析</h3>