Spaces:
Paused
Paused
| <html lang="zh"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>我的导航页</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| background-image: url('http://files.unn.pp.ua/download/pictures%2Fbackground.jpg'); | |
| background-size: cover; | |
| background-attachment: fixed; | |
| background-position: center; | |
| margin: 0; | |
| padding: 20px; | |
| color: #333; | |
| } | |
| .header { | |
| color: #fff; | |
| font-size: 24px; | |
| font-weight: bold; | |
| margin-bottom: 10px; | |
| text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); | |
| } | |
| .search-container { | |
| padding: 3rem; | |
| width: 100%; | |
| max-width: 500px; | |
| margin: 0 auto 20px; | |
| } | |
| .search-box { | |
| width: 100%; | |
| padding: 15px 18px; | |
| font-size: 20px; | |
| border: none; | |
| border-radius: 20px; | |
| box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); | |
| outline: none; | |
| background-color: rgba(255, 255, 255, 0.7); | |
| } | |
| .container { | |
| max-width: 1000px; | |
| margin: 0 auto; | |
| display: grid; | |
| grid-template-columns: repeat(6, 1fr); | |
| gap: 12px; | |
| } | |
| .link-item { | |
| background-color: rgba(255, 255, 255, 0.3); | |
| border-radius: 15px; | |
| padding: 12px; | |
| transition: all 0.2s; | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
| text-align: center; | |
| height: 60px; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .link-item:hover { | |
| background-color: rgba(255, 255, 255, 0.85); | |
| transform: translateY(-2px); | |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); | |
| } | |
| .link-item a { | |
| text-decoration: none; | |
| color: #333; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| width: 100%; | |
| height: 100%; | |
| justify-content: center; | |
| } | |
| .link-icon { | |
| width: 24px; | |
| height: 24px; | |
| margin-bottom: 8px; | |
| object-fit: contain; | |
| } | |
| .link-text { | |
| font-size: 14px; | |
| text-align: center; | |
| word-break: break-word; | |
| max-width: 100%; | |
| } | |
| .foot_marker { | |
| position: fixed; | |
| bottom: 10px; | |
| left: 0; | |
| right: 0; | |
| width: 100%; | |
| text-align: center; | |
| font-size: 12px; | |
| color: rgba(255,255,255,0.8); | |
| z-index: 999; | |
| padding: 10px 0; | |
| background: linear-gradient(to top, rgba(0,0,0,0.3), transparent); | |
| } | |
| .foot_marker a { | |
| color: rgba(255,255,255,0.8); | |
| text-decoration: none; | |
| transition: color 0.3s ease; | |
| padding: 5px 10px; | |
| border-radius: 15px; | |
| } | |
| .foot_marker a:hover { | |
| color: #4388e0; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="search-container"> | |
| <form action="https://www.google.com/search" method="get" target="_blank"> | |
| <input class="search-box" type="text" name="q" placeholder="Google 搜索..."> | |
| </form> | |
| </div> | |
| <div class="container"> | |
| <!-- 第一行 --> | |
| <div class="link-item"> | |
| <a href="https://www.google.com" target="_blank"> | |
| <img class="link-icon" src="https://www.google.com/favicon.ico" alt="Google"> | |
| <span class="link-text">Google</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://www.baidu.com" target="_blank"> | |
| <img class="link-icon" src="https://www.baidu.com/favicon.ico" alt="Baidu"> | |
| <span class="link-text">Baidu</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://www.youtube.com" target="_blank"> | |
| <img class="link-icon" src="https://www.youtube.com/favicon.ico" alt="YouTube"> | |
| <span class="link-text">Youtube</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://mail.google.com/mail/u/0/" target="_blank"> | |
| <img class="link-icon" src="https://mail.google.com/favicon.ico" alt="Gmail"> | |
| <span class="link-text">Gmail</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://github.com" target="_blank"> | |
| <img class="link-icon" src="https://github.com/favicon.ico" alt="GitHub"> | |
| <span class="link-text">GitHub</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://ip.sb" target="_blank"> | |
| <img class="link-icon" src="https://ip.sb/favicon.ico" alt="IP SB"> | |
| <span class="link-text">ip.sb</span> | |
| </a> | |
| </div> | |
| <!-- 第二行 --> | |
| <div class="link-item"> | |
| <a href="https://dash.cloudflare.com" target="_blank"> | |
| <img class="link-icon" src="https://www.cloudflare.com/favicon.ico" alt="Cloudflare"> | |
| <span class="link-text">Cloudflare</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://chat.openai.com" target="_blank"> | |
| <img class="link-icon" src="https://chat.openai.com/favicon.ico" alt="ChatGPT"> | |
| <span class="link-text">Chatgpt</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://huggingface.co" target="_blank"> | |
| <img class="link-icon" src="https://huggingface.co/favicon.ico" alt="Hugging Face"> | |
| <span class="link-text">Huggingface</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://www.itdog.cn" target="_blank"> | |
| <i class="fas fa-network-wired link-icon"></i> | |
| <span class="link-text">ITDOG - 在线ping</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://ping0.cc" target="_blank"> | |
| <i class="fas fa-database link-icon"></i> | |
| <span class="link-text">Ping0</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="#" target="_blank"> | |
| <i class="fas fa-fingerprint link-icon"></i> | |
| <span class="link-text">浏览器指纹</span> | |
| </a> | |
| </div> | |
| <!-- 第三行 --> | |
| <div class="link-item"> | |
| <a href="https://ssss.nyc.mn" target="_blank"> | |
| <i class="fas fa-tachometer-alt link-icon"></i> | |
| <span class="link-text">nezha面板</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://hoppscotch.io" target="_blank"> | |
| <img class="link-icon" src="https://discord.com/favicon.ico" alt="Discord"> | |
| <span class="link-text">Api测试</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://who.cx" target="_blank"> | |
| <i class="fas fa-globe link-icon"></i> | |
| <span class="link-text">who.cx</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://www.domcomp.com" target="_blank"> | |
| <i class="fas fa-tags link-icon"></i> | |
| <span class="link-text">域名比价</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://www.nodeseek.com" target="_blank"> | |
| <i class="fas fa-server link-icon"></i> | |
| <span class="link-text">NodeSeek</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://linux.do" target="_blank"> | |
| <i class="fab fa-linux link-icon"></i> | |
| <span class="link-text">Linux do</span> | |
| </a> | |
| </div> | |
| <!-- 第四行 --> | |
| <div class="link-item"> | |
| <a href="https://music.gvrander.eu.org" target="_blank"> | |
| <i class="fab fa-linux link-icon"></i> | |
| <span class="link-text">在线音乐</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://www.freereceivesms.com" target="_blank"> | |
| <i class="fab fa-linux link-icon"></i> | |
| <span class="link-text">免费接码</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://sublink.eooce.com" target="_blank"> | |
| <i class="fab fa-linux link-icon"></i> | |
| <span class="link-text">订阅转换</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://ssh.eooce.com" target="_blank"> | |
| <i class="fab fa-linux link-icon"></i> | |
| <span class="link-text">webssh</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://filebox.nnuu.nyc.mn" target="_blank"> | |
| <i class="fab fa-linux link-icon"></i> | |
| <span class="link-text">文件快递柜</span> | |
| </a> | |
| </div> | |
| <div class="link-item"> | |
| <a href="https://address.nnuu.nyc.mn" target="_blank"> | |
| <i class="fab fa-linux link-icon"></i> | |
| <span class="link-text">真实地址生成</span> | |
| </a> | |
| </div> | |
| <!-- 版权 --> | |
| <div class="foot_marker"> | |
| <a href="https://github.com/eooce" target="_blank">Powered by eooce</a> | |
| </div> | |
| <script> | |
| document.querySelectorAll('.link-item:not(.empty)').forEach(item => { | |
| const icon = item.querySelector('img.link-icon'); | |
| if (icon) { | |
| icon.onerror = function() { | |
| this.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDJDNi40NzcgMiAyIDYuNDc3IDIgMTJzNC40NzcgMTAgMTAgMTAgMTAtNC40NzcgMTAtMTBTMTcuNTIzIDIgMTIgMnptMCAyYzQuNDE4IDAgOCAzLjU4MiA4IDhzLTMuNTgyIDgtOCA4LTgtMy41ODItOC04IDMuNTgyLTggOC04eiIgZmlsbD0iIzMzMyIvPjwvc3ZnPg=='; | |
| } | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> | |