mirror of
https://github.com/caojiezi2003/Snavigation.git
synced 2024-11-23 10:59:46 +00:00
523 lines
32 KiB
HTML
523 lines
32 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Snavigation</title>
|
|
<link rel="icon" href="favicon.ico">
|
|
<!-- jQuery -->
|
|
<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.5.1/jquery.min.js"></script>
|
|
<!-- 引入样式 -->
|
|
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
|
<link rel="stylesheet" type="text/css" href="./css/font.css">
|
|
<link rel="stylesheet" type="text/css" href="./css/loading.css">
|
|
<link rel="stylesheet" type="text/css" href="./css/mobile.css">
|
|
<link rel="stylesheet" type="text/css" href="./css/firefox.css">
|
|
<link rel="stylesheet" type="text/css" href="./css/animation.css">
|
|
<!-- Izitoast -->
|
|
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/izitoast/1.4.0/css/iziToast.min.css">
|
|
<script type="text/javascript"
|
|
src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/izitoast/1.4.0/js/iziToast.min.js">
|
|
</script>
|
|
</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">
|
|
<p class="loading-title">Snavigation</p>
|
|
<span id="loading-text">加载中</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 背景图片 -->
|
|
<div class="bg-all">
|
|
<img id="bg" onerror="this.classList.add('error');"></img>
|
|
<div class="cover"></div>
|
|
</div>
|
|
<!-- 主体内容 -->
|
|
<section id="section" class="section">
|
|
<!-- 搜索框 -->
|
|
<div id="content">
|
|
<div class="con">
|
|
<!-- 时间天气 -->
|
|
<div class="tool-all">
|
|
<div class="time">
|
|
<span id="time_text">00<span id="point">:</span>00</span>
|
|
<span id="day">0 月 00 日 周一</span>
|
|
</div>
|
|
<div class="weather">
|
|
<span id="wea_text">N/A</span> <span id="tem2">N/A</span>°C ~ <span
|
|
id="tem1">N/A</span>°C
|
|
</div>
|
|
</div>
|
|
<!-- 搜索框 -->
|
|
<div class="sou">
|
|
<form class="search" action="https://www.baidu.com/s" target="_Blank">
|
|
<div class="all-search">
|
|
<div class="se" title="点击切换搜索引擎">
|
|
<i id="icon-se" class="iconfont icon-baidu"></i>
|
|
</div>
|
|
<input class="wd" type="text" name="wd" placeholder="想要搜点什么" onfocus="this.placeholder=''"
|
|
onblur="this.placeholder='想要搜点什么'" autocomplete="off" required="required">
|
|
<div class="sou-button">
|
|
<button class="s" id="s-button">
|
|
<i id="icon-sou" class="iconfont icon-sousuo"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div id="keywords" style="display: none;"></div>
|
|
<div class="search-engine" style="display: none;">
|
|
<div class="search-engine-list">
|
|
<div class="se-li">
|
|
<a class="se-li-text" data-url="https://www.baidu.com/s" data-name="wd"
|
|
data-icon="iconfont icon-baidu">
|
|
<i id="icon-sou-list" class="iconfont icon-sousuo"></i>
|
|
<span>百度</span>
|
|
</a>
|
|
</div>
|
|
<div class="se-li" data-url="https://cn.bing.com/search" data-name="q"
|
|
data-icon="iconfont icon-bing">
|
|
<a class="se-li-text">
|
|
<i id="icon-sou-list" class="iconfont icon-bing"></i>
|
|
<span>必应</span>
|
|
</a>
|
|
</div>
|
|
<div class="se-li" data-url="https://www.google.com/search" data-name="q"
|
|
data-icon="iconfont icon-google">
|
|
<a class="se-li-text">
|
|
<i id="icon-sou-list" class="iconfont icon-google"></i>
|
|
<span>谷歌</span>
|
|
</a>
|
|
</div>
|
|
<div class="se-li" data-url="https://www.sogou.com/web" data-name="query"
|
|
data-icon="iconfont icon-bing">
|
|
<a class="se-li-text">
|
|
<i id="icon-sou-list" class="iconfont icon-sougousousuo"></i>
|
|
<span>搜狗</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 书签页 -->
|
|
<div class="mark" style="display: none;">
|
|
<div class="tab">
|
|
<div class="tab-item active">常用</div>
|
|
<div class="tab-item">工具</div>
|
|
<div class="tab-item">开发</div>
|
|
<div class="tab-item">娱乐</div>
|
|
<div class="tab-item">学习</div>
|
|
<div class="tab-item">设计</div>
|
|
</div>
|
|
<div class="content products">
|
|
<!-- 常用 -->
|
|
<div class="mainCont selected">
|
|
<div class="quick-all">
|
|
<div class="quick" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
|
<a href="https://www.bilibili.com/" target="_blank">
|
|
哔哩哔哩
|
|
</a>
|
|
</div>
|
|
<div class="quick" data-s="github" title="GitHub">
|
|
<a href="https://github.com/" target="_blank">
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
<div class="quick" data-s="v2ex" title="V2EX">
|
|
<a href="https://www.v2ex.com/" target="_blank">
|
|
V2EX
|
|
</a>
|
|
</div>
|
|
<div class="quick" data-s="steam" title="Steam">
|
|
<a href="https://store.steampowered.com/" target="_blank">
|
|
Steam
|
|
</a>
|
|
</div>
|
|
<div class="quick" data-s="scp" title="控制，收容，保护">
|
|
<a href="http://scp-wiki-cn.wikidot.com/" target="_blank">
|
|
scp基金会2
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 工具 -->
|
|
<div class="mainCont">
|
|
<div class="quick-alls">
|
|
<div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
|
<a href="https://www.bilibili.com/" target="_blank">
|
|
哔哩哔哩
|
|
</a>
|
|
</div>
|
|
<div class="quicks" data-s="github" title="GitHub">
|
|
<a href="https://github.com/" target="_blank">
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
<div class="quicks" data-s="v2ex" title="V2EX">
|
|
<a href="https://www.v2ex.com/" target="_blank">
|
|
V2EX
|
|
</a>
|
|
</div>
|
|
<div class="quicks" data-s="steam" title="Steam">
|
|
<a href="https://store.steampowered.com/" target="_blank">
|
|
Steam
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 开发 -->
|
|
<div class="mainCont">
|
|
<div class="quick-alls">
|
|
<div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
|
<a href="https://www.bilibili.com/" target="_blank">
|
|
哔哩哔哩
|
|
</a>
|
|
</div>
|
|
<div class="quicks" data-s="github" title="GitHub">
|
|
<a href="https://github.com/" target="_blank">
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 娱乐 -->
|
|
<div class="mainCont">
|
|
<div class="quick-alls">
|
|
<div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
|
<a href="https://www.bilibili.com/" target="_blank">
|
|
哔哩哔哩
|
|
</a>
|
|
</div>
|
|
<div class="quicks" data-s="github" title="GitHub">
|
|
<a href="https://github.com/" target="_blank">
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 学习 -->
|
|
<div class="mainCont">
|
|
<div class="quick-alls">
|
|
<div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
|
<a href="https://www.bilibili.com/" target="_blank">
|
|
哔哩哔哩
|
|
</a>
|
|
</div>
|
|
<div class="quicks" data-s="github" title="GitHub">
|
|
<a href="https://github.com/" target="_blank">
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 设计 -->
|
|
<div class="mainCont">
|
|
<div class="quick-alls">
|
|
<div class="quicks" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
|
|
<a href="https://www.bilibili.com/" target="_blank">
|
|
哔哩哔哩
|
|
</a>
|
|
</div>
|
|
<div class="quicks" data-s="github" title="GitHub">
|
|
<a href="https://github.com/" target="_blank">
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 设置图标 -->
|
|
<div id="menu">
|
|
<i id="icon-menu" class="iconfont icon-shezhi"></i>
|
|
</div>
|
|
<!-- 设置页 -->
|
|
<div class="set" style="display: none;">
|
|
<div class="tabs">
|
|
<div class="tab-items actives">搜索引擎</div>
|
|
<div class="tab-items" id="set-quick-menu">快捷方式</div>
|
|
<div class="tab-items">背景图片</div>
|
|
<div class="tab-items">数据备份</div>
|
|
</div>
|
|
<div class="contents productss">
|
|
<!-- 搜索引擎设置 -->
|
|
<div class="mainConts selected">
|
|
<div class="set_blocks">
|
|
<div class="set_blocks_content">
|
|
<div class="se_list">
|
|
<div class="se_list_table">
|
|
<div class="se_list_div">
|
|
<div class="se_list_num">
|
|
<i class="iconfont icon-home"></i>
|
|
</div>
|
|
<div class="se_list_name">百度</div>
|
|
<div class="se_list_button">
|
|
<button class="set_se_default" value="baidu"
|
|
style="border-radius: 8px 0px 0px 8px;">
|
|
<span class="iconfont icon-home"></span>
|
|
</button>
|
|
<button class="edit_se" value="baidu">
|
|
<span class="iconfont icon-xiugai"></span>
|
|
</button>
|
|
<button class="delete_se" value="baidu"
|
|
style="border-radius: 0px 8px 8px 0px;">
|
|
<span class="iconfont icon-delete"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="se_list_div">
|
|
<div class="se_list_num">2</div>
|
|
<div class="se_list_name">谷歌</div>
|
|
<div class="se_list_button">
|
|
<button class="set_se_default" value="google"><span
|
|
class="iconfont icon-home"></span></button>
|
|
<button class="edit_se" value="google"><span
|
|
class="iconfont icon-xiugai"></span></button>
|
|
<button class="delete_se" value="google"><span
|
|
class="iconfont icon-delete"></span></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="se_add_preinstall">
|
|
<div class="set_se_list_add">
|
|
<span class="set_quick_text">新增</span>
|
|
</div>
|
|
<div class="set_se_list_preinstall">
|
|
<span class="set_quick_text">重置</span>
|
|
</div>
|
|
</div>
|
|
<div class="add_content se_add_content" style="display:none;">
|
|
<div class="froms">
|
|
<div class="from_items">
|
|
<div class="from_text">顺序</div>
|
|
<input type="hidden" name="key_inhere">
|
|
<input type="number" name="key" placeholder="请填入小于 20 的正整数"
|
|
autocomplete="off"
|
|
oninput="if(value>20)value=20;if(value<0)value=0">
|
|
</div>
|
|
<div class="from_items">
|
|
<div class="from_text">名称</div>
|
|
<input type="text" name="title" placeholder="搜索引擎名称" autocomplete="off">
|
|
</div>
|
|
<div class="from_items">
|
|
<div class="from_text">网址</div>
|
|
<input type="url" name="url" placeholder="以 https 或 http 开头的 URL"
|
|
autocomplete="off">
|
|
</div>
|
|
<div class="from_items">
|
|
<div class="from_text">字段名</div>
|
|
<input type="text" name="name" placeholder="URL 中 ? 后面的字段"
|
|
autocomplete="off">
|
|
</div>
|
|
<div class="from_items" style="display: none;">
|
|
<input type="text" name="icon" placeholder="iconfont icon-Earth"
|
|
value="iconfont icon-Earth" disabled="disabled">
|
|
</div>
|
|
</div>
|
|
<div class="from_items button">
|
|
<div class="se_add_save">保存</div>
|
|
<div class="se_add_cancel">取消</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 快捷方式设置 -->
|
|
<div class="mainConts">
|
|
<div class="set_blocks">
|
|
<div class="set_blocks_content">
|
|
<div class="quick_list">
|
|
<div class="quick_list_table">
|
|
<div class="quick_list_div">
|
|
<div class="quick_list_div_num">1</div>
|
|
<div class="quick_list_div_name">哔哩哔哩</div>
|
|
<div class="quick_list_div_button">
|
|
<div class="edit_quick" value="1">
|
|
<span class="iconfont iconbook-edit"></span>
|
|
</div>
|
|
<div class="delete_quick" value="1">
|
|
<span class="iconfont icondelete"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="quick_list_div">
|
|
<div class="quick_list_div_num">2</div>
|
|
<div class="quick_list_div_name">知乎</div>
|
|
<div class="quick_list_div_button">
|
|
<button class="edit_quick" value="2"
|
|
style="border-radius: 8px 0px 0px 8px;">
|
|
<span class="iconfont iconbook-edit"></span>
|
|
</button>
|
|
<button class="delete_quick" value="2"
|
|
style="border-radius: 0px 8px 8px 0px;">
|
|
<span class="iconfont icondelete"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="se_add_preinstalls">
|
|
<div class="set_quick_list_add">
|
|
<span class="set_quick_text">新增</span>
|
|
</div>
|
|
<div class="set_quick_list_preinstall">
|
|
<span class="set_quick_text">重置</span>
|
|
</div>
|
|
</div>
|
|
<div class="add_content quick_add_content" style="display:none;">
|
|
<div class="froms">
|
|
<div class="from_items">
|
|
<div class="from_text">顺序</div>
|
|
<input type="hidden" name="key_inhere">
|
|
<input type="number" name="key" placeholder="请填入小于 100 的正整数"
|
|
autocomplete="off"
|
|
oninput="if(value>99)value=99;if(value<0)value=0">
|
|
</div>
|
|
<div class="from_items">
|
|
<div class="from_text">名称</div>
|
|
<input type="text" name="title" placeholder="网站名称" autocomplete="off">
|
|
</div>
|
|
<div class="from_items">
|
|
<div class="from_text">网址</div>
|
|
<input type="url" name="url" placeholder="以 https 或 http 开头的 URL"
|
|
autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div class="from_items button">
|
|
<div class="quick_add_save">保存</div>
|
|
<div class="quick_add_cancel">取消</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 背景图片设置 -->
|
|
<div class="mainConts">
|
|
<div class="set_blocks">
|
|
<div class="set_tip">
|
|
<span class="set_text mobile">点击下方选项以切换壁纸，使用除默认壁纸以外的选项可能会导致页面载入缓慢</span>
|
|
<span class="set_text mobile">不建议使用以主色调为白色的壁纸，会导致本站部分元素无法辨认</span>
|
|
<span class="set_text" id="wallpaper_text">请点击选项以查看各项说明，高亮项为选中，选中后刷新页面以生效</span>
|
|
</div>
|
|
<div class="set_blocks_content">
|
|
<div class="from_container">
|
|
<div class="froms">
|
|
<div class="from_row">
|
|
<div class="from_row_content">
|
|
<div id="wallpaper">
|
|
<div class="form-radio">
|
|
<input type="radio" id="radio1" class="set-wallpaper"
|
|
name="wallpaper-type" value="1" style="display: none;">
|
|
<label class="form-radio-label" for="radio1">
|
|
默认壁纸
|
|
</label>
|
|
</div>
|
|
<div class="form-radio">
|
|
<input type="radio" id="radio2" class="set-wallpaper"
|
|
name="wallpaper-type" value="2" style="display: none;">
|
|
<label class="form-radio-label" for="radio2">
|
|
必应每日
|
|
</label>
|
|
</div>
|
|
<div class="form-radio">
|
|
<input type="radio" id="radio3" class="set-wallpaper"
|
|
name="wallpaper-type" value="3" style="display: none;">
|
|
<label class="form-radio-label" for="radio3">
|
|
随机风景
|
|
</label>
|
|
</div>
|
|
<div class="form-radio">
|
|
<input type="radio" id="radio4" class="set-wallpaper"
|
|
name="wallpaper-type" value="4" style="display: none;">
|
|
<label class="form-radio-label" for="radio4">
|
|
随机二次元
|
|
</label>
|
|
</div>
|
|
<div class="form-radio mobile">
|
|
<input type="radio" id="radio5"
|
|
class="set-wallpaper wallpaper-custom"
|
|
name="wallpaper-type" value="5" style="display: none;">
|
|
<label class="form-radio-label" for="radio5">
|
|
自定义壁纸
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="wallpaper_url" style="display: none;">
|
|
<div class="from_row">
|
|
<div class="from_items">
|
|
<input type="text" name="wallpaper-url" id="wallpaper-url"
|
|
placeholder="以 https 或 http 开头的 URL" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="from_items button" id="wallpaper-button" style="display: none;">
|
|
<div class="wallpaper_save">保存</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 数据备份设置 -->
|
|
<div class="mainConts">
|
|
<div class="set_blocks">
|
|
<div class="set_tip">
|
|
<span class="set_text">点击导出会将本站文件导出至下载目录</span>
|
|
<span class="set_text">点击导入可选择已备份文件进行恢复</span>
|
|
<span class="set_text">本功能尚未完善，若遇到问题可在设置进行重置</span>
|
|
</div>
|
|
<div class="set_button">
|
|
<div class="but-ordinary" id="my_data_in">导入</div>
|
|
<div class="but-ordinary" id="my_data_out">导出</div>
|
|
<input type="file" id="my_data_file" name="file" style="display: none">
|
|
</div>
|
|
<div class="set_version">
|
|
<span class="set_version-text">MADE BY IMSYY</span>
|
|
<span class="set_version-text2">© Snavigation v 1.2</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 主体内容结束 -->
|
|
<!-- 版权信息 -->
|
|
<div class="foot">
|
|
<div class="power">Copyright © 2020
|
|
<script>
|
|
document.write(' - ' + (new Date()).getFullYear())
|
|
</script> <a href="https://imsyy.top">無名</a> &
|
|
<!-- 以下信息请不要修改哦 -->
|
|
Made by <a href="https://github.com/imsyy/home" target="_blank">imsyy</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- noscript -->
|
|
<noscript>
|
|
<div class="noscript fixed-top">请开启 JavaScript</div>
|
|
</noscript>
|
|
<!-- JS -->
|
|
<script type="text/javascript" src="./js/main.js"></script>
|
|
<script type="text/javascript" src="./js/set.js"></script>
|
|
<script type="text/javascript" src="./js/time.js"></script>
|
|
<script type="text/javascript" src="./js/js.cookie.js"></script>
|
|
</body>
|
|
|
|
</html> |