-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchill.php
154 lines (129 loc) · 3.88 KB
/
chill.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<!--Begining of head section-->
<head>
<title>Chill playlist</title>
<!--Linking the CSS stylesheet using extrenal CSS-->
<link rel="stylesheet" type="text/css" href="MusicPlayerStyle.css">
<!--Font Awesome script for using icons from font awesome-->
<script src="https://kit.fontawesome.com/6f0f83005a.js" crossorigin="anonymous"></script>
<!--Adds responsiveness to the website-->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
<style>
.alb{
justify-content: center;
align-items: center;
margin-left:60px;;
min-height: 200vh;
width:60%;
height:10%;
background-color: var(--bg_color_2);
justify-content: space-between;
}
</style>
</head>
<!--End of head section-->
<body>
<!--Begining of navigation bar section-->
<nav>
<!--Music Player Logo div-->
<div id="music-player-tag">
<div id="music-player-logo">
<img src="Images/music-player-logo.png">
</div>
<!--Music Player Logo div end-->
<!--Music Player Title-->
<div id="music-player-name">
Music<br/><b>Player</b>
</div>
</div>
<!--Music Player Title div end-->
<!--Search Bar div-->
<!--Search Bar div end-->
</nav>
<!--End of navigation bar section-->
<!--Main Section-->
<main>
<!--Artist Template-->
<div id="artist-template">
<div id="artist-image">
</div><!--Artist Details
>--><div id="artist-details">
<!--Artist Title-->
<div id="artist-title">
<div>
<b>Chill Playlist</b>
<br/>
<artist-type></artist-type>
</div>
</div>
<!--End of Artist Title-->
<!--Artist Intro-->
<div id="artist-intro">
Enjoy 'Chill' playlist.
</div>
<!--End of Artist Intro-->
<!--Miscellaneous Buttons-->
<div id="artist-buttons">
</div>
<!--End of miscellaeous buttons-->
</div>
<!--End of artist details-->
</div>
<!--End of artist template-->
</main>
<!--End of main section-->
<!--Begining of Aside Section-->
<aside>
<div id="aside-header-1">
Other Playlist
<a href="musicH.php"><x>View All</x></a>
</div>
<!--Similar artist-->
<div id="similar-artist">
<div id="artist-img2"></div>
<div id="song-details">
<a style="padding:20px;font-size:30px;" href="retro.php">Retro</a>
<br/>
</div>
</div>
<div id="similar-artist">
<div id="artist-img4"></div>
<div id="song-details">
<a style="padding:20px;font-size:30px;" href="rock.php">Rock</a>
<br/>
</div>
</div>
<div id="similar-artist">
<div id="artist-img3"></div>
<div id="song-details">
<a style="padding:20px;font-size:30px;" href="workout.php">Workout</a>
<br/>
</div>
</div>
<!--End of Similar artist-->
</aside>
<!--End of aside-->
<div class="alb">
<?php
include "db_conn.php";
$sql = "SELECT * FROM chill ORDER BY id DESC";
$res = mysqli_query($conn, $sql);
if (mysqli_num_rows($res) > 0) {
while ($video = mysqli_fetch_assoc($res)) {
?>
<p style="font:20px;color:White; height: 20%;width: 100%;"><?=$video['name']?></p>
<audio style="width:900px; background-color:white;" id="audio1" src="uploads/<?=$video['video_url']?>"
controls>
</audio>
<?php
}
}else {
echo "<h1>Empty</h1>";
}
?>
</div>
</body>
<!--End of body section-->
</html>
<!--End of html code-->