info-page-static/index.html

129 lines
5.0 KiB
HTML
Raw Normal View History

2024-08-03 13:48:13 +00:00
<!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">
2024-08-04 10:36:49 +00:00
<!-- <script src="https://unpkg.com/js-yaml"></script> -->
<script src="script/js-yaml.min.js"></script>
2024-08-03 13:48:13 +00:00
<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>
2024-08-04 10:36:49 +00:00
<img src="static/profile.png" alt="" class="profile">
2024-08-03 13:48:13 +00:00
</div>
<div class="profile-text">
2024-08-04 10:36:49 +00:00
<p style="margin: 0;"><span class="profile-name">萌狼蓝天</span><span class="tags-profile"><span class="tag border round-5">软件工程</span><span class="tag border round-5">人工智能</span></span></p>
<span class="profile-about"> Web开发Java/Python | vue/uni-app、爬虫与自动化</span>
2024-08-03 13:48:13 +00:00
</div>
2024-08-04 10:36:49 +00:00
2024-08-03 13:48:13 +00:00
</div>
2024-08-04 10:36:49 +00:00
<div class="tags">
专业:<span class="tag border round-5">软件工程</span><span class="tag border round-5">人工智能</span>
</div>
2024-08-03 13:48:13 +00:00
</div>
2024-08-04 10:36:49 +00:00
2024-08-03 13:48:13 +00:00
<div class="xiangmu shadow mh round">
2
</div>
<div class="wangzhan shadow mh round">
3
</div>
<div class="gongsi shadow mh round">
2024-08-04 10:36:49 +00:00
<h2 class="gongsi-pinpai center" style="margin: 0.5em ;">乖乖狼科技</h2>
<h4 class="gongsi-name center" style="margin: 0.25em;">重庆乖乖狼科技有限责任公司</h4>
<div class="gongsi-jieshao">
<p style="text-indent: 2em;">
重庆乖乖狼科技有限责任公司(简称:乖乖狼科技),成立于二零二四年,是以软件开发、软件服务、技术咨询为主的综合型技术服务公司。公司致力于为企业提供高质量的数字化解决方案和技术支持,帮助客户实现业务流程优化和技术创新。通过专业的软件定制开发、系统集成服务以及前沿的技术咨询,乖乖狼科技助力各行业客户提升核心竞争力,在快速变化的市场环境中保持领先地位。
</p>
</div>
<h4 class="gongsi-name center" style="margin: 0.25em;">企业文化</h4>
<div class="gongsi-jieshao">
<p>
使命:优化软件服务体验
</p>
<p>
价值观:技术为本 专注创新
</p>
<p>
经营理念:客户至上 产品为王
</p>
</div>
<h4 class="gongsi-name center" style="margin: 0.25em;">联系我们</h4>
<div class="gongsi-jieshao">
<p style="text-indent: 2em;">
欢迎致信<e-mail>vip@mllt.cc</e-mail>,您也可以通过微信公众号 <code>乖乖狼科技</code>、抖音:<code>乖乖狼科技</code> 联系我们
</p>
</div>
2024-08-03 13:48:13 +00:00
</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>