加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 10.91 KB
一键复制 编辑 原始数据 按行查看 历史
zhuxinfu88 提交于 2024-09-25 20:33 . Add files via upload
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>kakaxi-1☆★☆这里是一个长期维护且免费分享的电视直播源仓库,包含中国各地区大部分电视频道,包含大部分电视频道LOGO并一直在完善,免费提供优质的服务和创新的产品,帮助大家在数字时代蓬勃发展。</title>
<style>
/* 基本样式 */
body, html {
margin: 0;
padding: 0;
font-family: 'Arial', sans-serif;
background-color: #f0f0f0;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: flex-end;
}
nav ul li {
margin: 0 15px;
}
nav ul li a {
text-decoration: none;
color: #D3D3D3;
font-size: 18px;
padding: 5px 10px;
}
nav ul li a:hover {
background-color: #4CAF50;
border-radius: 5px;
}
/* 头部部分 */
header {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
header .avatar {
width: 150px; /* 调整头像大小 */
height: 150px;
border-radius: 50%; /* 使图片呈现为圆形 */
object-fit: cover;
margin-bottom: 20px; /* 图片和文字之间的间距 */
}
header h1 {
font-size: 3rem;
margin: 0;
color: #000000; /* 标题字体颜色为黑色 */
}
header p {
font-size: 1.5rem;
color: #000000; /* 副标题字体颜色为黑色 */
}
header h1 {
font-size: 4rem;
margin: 0;
color: #000000;
}
header p {
font-size: 1.5rem;
color: #000000;
}
/* 关于我们部分 */
#about {
padding: 60px 30px;
text-align: center;
background-color: #fff;
}
#about h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
#about p {
font-size: 1.2rem;
line-height: 1.8;
max-width: 800px;
margin: 0 auto;
}
/* 服务部分 */
#services {
padding: 60px 30px;
background-color: #f9f9f9;
}
#services h2 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 30px;
}
.card-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px;
}
.card {
background-color: white;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
width: 300px;
padding: 20px;
text-align: center;
}
.card img {
width: 100%;
border-radius: 10px 10px 0 0;
}
.card h3 {
margin-top: 15px;
font-size: 1.5rem;
}
.card p {
font-size: 1rem;
color: #666;
}
.card button {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px 15px;
border-radius: 5px;
font-size: 1rem;
cursor: pointer;
margin-top: 15px;
}
.card button:hover {
background-color: #45a049;
}
/* 说明部分 */
#description ul {
list-style-type: disc; /* 使用圆点符号 */
margin: 0 auto;
max-width: 800px;
padding-left: 20px; /* 缩进 */
}
#description ul li {
font-size: 1.5rem; /* 说明字体大小 */
margin-bottom: 10px;
color: #333;
}
/* 鸣谢部分 */
#acknowledgements ul {
list-style-type: none; /* 移除默认的列表符号 */
margin: 0 auto;
max-width: 800px;
padding-left: 20px; /* 缩进 */
}
#acknowledgements ul li {
font-size: 1.5rem; /* 鸣谢字体大小 */
margin-bottom: 10px;
color: #333;
position: relative;
padding-left: 30px; /* 为心形符号留出空间 */
}
#acknowledgements ul li::before {
content: "❤"; /* 添加心形符号 */
position: absolute;
left: 0;
color: red; /* 设置心形符号的颜色 */
font-size: 1.5rem; /* 确保心形符号与文字大小一致 */
}
/* 更新日志部分 */
#updates ul {
list-style-type: none; /* 移除默认的列表符号 */
margin: 0 auto;
max-width: 800px;
padding-left: 0; /* 移除多余缩进 */
}
#updates ul li {
font-size: 1.5rem; /* 更新日志字体大小 */
margin-bottom: 10px;
color: #333;
position: relative;
padding-left: 0; /* 确保时间和内容左对齐 */
}
/* 全局标题样式,确保所有 h2 大小相同 */
h2 {
font-size: 2.5rem; /* 统一标题字体大小 */
margin-bottom: 40px;
text-align: center;
}
/* 页脚样式 */
footer {
background-color: #222;
color: white;
text-align: center;
padding: 20px;
}
/* 响应式设计 */
@media (max-width: 768px) {
.card-container {
flex-direction: column;
align-items: center;
}
}
</style>
</head>
<body>
<!-- 头部部分 -->
<header>
<div class="container">
<img src="https://live.kakaxi-1.ink/LOGO/kakaxi.jpg" alt="your avatar" class="avatar">
<h1>欢迎来到kakaxi-1的网站</h1>
<p>这里是一个长期维护且免费分享的电视直播源仓库,包含中国各地区大部分电视频道,包含大多数电视频道LOGO并一直在完善,免费提供高质量的服务和创新的产品,帮助大家在数字时代蓬勃发展。</p >
</div>
</header>
<!-- 关于我们部分 -->
<section id="about">
<h2>关于</h2>
<p>致力于免费分享优质的电视直播源,帮助用户方便快捷地收看各种频道。通过我的 GitHub 仓库,您可以获得最新的电视直播源列表,并学习如何在各种设备上配置和使用这些源。无论是新闻、体育、娱乐还是国际频道,您都可以通过我的资源轻松访问。</p >
</section>
<!-- 服务部分 -->
<section id="services">
<h2>服务</h2>
<div class="card-container">
<div class="card">
<h3>主源地址</h3>
<p>M3U格式大部分需要IPV6网络支持,部分需要代理:https://live.kakaxi-1.ink/ipv6.m3u</p >
<a href="https://github.com/kakaxi-1/IPTV/blob/main/ipv6.m3u" class="btn" target="_blank"><button>了解更多</button></a>
</div>
<div class="card">
<h3>EPG地址</h3>
<p>通用版:https://live.kakaxi-1.ink/epg.xml,需网络支持:http://tv.kakaxi-1.ink:8877/epg/t.xml</p >
<a href="https://github.com/kakaxi-1/IPTV/blob/main/.github/workflows/epg.yml" class="btn" target="_blank"><button>了解更多</button></a>
</div>
<div class="card">
<h3>副源地址</h3>
<p>TXT格式IPV4网络支持,自动更新的IPTV:https://live.kakaxi-1.ink/iptv.txt</p >
<a href="https://github.com/kakaxi-1/IPTV/blob/main/iptv.txt" class="btn" target="_blank"><button>了解更多</button></a>
</div>
<div class="card">
<h3>LOGO地址</h3>
<p>PNG格式TVLOGO地址,一直在不断完善中。使用:https://live.kakaxi-1.ink/LOGO/名称.png</p >
<a href="https://github.com/kakaxi-1/IPTV/tree/main/LOGO" class="btn" target="_blank"><button>了解更多</button></a>
</div>
</div>
</section>
<section id="updates">
<section id="description">
<h2>说明</h2>
<ul>
<li>仅供学习,切勿用于商业或非法传播,否则后果自负,均于本人关联。</li>
<li>部分内容严明禁止中国大陆用户使用!</li>
<li>可能随时失效,请定期关注更新。</li>
<li>所有文件均托管在GitHub,由项目发起人公益维护,欢迎Star本项目或点击Issues反馈您的问题。</li>
</ul>
</section>
<section id="updates">
<section id="acknowledgements">
<h2>特别鸣谢</h2>
<ul>
<li>❤ 感谢pixman贡献的docker项目</li>
<li>❤ 感谢肥羊贡献的直播源以及思路</li>
<li>❤ 感谢fanmingming贡献的直播源以及思路</li>
<li>❤ 感谢YanG贡献的直播源以及思路</li>
<li>❤ 感谢977567941贡献的直播源以及思路</li>
<li>❤ 感谢epg.pw、112114、erw.cc的EPG数据提供</li>
<li>❤ 感谢所有贡献直播源的社区成员。</li>
<li>❤ 感谢GitHub提供的平台支持。</li>
<li>❤ 感谢我的用户和支持者。</li>
</ul>
</section>
<section id="updates">
<h2>更新日志</h2>
<ul>
<li>2024-09-06 影视轮播改名斗鱼轮播,并详细化。</li>
<li>2024-08-23 部分频道ipv6没有新加入地方组播iptv,实现部分低分辨率频道。</li>
<li>2024-08-02 优化部分EPG、LOGO。</li>
<li>2024-06-13 优化部分gat高清源。</li>
<li>2024-06-03 完善LOGO。</li>
<li>2024-06-02 优化部分EPG、LOGO。</li>
<li>2024-05-23 新增gatLOGO,新增gatEPG。</li>
<li>2024-05-20 新增TXT格式文件。</li>
<li>2024-05-18 优化部分台标,更新部分高清源,新增经典神话台。</li>
<li>2024-05-06 优化部分台标,更新部分高清源。</li>
<li>2024-05-05 优化部分失效台标显示。</li>
<li>2024-05-04 优化部分台标,更新部分高清源。</li>
<li>2024-05-03 优化部分台标,更新部分高清源。</li>
<li>2024-05-02 优化部分台标,更新部分高清源。</li>
<li>2024-05-01 优化部分台标,更新部分高清源。</li>
<li>2024-04-30 优化部分台标,更新部分高清源。</li>
</ul>
</section>
<!-- 页脚 -->
<footer>
<p>&copy; 2024 kakaxi-1. All rights reserved.</p >
</footer>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化