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 |
""")
|