home/index.html

471 lines
28 KiB
HTML
Raw Normal View History

2021-09-25 22:57:18 +08:00
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!-- 基础信息 -->
<meta charset="utf-8">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="force-rendering" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="無名の主页">
<meta name="keywords" content="無名,个人主页">
<meta name="author" content="無名">
<title>無名の主页</title>
2022-01-21 14:12:12 +08:00
<!-- jQuery -->
2022-05-16 19:03:47 +08:00
<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.5.1/jquery.min.js"></script>
2021-09-25 22:57:18 +08:00
<!-- 引入样式 -->
<link rel="stylesheet" type="text/css"
2022-05-16 19:03:47 +08:00
href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/css/bootstrap.min.css">
2022-05-04 17:19:19 +08:00
<link rel="stylesheet" type="text/css" href="./css/style.min.css">
<link rel="stylesheet" type="text/css" href="./css/mobile.min.css">
<link rel="stylesheet" type="text/css" href="./css/font.min.css">
<link rel="stylesheet" type="text/css" href="./css/loading.min.css">
<link rel="stylesheet" type="text/css" href="./css/animation.min.css">
<link rel="stylesheet" type="text/css" href="./css/cursor.min.css">
2021-09-25 22:57:18 +08:00
<link rel="icon" href="./favicon.ico">
2022-04-14 16:47:10 +08:00
<link rel="apple-touch-icon" href="./img/icon/apple-touch-icon.png">
2022-01-16 10:28:16 +08:00
<!-- Izitoast -->
2022-05-16 19:03:47 +08:00
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/css/iziToast.min.css">
2022-01-29 13:09:21 +08:00
<script type="text/javascript"
2022-05-16 19:03:47 +08:00
src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/js/iziToast.min.js">
2022-01-13 14:48:37 +08:00
</script>
2022-01-16 23:30:27 +08:00
<!-- Aplayer -->
2022-05-16 19:03:47 +08:00
<link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/aplayer/1.10.1/APlayer.min.css"
2022-01-16 23:30:27 +08:00
crossorigin="anonymous" referrerpolicy="no-referrer" />
2022-05-16 19:03:47 +08:00
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/aplayer/1.10.1/APlayer.min.js" crossorigin="anonymous"
2022-01-16 23:30:27 +08:00
referrerpolicy="no-referrer"></script>
2022-01-16 10:28:16 +08:00
<!-- IE Out -->
2021-09-25 22:57:18 +08:00
<script>
if ( /*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href =
"/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);
</script>
2022-04-25 23:06:37 +08:00
<!-- 51.LA 统计 -->
2022-05-03 19:45:44 +08:00
<script src="https://file.imsyy.top/js/51LA/51LA.js"></script>
2021-09-25 22:57:18 +08:00
</head>
<body>
<!--加载动画-->
<div id="loading-box">
<div class="loading-left-bg"></div>
<div class="loading-right-bg"></div>
<div class="spinner-box">
<div class="loader">
<div class="inner one"></div>
<div class="inner two"></div>
<div class="inner three"></div>
</div>
<div class="loading-word">
2022-01-21 13:39:47 +08:00
<p class="loading-title">無名の主页</p>
<span id="loading-text">加载中</span>
2021-09-25 22:57:18 +08:00
</div>
</div>
</div>
<section id="section" class="section">
2022-04-14 16:47:10 +08:00
<!-- 背景图片 -->
<div class="bg-all">
<img id="bg" onerror="this.classList.add('error');"></img>
<div class="cover"></div>
</div>
<!--主体内容-->
2021-09-25 22:57:18 +08:00
<main id="main" class="main">
<div class="container" id="container">
2021-09-27 21:07:24 +08:00
<div class="row" id="row">
2021-09-25 22:57:18 +08:00
<div class="col left">
<!--基本信息-->
<div class="main-left">
<!--Logo-->
<div class="main-img">
2022-04-14 16:47:10 +08:00
<img src="./img/icon/logo.png" alt="img">
2021-09-25 22:57:18 +08:00
<div class="img-title">
<span class="img-title">imsyy</span>
<span class="img-text">.top</span>
</div>
</div>
<!--介绍信息-->
2021-10-03 17:03:31 +08:00
<div class="message cards" id="switchmore">
2021-09-25 22:57:18 +08:00
<div class="des" id="des"><i class="iconfont icon-yinhao-copy-copy"></i>
2022-01-21 13:39:47 +08:00
<div class="des-title"><span id="change">Hello&nbsp;World&nbsp;!</span><br /><span
id="change1">一个建立于 21 世纪的小站,存活于互联网的边缘</span></div>
2021-09-25 22:57:18 +08:00
<i class="iconfont icon-yinhao-copy"></i>
</div>
</div>
<!--社交链接-->
<div class="social" id="social">
<a href="https://github.com/imsyy" class="link" id="github" target="_blank">
<i class="iconfont icon-github"></i>
</a>
<a href="http://wpa.qq.com/msgrd?v=3&uin=1539250352&site=qq&menu=yes" class="link"
id="qq" target="_blank">
<i class="iconfont icon-QQ"></i>
</a>
<a href="mailto:one@imsyy.top" class="link" id="email">
<i class="iconfont icon-youxiang"></i>
</a>
<a href="https://t.me/bottom_user" class="link" id="telegram" target="_blank">
<i class="iconfont icon-telegram"></i>
</a>
<a href="https://twitter.com/iimmsyy" class="link" id="twitter" target="_blank">
<i class="iconfont icon-twitter"></i>
</a>
<a id="link-text">通过这里联系我</a>
</div>
</div>
</div>
2021-10-03 17:03:31 +08:00
<!--第二屏 Logo-->
<div class="logo cards" style="display: none" id="changemore">
2022-01-13 14:48:37 +08:00
<a class="logo-text">imsyy.top</a>
2021-10-03 17:03:31 +08:00
</div>
2021-09-25 22:57:18 +08:00
<div class="col right">
<div class="main-right">
<!--功能区-->
2021-09-28 20:56:14 +08:00
<div class="row rightone" id="rightone">
2021-09-25 22:57:18 +08:00
<div class="col hitokotos">
<!--一言-->
<div class="hitokoto cards" id="hitokoto">
2022-01-16 23:30:27 +08:00
<!--切换音乐-->
<div class="open-music fixed-top" id="open-music">
2022-01-16 23:30:27 +08:00
<i class="iconfont icon-music"></i>
<span>&nbsp;打开音乐播放器</span>
</div>
<!--切换音乐结束-->
2021-09-25 22:57:18 +08:00
<div class="hitokoto-all">
<div class="hitokoto-text"><span id="hitokoto_text">每一个人都应该明确自己的方向和位置</span>
</div>
<div class="hitokoto-from">-「&nbsp;<span id="from_text">無名</span>&nbsp;
</div>
</div>
</div>
2022-01-16 23:30:27 +08:00
<!--音乐-->
<div class="music cards" id="music">
<div class="music-all">
<div class="music-button">
<div id="music-open">音乐列表</div>
<div id="music-close">回到一言</div>
</div>
<div class="music-control">
<i class="iconfont icon-next-one-copy" id="last"></i>
<div id="play">
<i class="iconfont icon-play"></i>
</div>
<i class="iconfont icon-next-one" id="next"></i>
</div>
2022-01-29 13:09:21 +08:00
<div class="music-menu">
<div class="music-text">
<span id="music-name">未播放音乐</span>
</div>
<div class="music-volume" style="display: none;">
<div id="volume-ico">
<i class="iconfont icon-volume-1"></i>
</div>
2022-02-03 16:05:44 +08:00
<input type="range" min="0" max="1" step="0.01" id="volume"
2022-01-29 13:09:21 +08:00
oninput="changevolume()">
</div>
2022-01-16 23:30:27 +08:00
</div>
</div>
</div>
2021-09-25 22:57:18 +08:00
</div>
<div class="col times">
<!--时间-->
<div class="time cards">
2022-01-20 21:49:09 +08:00
<div class="timeshow" id="time">
2000&nbsp;&nbsp;0&nbsp;&nbsp;00&nbsp;&nbsp;<span
class="weekday">星期一</span><br><span class="time-text">00:00:00</span>
</div>
2021-09-25 22:57:18 +08:00
<div class="weather">
2022-03-21 17:29:30 +08:00
<span id="city_text">天气</span>&nbsp;
<span id="wea_text">加载失败</span>&nbsp;
<span id="tem_night"></span>°C~
2022-04-14 16:47:10 +08:00
<span id="tem_day"></span>°C
<!-- <span id="win_text"></span>
<span id="win_speed"></span> -->
2021-09-25 22:57:18 +08:00
</div>
</div>
</div>
</div>
<!--分隔线-->
<div class="line">
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-link"></i>
2021-09-25 22:57:18 +08:00
<span class="line-text">网站列表</span>
</div>
<!--网站链接-->
<div class="link">
<!--第一组-->
<div class="row">
<div class="col">
<a href="https://blog.imsyy.top/" target="_blank">
<div class="link-card cards">
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-blog-solid"></i>
2021-09-25 22:57:18 +08:00
<span class="link-name">博客</span>
</div>
</a>
</div>
<div class="col 2">
2022-01-13 14:48:37 +08:00
<a href="https://drive.imsyy.top/" target="_blank">
2021-09-25 22:57:18 +08:00
<div class="link-card cards">
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-cloud"></i>
<span class="link-name">网盘</span>
2021-09-25 22:57:18 +08:00
</div>
</a>
</div>
<div class="col">
<a href="https://music.imsyy.top/" target="_blank">
<div class="link-card cards">
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-music-list"></i>
2021-09-25 22:57:18 +08:00
<span class="link-name">音乐</span>
</div>
</a>
</div>
</div>
<!--第二组-->
<div class="row" style="margin-top: 1.5rem;">
<div class="col">
2022-03-21 17:29:30 +08:00
<a href="https://nav.imsyy.top/" target="_blank">
2021-09-25 22:57:18 +08:00
<div class="link-card cards">
2022-03-21 17:29:30 +08:00
<i class="iconfont icon-a-daohangzhiyindingwei-05"></i>
<span class="link-name">起始页</span>
2021-09-25 22:57:18 +08:00
</div>
</a>
</div>
<div class="col 2">
2022-01-13 14:48:37 +08:00
<a href="https://web.imsyy.top/" target="_blank">
2021-09-25 22:57:18 +08:00
<div class="link-card cards">
2022-03-21 17:29:30 +08:00
<i class="iconfont icon-z_shangpinheji"></i>
<span class="link-name">网址集</span>
2021-09-25 22:57:18 +08:00
</div>
</a>
</div>
<div class="col">
2022-03-21 17:29:30 +08:00
<a href="https://lab.imsyy.top/" target="_blank">
2021-09-25 22:57:18 +08:00
<div class="link-card cards">
2022-03-21 17:29:30 +08:00
<i class="iconfont icon-lab"></i>
<span class="link-name">实验室</span>
2021-09-25 22:57:18 +08:00
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--展开菜单按钮-->
2021-10-03 17:03:31 +08:00
<div class="menu" id="switchmenu">
2022-01-13 14:48:37 +08:00
<a class="munu-button cards" id="menu"><i class="iconfont icon-bars"></i></a>
2021-09-25 22:57:18 +08:00
</div>
<!--更多内容-->
2022-01-13 14:48:37 +08:00
<div class="more" id="more">
2021-09-27 21:07:24 +08:00
<!--关闭按钮-->
2021-10-03 17:03:31 +08:00
<div class="close fixed-top" id="close">
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-close"></i>
2021-09-27 21:07:24 +08:00
</div>
2021-09-26 20:21:22 +08:00
<div class="line" style="margin-top: 1rem;">
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-right-copy"></i>
2021-09-26 20:21:22 +08:00
<span class="line-text">时间胶囊</span>
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-right"></i>
2021-09-26 20:21:22 +08:00
</div>
<div class="date" id="date">
2021-10-13 18:16:29 +08:00
<div class="item" id="dayProgress">
<div class="date-text" style="margin-top: 0rem;">今日已经度过了&nbsp;<span></span>&nbsp;小时</div>
<div class="progress">
<div class="progress-bar"></div>
</div>
</div>
<div class="item" id="weekProgress">
<div class="date-text">本周已经度过了&nbsp;<span></span>&nbsp;</div>
<div class="progress">
<div class="progress-bar"></div>
</div>
</div>
<div class="item" id="monthProgress">
<div class="date-text">本月已经度过了&nbsp;<span></span>&nbsp;</div>
<div class="progress">
<div class="progress-bar"></div>
</div>
</div>
<div class="item" id="yearProgress">
<div class="date-text">今年已经度过了&nbsp;<span></span>&nbsp;个月</div>
<div class="progress">
<div class="progress-bar"></div>
</div>
</div>
2021-09-26 20:21:22 +08:00
</div>
<div class="line">
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-right-copy"></i>
2021-09-26 20:21:22 +08:00
<span class="line-text">杂七杂八</span>
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-right"></i>
2021-09-26 20:21:22 +08:00
</div>
<!--网站链接-->
<div class="row">
<div class="col">
<a href="https://status.imsyy.top/" target="_blank">
<div class="link-card cards">
<span class="link-name">站点监测</span>
</div>
</a>
</div>
<div class="col 2">
<a href="https://player.imsyy.top/" target="_blank">
<div class="link-card cards">
<span class="link-name">播放器</span>
</div>
</a>
</div>
<div class="col">
<a href="https://write.imsyy.top/" target="_blank">
<div class="link-card cards">
2022-01-13 14:48:37 +08:00
<span class="link-name">编辑器</span>
2021-09-26 20:21:22 +08:00
</div>
</a>
</div>
</div>
<div class="row" style="margin-top: 1.5rem;">
<div class="col">
2022-03-21 17:29:30 +08:00
<a href="https://photo.imsyy.top/" target="_blank">
2021-09-26 20:21:22 +08:00
<div class="link-card cards">
2022-03-21 17:29:30 +08:00
<span class="link-name">时光相册</span>
2021-09-26 20:21:22 +08:00
</div>
</a>
</div>
<div class="col 2">
2021-12-13 14:57:50 +08:00
<a href="https://share.imsyy.top/" target="_blank">
2021-09-26 20:21:22 +08:00
<div class="link-card cards">
2021-09-27 21:07:24 +08:00
<span class="link-name">文件库</span>
2021-09-26 20:21:22 +08:00
</div>
</a>
</div>
<div class="col">
2021-10-03 17:03:31 +08:00
<a id="openmore">
2021-09-26 20:21:22 +08:00
<div class="link-card cards">
2021-09-27 21:07:24 +08:00
<span class="link-name">更多</span>
2021-09-26 20:21:22 +08:00
</div>
</a>
</div>
</div>
2021-09-25 22:57:18 +08:00
</div>
2021-09-27 21:07:24 +08:00
<!--更多页面-->
<div class="box" id="box" style="display: none">
<div class="box-wrapper">
<!--关闭按钮-->
2021-10-03 17:03:31 +08:00
<div class="closebox fixed-top" id="closemore">
2022-01-13 14:48:37 +08:00
<i class="iconfont icon-close"></i>
2021-09-27 21:07:24 +08:00
</div>
2022-04-12 22:42:42 +08:00
<!--左侧内容-->
2022-01-16 23:30:27 +08:00
<div class="box-left">
<div class="img-title">
<span class="img-title">imsyy</span>
2022-02-03 16:05:44 +08:00
<span class="img-text">.top</span><br />
2022-04-12 22:42:42 +08:00
<span class="img-text">&nbsp;&nbsp;v&nbsp;2.2</span>
<a href="https://github.com/imsyy/home" target="_blank"><i
class="iconfont icon-github1"></i></a>
2022-01-16 23:30:27 +08:00
</div>
2022-04-12 22:42:42 +08:00
<!--更多内容-->
<div class="accordion" id="accordion">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">
2022-04-14 16:47:10 +08:00
壁纸设置
2022-04-12 22:42:42 +08:00
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show"
aria-labelledby="headingOne" data-bs-parent="#accordion">
<div class="accordion-body">
<div class="set">
2022-04-14 16:47:10 +08:00
<div class="wallpaper" id="wallpaper">
<div class="form-radio">
<input type="radio" class="set-wallpaper" style="display: none;"
id="radio1" value="1" name="wallpaper-type">
<label for="radio1">默认壁纸</label>
</div>
<div class="form-radio">
<input type="radio" class="set-wallpaper" style="display: none;"
id="radio2" value="2" name="wallpaper-type">
<label for="radio2">每日一图</label>
</div>
<div class="form-radio">
<input type="radio" class="set-wallpaper" style="display: none;"
id="radio3" value="3" name="wallpaper-type">
<label for="radio3">随机风景</label>
</div>
<div class="form-radio">
<input type="radio" class="set-wallpaper" style="display: none;"
id="radio4" value="4" name="wallpaper-type">
<label for="radio4">随机动漫</label>
</div>
2022-04-12 22:42:42 +08:00
</div>
</div>
</div>
</div>
</div>
<!--更新日志-->
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
更新日志
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse"
aria-labelledby="headingTwo" data-bs-parent="#accordion">
<div class="accordion-body">
<div class="upnote">
<span class="uptext"><i
2022-04-14 16:47:10 +08:00
class="iconfont icon-plus"></i>&nbsp;壁纸个性化设置</span>
2022-04-12 22:42:42 +08:00
<span class="uptext"><i
2022-04-14 16:47:10 +08:00
class="iconfont icon-plus"></i>&nbsp;音乐播放器支持音量控制</span>
2022-04-12 22:42:42 +08:00
<span class="uptext"><i class="iconfont icon-wrench-fill"></i>&nbsp;修复
CDN 加载缓慢</span>
<span class="uptext"><i
class="iconfont icon-wrench-fill"></i>&nbsp;时光胶囊显示错误</span>
<span class="uptext"><i
class="iconfont icon-wrench-fill"></i>&nbsp;移动端动画及细节</span>
2022-04-25 23:06:37 +08:00
<span class="uptext"><i
class="iconfont icon-wrench-fill"></i>&nbsp;优化部分动画及细节</span>
2022-04-12 22:42:42 +08:00
<span class="uptext"><i class="iconfont icon-undo"></i>&nbsp;<a
href="./old/" style="color:#efefef">点击此处返回旧版站点</a></span>
</div>
</div>
</div>
</div>
2022-01-16 23:30:27 +08:00
</div>
2021-09-27 21:07:24 +08:00
</div>
2022-04-12 22:42:42 +08:00
<!--Aplayer-->
2022-01-16 23:30:27 +08:00
<div class="box-right">
<div id="aplayer"></div>
2021-09-27 21:07:24 +08:00
</div>
</div>
</div>
2021-09-25 22:57:18 +08:00
</div>
</main>
2022-01-16 10:28:16 +08:00
<!-- 版权信息 -->
2021-09-25 22:57:18 +08:00
<footer id="footer" class="fixed-bottom footer">
<div class="power">Copyright&nbsp;&copy;&nbsp;2020
2021-09-25 22:57:18 +08:00
<script>
document.write(' - ' + (new Date()).getFullYear())
2022-01-16 10:28:16 +08:00
</script>&nbsp;<a href="https://imsyy.top">無名</a>&nbsp;&amp;&nbsp;
<!-- 以下信息请不要修改哦 -->
2022-01-16 10:34:31 +08:00
Made&nbsp;by&nbsp;<a href="https://github.com/imsyy/home" target="_blank">imsyy</a>
2021-09-25 22:57:18 +08:00
</div>
<!-- 歌词显示 -->
<div id="lrc"></div>
2021-09-25 22:57:18 +08:00
</footer>
</section>
2022-01-24 09:58:27 +08:00
<!-- noscript -->
<noscript>
<div class="noscript fixed-top">请开启 JavaScript</div>
</noscript>
2021-09-25 22:57:18 +08:00
<!-- JS -->
2022-05-04 17:19:19 +08:00
<script type="text/javascript" src="./js/main.min.js"></script>
<script type="text/javascript" src="./js/time.min.js"></script>
<script type="text/javascript" src="./js/js.cookie.min.js"></script>
<script type="text/javascript" src="./js/set.min.js"></script>
<script type="text/javascript" src="./js/cursor.min.js"></script>
2022-01-29 13:09:21 +08:00
<script type="text/javascript"
2022-05-16 19:03:47 +08:00
src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/js/bootstrap.min.js">
2022-01-20 21:49:09 +08:00
</script>
2021-09-25 22:57:18 +08:00
</body>
</html>