Skip to content

Commit 7111cb3

Browse files
lynkoslynkos
authored
Merge pull request #66 from lynkos/feature/refactor-music
Refactor Music/Playlists section
2 parents e3a7059 + 8b08a8c commit 7111cb3

2 files changed

Lines changed: 144 additions & 279 deletions

File tree

‎index.html‎

Lines changed: 1 addition & 279 deletions
Original file line numberDiff line numberDiff line change
@@ -1006,95 +1006,10 @@
10061006

10071007
<div class="section-container">
10081008
<div class="subtitle">Playlists</div>
1009-
<div class="custom-playlists-sortable">
1009+
<div class="custom-playlists-sortable" id="sortable-spotify-playlists">
10101010
<div class="text active playlist-icon">
10111011
<i alt="Playlists icon" class="fas fa-table-cells" aria-hidden="true"></i>&nbsp;&nbsp;All Playlists
10121012
</div>
1013-
1014-
<div class="text">
1015-
<a class="custom-playlist" title="Listen to 🌸💖🎀💋🍬" href="https://open.spotify.com/playlist/4Bplsz8ZjY2f9Bsr7N19GZ" target="_blank">
1016-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1017-
<span class="playlist-label">&nbsp;&nbsp;🌸💖🎀💋🍬</span>
1018-
</a>
1019-
</div>
1020-
<div class="text">
1021-
<a class="custom-playlist" title="Listen to #real" href="https://open.spotify.com/playlist/2JqxsMQ4jLZOitGR73vkkX" target="_blank">
1022-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1023-
<span class="playlist-label">&nbsp;&nbsp;#real</span>
1024-
</a>
1025-
</div>
1026-
<div class="text">
1027-
<a class="custom-playlist" title="Listen to drifting_thru_cyberspace" href="https://open.spotify.com/playlist/7B72YSR80UW0OQpPNFdblx" target="_blank">
1028-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1029-
<span class="playlist-label">&nbsp;&nbsp;drifting_thru_cyberspace</span>
1030-
</a>
1031-
</div>
1032-
<div class="text">
1033-
<a class="custom-playlist" title="Listen to Goated Songs" href="https://open.spotify.com/playlist/1Uv3dhx9Zsi5VsCmO5vMHC" target="_blank">
1034-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1035-
<span class="playlist-label">&nbsp;&nbsp;Goated Songs</span>
1036-
</a>
1037-
</div>
1038-
<div class="text">
1039-
<a class="custom-playlist" title="Listen to Paper Scissor" href="https://open.spotify.com/playlist/4CgHVdKUlyET2ko2g2Iciq" target="_blank">
1040-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1041-
<span class="playlist-label">&nbsp;&nbsp;Paper Scissor</span>
1042-
</a>
1043-
</div>
1044-
<div class="text">
1045-
<a class="custom-playlist" title="Listen to 키란" href="https://open.spotify.com/playlist/1jUfAepupNN6OpaP2sUY1x" target="_blank">
1046-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1047-
<span class="playlist-label">&nbsp;&nbsp;키란</span>
1048-
</a>
1049-
</div>
1050-
<div class="text">
1051-
<a class="custom-playlist" title="Listen to sleepless nights." href="https://open.spotify.com/playlist/1PzJuAygthYYXwp1UAXGBV" target="_blank">
1052-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1053-
<span class="playlist-label">&nbsp;&nbsp;sleepless nights.</span>
1054-
</a>
1055-
</div>
1056-
<div class="text">
1057-
<a class="custom-playlist" title="Listen to mëërschwëinën" href="https://open.spotify.com/playlist/7lLxAuW3hliyWTIB7UGTUt" target="_blank">
1058-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1059-
<span class="playlist-label">&nbsp;&nbsp;mëërschwëinën</span>
1060-
</a>
1061-
</div>
1062-
<div class="text">
1063-
<a class="custom-playlist" title="Listen to &lt;playlist src=&quot;soundcloud&quot;/&gt;" href="https://open.spotify.com/playlist/0M2KnXOtqVdm5UdvNsuPiP" target="_blank">
1064-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1065-
<span class="playlist-label">&nbsp;&nbsp;&lt;playlist src=&quot;soundcloud&quot;/&gt;</span>
1066-
</a>
1067-
</div>
1068-
<div class="text">
1069-
<a class="custom-playlist" title="Listen to 🌻" href="https://open.spotify.com/playlist/1mO51tTtjQbR2Rhn2t2aaM" target="_blank">
1070-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1071-
<span class="playlist-label">&nbsp;&nbsp;🌻</span>
1072-
</a>
1073-
</div>
1074-
<div class="text">
1075-
<a class="custom-playlist" title="Listen to 3.5g" href="https://open.spotify.com/playlist/3HLVn6NwmhS78KYsINYRfk" target="_blank">
1076-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1077-
<span class="playlist-label">&nbsp;&nbsp;3.5g</span>
1078-
</a>
1079-
</div>
1080-
<div class="text">
1081-
<a class="custom-playlist" title="Listen to Pierrah + Kiran 🍒✨" href="https://open.spotify.com/playlist/0XP5xDufBrxuWUdluBkAnc" target="_blank">
1082-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1083-
<span class="playlist-label">&nbsp;&nbsp;Pierrah + Kiran 🍒✨</span>
1084-
</a>
1085-
</div>
1086-
<div class="text">
1087-
<a class="custom-playlist" title="Listen to bread‼️🍞🥖" href="https://open.spotify.com/playlist/3sIFmpfBC7PnoF5Rfe154w" target="_blank">
1088-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1089-
<span class="playlist-label">&nbsp;&nbsp;bread‼️🍞🥖</span>
1090-
</a>
1091-
</div>
1092-
<!-- <div class="text">
1093-
<a class="custom-playlist" title="Listen to ¡ MUSIC 2 DIE 2 !" href="https://open.spotify.com/playlist/0J8i8JpZxklQJxdBhiQlLo" target="_blank">
1094-
<img src="assets/img/icons/list-music.svg" loading="lazy" fetchpriority="low" draggable="false" aria-hidden="true" alt="Playlist icon">
1095-
<span class="playlist-label">&nbsp;&nbsp;¡ MUSIC 2 DIE 2 !</span>
1096-
</a>
1097-
</div> -->
10981013
</div>
10991014
</div>
11001015
</div>
@@ -1136,199 +1051,6 @@
11361051
<section class="main-body">
11371052
<h1>Listen Now</h1>
11381053
<hr>
1139-
<div class="playlist-row">
1140-
<div class="playlist">
1141-
<a title="🌸💖🎀💋🍬" href="https://open.spotify.com/playlist/4Bplsz8ZjY2f9Bsr7N19GZ" target="_blank">
1142-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72ccb19624c681ee4f700002a3e);">
1143-
<div class="playlist-cover">
1144-
<div class="playlist-cover-button">
1145-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1146-
</div>
1147-
</div>
1148-
<div class="playlist-details">🌸💖🎀💋🍬</div>
1149-
</div>
1150-
</a>
1151-
</div>
1152-
1153-
<div class="playlist">
1154-
<a title="#real" href="https://open.spotify.com/playlist/2JqxsMQ4jLZOitGR73vkkX" target="_blank">
1155-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72cd416c07abd8af8f4a9704aef);">
1156-
<div class="playlist-cover">
1157-
<div class="playlist-cover-button">
1158-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1159-
</div>
1160-
</div>
1161-
<div class="playlist-details">#real</div>
1162-
</div>
1163-
</a>
1164-
</div>
1165-
1166-
<div class="playlist">
1167-
<a title="drifting_thru_cyberspace" href="https://open.spotify.com/playlist/7B72YSR80UW0OQpPNFdblx" target="_blank">
1168-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72c8cf26dc1087b7b93bacddf93);">
1169-
<div class="playlist-cover">
1170-
<div class="playlist-cover-button">
1171-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1172-
</div>
1173-
</div>
1174-
<div class="playlist-details">drifting_thru_cyberspace</div>
1175-
</div>
1176-
</a>
1177-
</div>
1178-
1179-
<div class="playlist">
1180-
<a title="Goated Songs" href="https://open.spotify.com/playlist/1Uv3dhx9Zsi5VsCmO5vMHC" target="_blank">
1181-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72c486f365196ffe1e6bd31c3e2);">
1182-
<div class="playlist-cover">
1183-
<div class="playlist-cover-button">
1184-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1185-
</div>
1186-
</div>
1187-
<div class="playlist-details">Goated Songs</div>
1188-
</div>
1189-
</a>
1190-
</div>
1191-
</div>
1192-
1193-
<div class="playlist-row">
1194-
<div class="playlist">
1195-
<a title="Paper Scissor" href="https://open.spotify.com/playlist/4CgHVdKUlyET2ko2g2Iciq" target="_blank">
1196-
<div style="--img: url(https://image-cdn-fa.spotifycdn.com/image/ab67706c0000d72cf3f360a81a74eb162c355c08);">
1197-
<div class="playlist-cover">
1198-
<div class="playlist-cover-button">
1199-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1200-
</div>
1201-
</div>
1202-
<div class="playlist-details">Paper Scissor</div>
1203-
</div>
1204-
</a>
1205-
</div>
1206-
1207-
<div class="playlist">
1208-
<a title="키란" href="https://open.spotify.com/playlist/1jUfAepupNN6OpaP2sUY1x" target="_blank">
1209-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72c2bcfcf86be85057f83010a77);">
1210-
<div class="playlist-cover">
1211-
<div class="playlist-cover-button">
1212-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1213-
</div>
1214-
</div>
1215-
<div class="playlist-details">키란</div>
1216-
</div>
1217-
</a>
1218-
</div>
1219-
1220-
<div class="playlist">
1221-
<a title="sleepless nights." href="https://open.spotify.com/playlist/1PzJuAygthYYXwp1UAXGBV" target="_blank">
1222-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72cc4438163e299a9b0a8d037c7);">
1223-
<div class="playlist-cover">
1224-
<div class="playlist-cover-button">
1225-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1226-
</div>
1227-
</div>
1228-
<div class="playlist-details">sleepless nights.</div>
1229-
</div>
1230-
</a>
1231-
</div>
1232-
1233-
<div class="playlist">
1234-
<a title="mëërschwëinën" href="https://open.spotify.com/playlist/7lLxAuW3hliyWTIB7UGTUt" target="_blank">
1235-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72c8f159e4423e44baeacb457b2);">
1236-
<div class="playlist-cover">
1237-
<div class="playlist-cover-button">
1238-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1239-
</div>
1240-
</div>
1241-
<div class="playlist-details">mëërschwëinën</div>
1242-
</div>
1243-
</a>
1244-
</div>
1245-
</div>
1246-
1247-
<div class="playlist-row">
1248-
<div class="playlist">
1249-
<a title="&lt;playlist src=&quot;soundcloud&quot;&gt;" href="https://open.spotify.com/playlist/0M2KnXOtqVdm5UdvNsuPiP" target="_blank">
1250-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72c64e916a317ba99503da74d02);">
1251-
<div class="playlist-cover">
1252-
<div class="playlist-cover-button">
1253-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1254-
</div>
1255-
</div>
1256-
<div class="playlist-details">&lt;playlist src=&quot;soundcloud&quot;/&gt;</div>
1257-
</div>
1258-
</a>
1259-
</div>
1260-
1261-
<div class="playlist">
1262-
<a title="🌻" href="https://open.spotify.com/playlist/1mO51tTtjQbR2Rhn2t2aaM" target="_blank">
1263-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72cba28f47d1bf5769f9ae36c68);">
1264-
<div class="playlist-cover">
1265-
<div class="playlist-cover-button">
1266-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1267-
</div>
1268-
</div>
1269-
<div class="playlist-details">🌻</div>
1270-
</div>
1271-
</a>
1272-
</div>
1273-
1274-
<div class="playlist">
1275-
<a title="3.5g" href="https://open.spotify.com/playlist/3HLVn6NwmhS78KYsINYRfk" target="_blank">
1276-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72cbdcfd219b651eace0b7fa7ee);">
1277-
<div class="playlist-cover">
1278-
<div class="playlist-cover-button">
1279-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1280-
</div>
1281-
</div>
1282-
<div class="playlist-details">3.5g</div>
1283-
</div>
1284-
</a>
1285-
</div>
1286-
1287-
<div class="playlist">
1288-
<a title="Pierrah + Kiran 🍒✨" href="https://open.spotify.com/playlist/0XP5xDufBrxuWUdluBkAnc" target="_blank">
1289-
<div style="--img: url(https://mosaic.scdn.co/300/ab67616d00001e0282a045169e877a9187e95086ab67616d00001e029f705d9deac7e2c901045804ab67616d00001e02b334a71bedd011f1da6fc799ab67616d00001e02ed3e641e274840b817860773);">
1290-
<div class="playlist-cover">
1291-
<div class="playlist-cover-button">
1292-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1293-
</div>
1294-
</div>
1295-
<div class="playlist-details">Pierrah + Kiran 🍒✨</div>
1296-
</div>
1297-
</a>
1298-
</div>
1299-
</div>
1300-
1301-
<div class="playlist-row">
1302-
<div class="playlist">
1303-
<a title="bread‼️🍞🥖" href="https://open.spotify.com/playlist/3sIFmpfBC7PnoF5Rfe154w" target="_blank">
1304-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72c9361af9c3a7c03449f48a720);">
1305-
<div class="playlist-cover">
1306-
<div class="playlist-cover-button">
1307-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1308-
</div>
1309-
</div>
1310-
<div class="playlist-details">bread‼️🍞🥖</div>
1311-
</div>
1312-
</a>
1313-
</div>
1314-
1315-
<!-- <div class="playlist">
1316-
<a title="¡ MUSIC 2 DIE 2 !" href="https://open.spotify.com/playlist/0J8i8JpZxklQJxdBhiQlLo" target="_blank">
1317-
<div style="--img: url(https://image-cdn-ak.spotifycdn.com/image/ab67706c0000d72c9327ca9231034a79205f86d1);">
1318-
<div class="playlist-cover">
1319-
<div class="playlist-cover-button">
1320-
<i alt="Play button" class="fas fa-play" aria-hidden="true"></i>
1321-
</div>
1322-
</div>
1323-
<div class="playlist-details">¡ MUSIC 2 DIE 2 !</div>
1324-
</div>
1325-
</a>
1326-
</div> -->
1327-
1328-
<div class="playlist" style="visibility:hidden"></div>
1329-
<div class="playlist" style="visibility:hidden"></div>
1330-
<div class="playlist" style="visibility:hidden"></div>
1331-
</div>
13321054
</section>
13331055
</div>
13341056
</div>

0 commit comments

Comments
 (0)