Update app.py
Browse files
app.py
CHANGED
|
@@ -912,16 +912,55 @@ def create_interface():
|
|
| 912 |
scrolling="no"
|
| 913 |
frameborder="no"
|
| 914 |
allow="autoplay"
|
| 915 |
-
src="https://w.soundcloud.com/player/?url=https%3A//soundcloud.com/
|
| 916 |
></iframe>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 917 |
</div>
|
| 918 |
<style>
|
| 919 |
-
.
|
| 920 |
width: 100%;
|
| 921 |
max-width: 800px;
|
| 922 |
margin: 20px auto;
|
|
|
|
|
|
|
| 923 |
border-radius: 12px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 924 |
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 925 |
}
|
| 926 |
</style>
|
| 927 |
""")
|
|
|
|
| 912 |
scrolling="no"
|
| 913 |
frameborder="no"
|
| 914 |
allow="autoplay"
|
| 915 |
+
src="https://w.soundcloud.com/player/?url=https%3A//soundcloud.com/rootsredeem/0418-live-king-god-genera-live&color=%23ff5500&auto_play=true&hide_related=true&show_comments=false&show_user=false&show_reposts=false&show_teaser=false"
|
| 916 |
></iframe>
|
| 917 |
+
</div>
|
| 918 |
+
<div class="player-description">
|
| 919 |
+
음악을 들으며 마음을 정화하고 내면의 소리에 귀를 기울여보세요.
|
| 920 |
+
</div>
|
| 921 |
</div>
|
| 922 |
<style>
|
| 923 |
+
.player-container {
|
| 924 |
width: 100%;
|
| 925 |
max-width: 800px;
|
| 926 |
margin: 20px auto;
|
| 927 |
+
padding: 20px;
|
| 928 |
+
background: #f8f9fa;
|
| 929 |
border-radius: 12px;
|
| 930 |
+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
| 931 |
+
}
|
| 932 |
+
|
| 933 |
+
.player-title {
|
| 934 |
+
font-size: 1.2em;
|
| 935 |
+
font-weight: bold;
|
| 936 |
+
margin-bottom: 15px;
|
| 937 |
+
color: #2a5d8f;
|
| 938 |
+
text-align: center;
|
| 939 |
+
}
|
| 940 |
+
|
| 941 |
+
.soundcloud-container {
|
| 942 |
+
width: 100%;
|
| 943 |
+
border-radius: 8px;
|
| 944 |
overflow: hidden;
|
| 945 |
+
margin: 10px 0;
|
| 946 |
+
}
|
| 947 |
+
|
| 948 |
+
.player-description {
|
| 949 |
+
margin-top: 15px;
|
| 950 |
+
text-align: center;
|
| 951 |
+
color: #666;
|
| 952 |
+
font-size: 0.9em;
|
| 953 |
+
}
|
| 954 |
+
|
| 955 |
+
@media (max-width: 600px) {
|
| 956 |
+
.player-container {
|
| 957 |
+
padding: 15px;
|
| 958 |
+
margin: 10px auto;
|
| 959 |
+
}
|
| 960 |
+
|
| 961 |
+
.player-title {
|
| 962 |
+
font-size: 1.1em;
|
| 963 |
+
}
|
| 964 |
}
|
| 965 |
</style>
|
| 966 |
""")
|