101 lines
2.9 KiB
HTML
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>
|