a0cf683699
- Updated dateTime function to display date and time in Chinese format. - Introduced setSearchEngine function to switch between Google and Baidu as search engines. - Added event listener for search engine switching on click. - Persisted selected search engine in localStorage for user preference. - Changed weatherBalloon city ID to Beijing, China.
144 lines
15 KiB
HTML
144 lines
15 KiB
HTML
<!-- __ _ __
|
|
/ /__________ _(_)____/ /_ __ __
|
|
/ __/ ___/ __ `/ / ___/ __ \/ / / /
|
|
/ /_/ / / /_/ / / /__/ / / / /_/ /
|
|
_____\__/_/ \__,_/_/\___/_/ /_/\__,_/
|
|
/_____/ https://github.com/tressley/_traichu
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
|
<script src="js/main.js"></script>
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<title>yuheng</title>
|
|
</head>
|
|
<body onload="traichu()">
|
|
<main>
|
|
<header>
|
|
<section id="date-time">
|
|
<h2 class="sr-only">Date & Time</h2>
|
|
</section>
|
|
<section id="weather">
|
|
<h2 class="sr-only">Location & Weather</h2>
|
|
</section>
|
|
</header>
|
|
<section id="traichu">
|
|
<h1 class="sr-only">_traichu</h1>
|
|
<aside>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 22" shape-rendering="crispEdges"><path d="M12,11v-2h-1v-1h-2v-1h-1v-1H3v1h-1v3H1v1h1v1h2v1h2v2h2v1h1v-1h1v1h1v-1h1v-1h1v-3h-1Zm-6,1h-1v-2h2v1h2v2h-2v-1h-1Z" fill="#f05e1c"/><path d="M14,4h1v2h-2v1h-1v1h-1v-2h1v-1h1v-1h1Zm8,3v-3h-1v5h-1v1h-2v1h1v1h1v1h1v-3h2v-3h-1Z" fill="#f89b11"/><path d="M5,2h1v2h-1v2h-1V3h1v-1Zm6,2v1h-1v1h-1v2h2v-2h1v-1h1v-1h-2Zm3-1h-1v1h2v-1h-1Zm0,6h1v-1h-1v1ZM2,14h1v-1h-1v1Zm8,3h1v-1h-1v1Z" fill="#a3500b"/><path d="M12,15v1h-1v-1h1Zm1-1v2h-1v1h-1v1h-1v1h1v2h2v-1h-1v-1h1v-1h1v-4h-1Zm-9-1v-1h-1v2h3v-1h-2Z" fill="#782f0e"/><polygon points="9 17 9 16 8 16 8 15 7 15 6 15 6 14 5 14 4 14 4 15 5 15 5 16 5 17 6 17 6 18 7 18 8 18 8 19 9 19 10 19 10 18 10 17 9 17" fill="#f7e1cf"/><polygon points="8 11 7 11 7 12 7 13 8 13 9 13 9 12 9 11 8 11" fill="#faaf40"/><path d="M6,11h-1v-1h1v1Zm-4-3H1v1h1v-1Z" fill="#fff"/><path d="M5,3h-1v-1h1v1Zm-1,2V3h-1v3h1v-1Zm-1,1h-1v1h1v-1Zm-1,1H1v1h1v-1Zm0,3v-1H1v-1H0v3H1v-1h1Zm-1,1v1h1v-1H1Zm2,1h-1v1h1v-1Zm-2,1v1h1v-1H1Zm2,1h-1v1h2v-1h-1Zm4,4h-1v-1h-1v-2h-1v2h-1v2h5v-1h-1Zm4,3v-2h-3v1h1v1h1v1h3v-1h-2Zm2-2h-1v1h1v1h1v-3h-1v1Zm4-3v-1h-2v-3h-1v-2h-1v-3h-1v1h-1v1h1v2h1v3h1v4h1v-2h1v1h3v-1h-2Zm2-3h-2v1h1v1h1v1h1v-2h-1v-1Zm-1-1h1v-1h-1v-1h2v-1h-3v1h-1v3h1v-1h1Zm3-4V4h-1v5h1v-1Zm1-5v-1h-1v2h1v-1Zm0,3v1h1v-3h-1v2Zm1,1v3h-2v3h1v-2h2V7h-1Zm-3,7h1v-1h-1v1Zm0-1v-1h-1v1h1Zm-5-6v1h1v-3h-1v1h-2v1h2Zm0-4v1h1v-1h1v-1h-4v1h2Zm-2,1v-1h-2v1h2Zm-2,0h-1v1h1v-1Zm-6,1v1h3v1h1v-1h1v-1H6v-1h-1v1Zm1,6h-1v1h2v-2h-1v1Zm4,4h-1v2h1v-2Zm0,3h1v-1h-1v1Zm1-1h1v-1h-1v1Zm1-2v1h1v-2h-1v1ZM6,3v1h1V2h1V0h-1V1h-2v1h1v1Z"/></svg>
|
|
</aside>
|
|
<nav id="dock">
|
|
<ul>
|
|
<li><a href="https://mail.qq.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>QQ Mail</title><path d="M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z"/></svg></a></li>
|
|
<li><a href="https://calendar.dingtalk.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>钉钉日历</title><path d="M18.316 5.684H24v12.632h-5.684V5.684zM5.684 24h12.632v-5.684H5.684V24zM18.316 5.684V0H1.895A1.894 1.894 0 0 0 0 1.895v16.421h5.684V5.684h12.632zm-7.207 6.25v-.065c.272-.144.5-.349.687-.617s.279-.595.279-.982c0-.379-.099-.72-.3-1.025a2.05 2.05 0 0 0-.832-.714 2.703 2.703 0 0 0-1.197-.257c-.6 0-1.094.156-1.481.467-.386.311-.65.671-.793 1.078l1.085.452c.086-.249.224-.461.413-.633.189-.172.445-.257.767-.257.33 0 .602.088.816.264a.86.86 0 0 1 .322.703c0 .33-.12.589-.36.778-.24.19-.535.284-.886.284h-.567v1.085h.633c.407 0 .748.109 1.02.327.272.218.407.499.407.843 0 .336-.129.614-.387.832s-.565.327-.924.327c-.351 0-.651-.103-.897-.311-.248-.208-.422-.502-.521-.881l-1.096.452c.178.616.505 1.082.977 1.401.472.319.984.478 1.538.477a2.84 2.84 0 0 0 1.293-.291c.382-.193.684-.458.902-.794.218-.336.327-.72.327-1.149 0-.429-.115-.797-.344-1.105a2.067 2.067 0 0 0-.881-.689zm2.093-1.931l.602.913L15 10.045v5.744h1.187V8.446h-.827l-2.158 1.557zM22.105 0h-3.289v5.184H24V1.895A1.894 1.894 0 0 0 22.105 0zm-3.289 23.5l4.684-4.684h-4.684V23.5zM0 22.105C0 23.152.848 24 1.895 24h3.289v-5.184H0v3.289z"/></svg></a></li>
|
|
<li><a href="https://note.youdao.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>有道云笔记</title><path d="M4.908 0c-.904 0-1.635.733-1.635 1.637v20.726c0 .904.732 1.637 1.635 1.637H19.09c.904 0 1.637-.733 1.637-1.637V6.5h-6.5V0H4.908zm9.819 0v6h6l-6-6zM11.97 8.229c.224 0 .571.031.765.072.2.04.576.185.842.312.828.414 1.467 1.164 1.774 2.088.168.511.188 1.34.05 1.865a3.752 3.752 0 0 1-1.277 1.952l-.25.193h-1.87c-2.134 0-1.931.042-2.478-.494a3.349 3.349 0 0 1-.984-1.844c-.148-.766-.053-1.437.32-2.203.19-.399.303-.556.65-.899.68-.679 1.513-1.037 2.458-1.042zm-1.866 7.863h3.781v1.328h-3.779v-1.328z"/></svg></a></li>
|
|
<li><a href="https://notion.so"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Notion</title><path d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z"/></svg></a></li>
|
|
<li><a href="https://github.com"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
<section id="search">
|
|
<h2 class="sr-only">Search</h2>
|
|
<form id="search-form" action="https://www.baidu.com/s" method="get">
|
|
<div class="search-container">
|
|
<button type="button" id="search-engine-selector" aria-label="切换搜索引擎" title="点击切换搜索引擎" data-engine="baidu">
|
|
<svg class="baidu-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="#3245DF" aria-hidden="true">
|
|
<path d="M11.518 33.724c6.957-1.495 6.012-9.8 5.802-11.63-.342-2.803-3.638-7.7-8.113-7.313-5.63.505-6.454 8.64-6.454 8.64-.753 3.763 1.823 11.8 8.765 10.303zm12.917-13.947c3.842 0 6.948-4.423 6.948-9.892C31.383 4.422 28.277 0 24.435 0s-6.952 4.422-6.952 9.885c0 5.47 3.114 9.892 6.952 9.892zm16.55.653c5.138.667 8.44-4.815 9.097-8.97.67-4.15-2.644-8.97-6.28-9.798-3.645-.835-8.195 5.002-8.6 8.808-.496 4.653.666 9.3 5.793 9.96zm20.363 6.977c0-1.987-1.65-7.974-7.775-7.974-6.137 0-6.954 5.65-6.954 9.643 0 3.812.32 9.132 7.94 8.963s6.787-8.633 6.787-10.633zM18.906 48.2c-.203.585-.66 2.08-.265 3.382a3.844 3.844 0 003.314 3.052H25.6v-8.908h-3.902a4.28 4.28 0 00-2.791 2.473zm34.668-3.334s-7.948-6.148-12.588-12.795c-6.288-9.8-15.224-5.8-18.212-.828-2.975 4.983-7.612 8.135-8.272 8.97-.666.822-9.6 5.643-7.615 14.452 1.98 8.802 8.945 8.633 8.945 8.633a39.04 39.04 0 0011.088-.828 23.39 23.39 0 0111.085.33s13.913 4.66 17.72-4.312-2.15-13.622-2.15-13.622zm-23.807 13.35h-9.045c-3.905-.778-5.462-3.444-5.66-3.9-.192-.46-1.298-2.603-.713-6.248 1.688-5.463 6.504-5.855 6.504-5.855h4.814v-5.918l4.1.062zm16.846-.062h-10.4C32.18 57.114 32 54.248 32 54.248v-11.5l4.223-.068v10.347c.258 1.103 1.63 1.3 1.63 1.3h4.3v-11.58h4.5z"/>
|
|
</svg>
|
|
<svg class="google-icon" viewBox="0 0 24 24" aria-hidden="true" style="display:none;">
|
|
<path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
|
|
<path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
|
|
<path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
|
|
<path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
|
|
</svg>
|
|
</button>
|
|
<input type="text" id="search-input" name="wd" autofocus>
|
|
<button type="submit" id="search-submit" aria-label="搜索">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true">
|
|
<path fill="currentColor" d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
<section id="bookmarks">
|
|
<h2 class="sr-only">Bookmarks</h2>
|
|
<ul>
|
|
<li>
|
|
<a href="https://www.zhihu.com"><img src="https://static.zhihu.com/heifetz/favicon.ico" class="favicon" alt="知乎 favicon">知乎</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.xiaohongshu.com"><img src="https://www.xiaohongshu.com/favicon.ico" class="favicon" alt="小红书 favicon">小红书</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://tieba.baidu.com"><img src="https://tieba.baidu.com/favicon.ico" class="favicon" alt="贴吧 favicon">贴吧</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.douyin.com"><img src="https://www.douyin.com/favicon.ico" class="favicon" alt="抖音 favicon">抖音</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://weibo.com"><img src="https://weibo.com/favicon.ico" class="favicon" alt="微博 favicon">微博</a>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<a href="https://www.dgtle.com"><img src="https://www.dgtle.com/favicon.ico" class="favicon" alt="数字尾巴 favicon">数字尾巴</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.ifanr.com"><img src="https://www.ifanr.com/favicon.ico" class="favicon" alt="爱范儿 favicon">爱范儿</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://jandan.net"><img src="https://jandan.net/favicon.ico" class="favicon" alt="煎蛋 favicon">煎蛋</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.hupu.com"><img src="https://www.hupu.com/favicon.ico" class="favicon" alt="虎扑社区 favicon">虎扑社区</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://jike.city"><img src="https://jike.city/favicon.ico" class="favicon" alt="即刻 favicon">即刻</a>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<a href="https://www.iqiyi.com"><img src="https://www.iqiyi.com/favicon.ico" class="favicon" alt="爱奇艺 favicon">爱奇艺</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.bilibili.com"><img src="https://www.bilibili.com/favicon.ico" class="favicon" alt="哔哩哔哩 favicon">哔哩哔哩</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.douyu.com"><img src="https://www.douyu.com/favicon.ico" class="favicon" alt="斗鱼 favicon">斗鱼</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://music.163.com"><img src="https://music.163.com/favicon.ico" class="favicon" alt="网易云音乐 favicon">网易云音乐</a>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<a href="https://fanyi.baidu.com"><img src="https://fanyi.baidu.com/favicon.ico" class="favicon" alt="百度翻译 favicon">百度翻译</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://map.baidu.com"><img src="https://map.baidu.com/favicon.ico" class="favicon" alt="百度地图 favicon">百度地图</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://cowtransfer.com"><img src="https://cowtransfer.com/favicon.ico" class="favicon" alt="文件传输助手 favicon">文件传输助手</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://convertio.co"><img src="https://convertio.co/favicon.ico" class="favicon" alt="在线转换 favicon">在线转换</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.lanzou.com"><img src="https://www.lanzou.com/favicon.ico" class="favicon" alt="文件分享 favicon">文件分享</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.kuaidi100.com"><img src="https://www.kuaidi100.com/favicon.ico" class="favicon" alt="快递查询 favicon">快递查询</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|