info-page-static/index.html
2024-08-03 21:48:13 +08:00

101 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loading...</title>
<link rel="icon" type="image/png" href="default.png">
<script src="https://unpkg.com/js-yaml"></script>
<script src="/script/log.js"></script>
<script src="/script/bacggroundSetting.js"></script>
<link href="css/index.css" rel="stylesheet" type="text/css">
<script src="/script/IcoSetting.js"></script>
<link href="css/menu.css" rel="stylesheet" type="text/css">
<script src="/script/menu.js"></script>
</head>
<body>
<div class="container">
<div class="main-content">
<div class="header shadow mh round">
<!--
<div class="menu-icon" id="menu-icon">
<span></span>
<span></span>
<span></span>
</div>
-->
<nav class="menu-container">
<div class="menu" data-menu="简介">简 介</div>
<div class="menu" data-menu="项目">项 目</div>
<div class="menu" data-menu="网站">网 站</div>
<div class="menu" data-menu="公司">公 司</div>
</nav>
</div>
<div class="jianjie shadow mh round">
<div class="box-profile">
<div>
<img src="https://q2.qlogo.cn/g?b=qq&nk=2952458479&s=100" alt="" class="profile">
</div>
<div class="profile-text">
<p class="profile-name">萌狼蓝天</p>
<span class="profile-about"> 乖乖狼科技首席技术官</span>
</div>
</div>
</div>
<div class="xiangmu shadow mh round">
2
</div>
<div class="wangzhan shadow mh round">
3
</div>
<div class="gongsi shadow mh round">
4
</div>
<div class="boxs">
<div class="box">
</div>
</div>
</div>
<footer class="shadow mh">
<a href="https://beian.miit.gov.cn/#/Integrated/index">渝ICP备2020015002号</a>
|
<a href="https://www.mllt.cc">乖乖狼科技</a>
</footer>
</div>
</body>
<script>
document.addEventListener('DOMContentLoaded', function() {
fetch('config/index.yaml')
.then(response => response.text())
.then(text => {
log("开始加载配置...")
const config = jsyaml.load(text);
//设置标题
document.title = config.title;
//设置网站图标
setHTMLIco(config.ico)
//设置背景
setBodyBackground(config.background);
//读入内容配置
log("配置加载完毕","green","SUCESS")
})
.catch(error => console.error('Error:', error));
});
</script>
</html>