-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (78 loc) · 12 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Latest release by Detlar</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="/Users/paul/Documents/newrelease/favicon.ico">
</head>
<body>
<!-- <div class="background-image"></div> -->
<div class="background-gradient"></div>
<div class="container">
<main class="main">
<!--
<div class="cover">
<img src="pochette.jpg" height="150" width="150" alt="Album Cover">
</div>
-->
<div class="album-release">
<img src="pochette.jpg" alt="Album Art" height="150" width="150" class="album-art">
<div class="release-name">
<h1>I Must Go</h1>
<h2>Detlar</h2>
</div>
</div>
<h3 class="strange">Stream now on your favourite platform!</h3>
<div class="social-buttons-container">
<a href="https://open.spotify.com/intl-fr/album/5wU5ltTR1FaD6dDDmbAjWc?si=TzxNWs_kSSGiIZbCqqDNfQ" class="platform spotify" target="_blank">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12,2 C17.5228,2 22,6.47715 22,12 C22,17.5228 17.5228,22 12,22 C6.47715,22 2,17.5228 2,12 C2,6.47715 6.47715,2 12,2 Z M12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 Z M7.72828,14.1113 C9.14617,13.7852 10.6632,13.7887 11.9748,13.9922 C13.2512,14.1903 14.4891,14.6025 15.2517,15.2256 C15.6794,15.575 15.7429,16.205 15.3935,16.6327 C15.0709769,17.0275 14.5093627,17.1119757 14.0884713,16.8478234 L13.9864,16.7745 C13.63,16.4833 12.8083,16.1455 11.6681,15.9686 C10.563,15.7971 9.30621,15.8006 8.17648,16.0604 C7.63824,16.1842 7.10158,15.8482 6.97781,15.3099 C6.85405,14.7717 7.19004,14.235 7.72828,14.1113 Z M7.20759,11.3799 C10.4666,10.4712 14.2588,10.9854 16.5709,12.4052 C17.0415,12.6942 17.1888,13.31 16.8998,13.7807 C16.6108,14.2513 15.995,14.3986 15.5243,14.1095 C13.7412,13.0146 10.5334,12.5288 7.74479,13.3064 C7.2128,13.4548 6.66128,13.1438 6.51294,12.6118 C6.36459,12.0798 6.6756,11.5283 7.20759,11.3799 Z M6.73115,8.51383 C10.4902,7.4646 14.2265,8.00853 17.3965,9.37757 C17.9035,9.59654 18.137,10.1851 17.918,10.6921 C17.6991,11.1991 17.1105,11.4326 16.6035,11.2137 C13.7735,9.99147 10.5098,9.53558 7.26885,10.4402 C6.73689,10.5887 6.1853,10.2778 6.03682,9.74586 C5.88834,9.21391 6.1992,8.66231 6.73115,8.51383 Z" id="形状" fill="#ffffff">
</svg>
Spotify
</a>
<a href="https://youtu.be/QBtFMgGFPT0?si=fd2UkMvepfF8Vxte" class="platform youtube" target="_blank">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="#ffffff" d="M23,11.9972 C23,15.0688707 22.7080514,16.9571365 22.0247481,18.1281724 C21.3347709,19.3777602 20.5269977,19.7708297 18.8782989,19.8862992 C17.7148693,19.9542414 14.794638,20 12.0026667,20 C9.2044172,20 6.28275714,19.9542562 5.10860514,19.8855427 C3.47493151,19.7708031 2.66701263,19.37838 1.97791182,18.142374 C1.29279472,16.9480084 1,15.052042 1,12.0084 C1,8.94737365 1.29138368,7.06090428 1.97193166,5.86259947 C2.67010997,4.61046509 3.49111627,4.21325835 5.11100471,4.1184917 C6.23144506,4.04250638 8.99660854,4 12.0026667,4 C15.002263,4 17.766208,4.04252223 18.8782989,4.11790083 C20.5073007,4.21303163 21.3281267,4.60936303 22.020213,5.8580297 C22.7108012,7.06048454 23,8.93778123 23,11.9972 Z M20.283329,6.84963647 C19.9603324,6.26505017 19.7713697,6.17346202 18.752413,6.11391338 C17.6926261,6.04212137 14.954737,6 12.0026667,6 C9.04424331,6 6.3050775,6.04210674 5.2370951,6.1144916 C4.22844212,6.17352647 4.03674592,6.26627 3.71489655,6.84342165 C3.2475376,7.66638709 3,9.26898917 3,11.9972 C3,14.7270394 3.24886149,16.33852 3.71873501,17.1577995 C4.03565111,17.7261665 4.22600958,17.8186276 5.23703026,17.8897046 C6.34874254,17.9546989 9.24212825,18 12.0026667,18 C14.7569983,18 17.6489264,17.9546849 18.7500936,17.8904464 C19.7737637,17.8187098 19.961409,17.7274 20.2855157,17.1409953 C20.752236,16.3407623 21,14.7382734 21,12.0084 C21,9.25771396 20.7535449,7.66399511 20.283329,6.84963647 Z M10,9 L15,12 L10,15 L10,9 Z"/>
</svg>
YouTube
</a>
<a href="https://deezer.page.link/PZtQofGpaYxesDyAA" class="platform deezer" target="_blank">
<svg width="24px" height="24px" viewBox="0 0 300 300" role="img" xmlns="http://www.w3.org/2000/svg" fill="#ffffff">
<path d="M233 42.9c2.6-14.9 6.3-24.3 10.5-24.3 7.8 0 14.1 32.5 14.1 72.6 0 40.1-6.3 72.6-14.1 72.6-3.2 0-6.1-5.5-8.5-14.8-3.8 33.9-11.5 57.1-20.6 57.1-7 0-13.2-14-17.4-36-2.9 41.9-10.1 71.7-18.5 71.7-5.3 0-10.1-11.8-13.7-31-4.3 39.6-14.2 67.4-25.8 67.4s-21.5-27.8-25.8-67.4c-3.5 19.2-8.4 31-13.7 31-8.4 0-15.6-29.7-18.5-71.7-4.2 22-10.4 36-17.4 36-9 0-16.8-23.3-20.6-57.1-2.4 9.3-5.3 14.8-8.5 14.8-7.8 0-14.1-32.5-14.1-72.6 0-40.1 6.3-72.6 14.1-72.6 4.2 0 7.9 9.4 10.5 24.3C49.1 17.2 55.8.5 63.4.5 72.5.5 80.3 24.1 84 58.4c3.6-24.9 9.2-40.8 15.3-40.8 8.7 0 16 31.3 18.8 74.9 5.1-22.4 12.6-36.4 20.8-36.4 8.2 0 15.6 14 20.8 36.4 2.7-43.6 10.1-74.9 18.8-74.9 6.2 0 11.7 15.9 15.3 40.8C197.5 24.1 205.4.5 214.4.5c7.6 0 14.4 16.7 18.6 42.4zM.1 84.1c0-17.9 3.6-32.5 8-32.5s8 14.5 8 32.5c0 17.9-3.6 32.5-8 32.5-4.4-.1-8-14.6-8-32.5zm261.6 0c0-17.9 3.6-32.5 8-32.5s8 14.5 8 32.5c0 17.9-3.6 32.5-8 32.5-4.4-.1-8-14.6-8-32.5z"/>
</svg>
Deezer
</a>
<a href="https://music.apple.com/fr/album/i-must-go-single/1766045316" class="platform apple-music" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 50 50" role="img" fill="#ffffff">
<path d="M33.6 11h-.3l-12.6 2.4c-.9.2-1.6 1-1.6 2V29c0 1.1-.9 2-2 2h-1.8c-2.1 0-4 1.6-4.2 3.8-.1 2.3 1.7 4.2 4 4.2h.5c3 0 5.5-2.5 5.5-5.5v-13l12-2.2V26c0 1.1-.9 2-2 2h-1.8c-2.1 0-4 1.6-4.2 3.8-.1 2.3 1.7 4.2 4 4.2h.5c3 0 5.5-2.5 5.5-5.5v-18c-.1-.8-.8-1.5-1.5-1.5z"/><path d="M37 4H13c-5 0-9 4-9 9v24c0 5 4 9 9 9h24c5 0 9-4 9-9V13c0-5-4-9-9-9zm7 33c0 3.9-3.1 7-7 7H13c-3.9 0-7-3.1-7-7V13c0-3.9 3.1-7 7-7h24c3.9 0 7 3.1 7 7v24z" style="stroke:#ffff;stroke-width:1.5;stroke-miterlimit:10;stroke-opacity:50%"/>
</svg>
Apple Music
</a>
</div>
<h4> — </h4>
<h5>Detlar is a Modern Jazz music project led by French composer Paul Lardet.<br>
This track is brought to you by UnchainedMusic.io</h5>
<h3>
Join me on
</h3>
<div class="igandth">
<a href="https://www.instagram.com/detlarmusic" class="ig" target="_blank">
<svg fill="#f3f3f3" width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg">
<path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/>
</svg>
</a>
<a href="https://www.threads.net/detlarmusic" class="th" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" fill="#f3f3f3" width="24px" height="24px" viewBox="0 0 512.8 609.7">
<path d="M388 325.2c-.8 2.5-1.5 4.8-2.2 7-7.8 24.1-19.4 46.2-35.8 65.7-12.4 14.6-26.9 26.6-44.2 35-12.9 6.3-26.6 10-41 10.9-27.9 1.8-53.6-5.1-76.7-20.8-13.6-9.2-24.4-21.1-31.5-36.1-4.7-9.9-7.1-20.3-7.3-31.3-.4-19.9 6-37.5 17.8-53.3 11.5-15.5 26.2-27 43.4-35.5 15.1-7.5 31.1-12.4 47.8-15.1 11.3-1.8 22.7-2.7 34.1-2.7 11.1 0 22.2.8 33.2 2.1 3.1.4 6.2.8 9.3 1.1.5.1 1.1 0 1.9 0-.2-.9-.3-1.6-.4-2.4-2.4-10.8-6.6-20.8-12.8-30-9-13.4-21.2-22.3-36.9-26.6-12-3.3-24.1-3.8-36.4-3.1-9.5.5-18.7 2.5-27.5 6-6.2 2.5-11.9 5.7-17 10.1-1.2 1-2 2.2-2.7 3.6-5.2 11.5-16.6 17.9-29.2 16.5-11.9-1.3-22.2-10.8-24.6-22.7-1.6-7.9-.3-15.3 3.8-22.2 4-6.8 9.4-12.5 15.3-17.7 9.9-8.7 21-15.3 33.2-20.1 13.8-5.5 28-8.7 42.8-9.9 10.3-.8 20.6-.8 30.9.1 27.1 2.4 51.8 11.1 72.7 28.9 14.1 12 24.8 26.6 32.8 43.2 7.4 15.4 11.9 31.6 13.6 48.7.4 3.9.7 7.8 1 11.8l6.6 2.7c13.3 5.5 25.6 12.7 36.6 22 14.8 12.5 25.4 28 32.9 45.7 6.5 15.4 10.5 31.5 12.6 48 1.6 12.7 2 25.5 1.2 38.3-3 48-21.8 88.7-56.1 122.3-21.7 21.3-47.1 36.9-75.4 47.8-18 6.9-36.5 11.6-55.6 14.1-15.4 2-30.9 2.8-46.4 2.2-32.6-1.3-64.1-7.7-94.2-20.7-34.7-15-63.1-37.9-86.7-67.1-23.5-29-39.8-61.6-51.1-97-6.7-20.8-11.5-42-14.9-63.6C2.6 346.9 1 332.5 0 317.9c-.9-13.2-1.4-26.5-1.2-39.8.6-35.7 5.3-70.9 16.2-105 11.1-34.9 28.5-66.3 53.4-93.3C102.9 42.5 145 18.4 194.6 7.1 212.2 3.2 230 1 248 .3c15-.6 29.9-.4 44.8.8 26.2 2.1 52 6.4 76.9 15.3 21.3 7.6 41.2 17.8 59.1 31.7 20 15.4 35.7 34.4 48.5 56 6.7 11.4 12.5 23.2 18.4 35 4.3 8.7 8.6 17.5 12.8 26.3 2.1 4.4 3.7 9 4.2 13.9 1.8 16.4-10.6 30.7-26.7 31.4-11.8.5-22.9-6.3-27.6-17.8-2.3-5.4-4.6-10.9-7.2-16.2-5.3-10.9-10.8-21.8-16.3-32.6-5.4-10.5-11.6-20.6-19-29.9-12-15.2-26.9-26.8-44.1-35.5-16.1-8.2-33-13.6-50.7-16.9-10.5-1.9-21-3.4-31.6-4.2-14.1-1-28.3-1.3-42.4-.6-22.2 1.2-43.9 4.7-64.6 12.7-46 17.5-80.1 48.4-102.1 92.5-9.1 18.2-14.8 37.6-18.7 57.5-2.8 14.3-4.7 28.7-5.4 43.2-.4 8.9-.9 17.7-.7 26.6.2 13.9 1.1 27.8 2.6 41.6 2.5 22.9 6.7 45.5 13.1 67.7 6.5 22.4 15.1 43.8 27.3 63.7 9.3 15.2 20.3 29.1 33 41.6 18.2 17.9 39.6 30.3 63.7 38.4 15.7 5.3 31.8 8.2 48.3 9.7 14.9 1.3 29.7 1.1 44.5-.7 31.6-3.8 60.7-14.4 86.4-33.4 18.4-13.7 33.1-30.5 43-51.3 5.2-11.1 8.5-22.7 10.3-34.8 1.5-10 1.9-20.1 1.3-30.1-.8-15.4-3.9-30.2-10-44.4-6.1-14.1-16.1-24.6-29.6-31.8-.6-.1-.9-.2-1.5-.5zm-54.5-15.7c-1-.2-1.7-.4-2.4-.5-4.5-.5-9-1.1-13.6-1.6-10.3-1.1-20.7-1.8-31.1-1.4-10.6.4-21.2 1.7-31.5 4.5-11.7 3.1-22.6 7.9-32.2 15.4-6.3 5-11.5 10.8-14.7 18.3-2.2 5.1-2.8 10.5-1.2 15.9 1.2 4.2 3.8 7.5 6.7 10.6 5.2 5.5 11.6 9.3 18.5 12 13.2 5.1 26.6 6.5 40.4 2.6 9.7-2.8 18-8.1 25.4-14.9 9.8-8.8 17.3-19.4 23.5-30.9 5.3-9.5 9.2-19.4 12.2-30z"/>
</svg>
</a>
</div>
<div class="footer">
<h6>© Paul Lardet <script>document.write(new Date().getFullYear())</script>. Source code available <a href="https://github.io/godisopensource/newrelease" target="_blank">here</a>.</h6>
</div>
</main>
</div>
</body>
</html>