mkpark
/
mkRadioStream
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gradition 수정

This commit is contained in:
박민규 2025-08-28 08:40:50 +00:00
parent 8c68e08f8b
commit 89ed1287a4
1 changed files with 99 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
radio_stream/index.html
View File

@ -2,7 +2,7 @@
<html lang="ko"> <html lang="ko">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>🎧 K-Radio Player</title> <title>🎧 MK-Radio Player</title>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet" /> <link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet" />
@ -79,7 +79,7 @@
.bg-purple-subtle { background-color: #f3e8ff !important; } .bg-purple-subtle { background-color: #f3e8ff !important; }
.card-gradient-kbs { .card-gradient-kbs {
background: linear-gradient(270deg, #1e88e5, #42a5f5); background: linear-gradient(270deg, #1e88e5, #231C99);
background-size: 400% 400%; background-size: 400% 400%;
animation: gradientFlow 6s ease infinite; animation: gradientFlow 6s ease infinite;
color: white; color: white;
@ -110,8 +110,104 @@
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */ opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
} }
.card-gradient-obs {
background: linear-gradient(270deg, #26247B, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-ifm {
background: linear-gradient(270deg, #FFB575, #00AEEE);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-ytn {
background: linear-gradient(270deg, #1D9DE9, #231D1F);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-tbs {
background: linear-gradient(270deg, #02BBCE, #F0F0F0);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-cbs {
background: linear-gradient(270deg, #00529B, #E41A35);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-febc {
background: linear-gradient(270deg, #221E1F, #D20C45);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-bbs {
background: linear-gradient(270deg, #D29807, #3D3331);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-cpbc {
background: linear-gradient(270deg, #004D9E, #415066);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-wbs {
background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-kookbang {
background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-kugak {
background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-afn {
background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%;
animation: gradientFlow 6s ease infinite;
color: white;
opacity: 0.6; /* 🔧 투명도 살짝 낮춰서 자연스러운 느낌 */
}
.card-gradient-default { .card-gradient-default {
background: linear-gradient(270deg, #9e9e9e, #bdbdbd); background: linear-gradient(270deg, #898989, #666666);
background-size: 400% 400%; background-size: 400% 400%;
animation: gradientFlow 6s ease infinite; animation: gradientFlow 6s ease infinite;
color: white; color: white;