Skip to content

Commit

Permalink
Change to dark mode
Browse files Browse the repository at this point in the history
  • Loading branch information
@godisopensource
godisopensource authored Sep 12, 2024
1 parent 9b54497 commit d2c4356
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 5 deletions.
6 changes: 4 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,8 @@ <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" class="platform spotify" target="_blank">
Expand Down Expand Up @@ -60,12 +62,12 @@ <h3>

<div class="igandth">
<a href="https://www.instagram.com/detlarmusic" class="ig" target="_blank">
<svg fill="#333" width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg">
<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" class="th" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" fill="#333" width="24px" height="24px" viewBox="0 0 512.8 609.7">
<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>
Expand Down
11 changes: 8 additions & 3 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ body, h1, p, a {
margin: 0;
padding: 0;
font-family: 'Inter', sans-serif;
color: #333;
color: #c8c8c8;
text-align: left;
}

Expand Down Expand Up @@ -51,7 +51,7 @@ body {
.container {
width: 90%;
max-width: 800px;
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
background-color: rgba(22, 22, 22, 0.8); /* Semi-transparent background */
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
Expand All @@ -73,7 +73,7 @@ body {
.header h1 {
font-size: 2em;
margin-bottom: 10px;
color: #222;
color: #bfbfbf;
}

.header p {
Expand Down Expand Up @@ -109,6 +109,7 @@ body {
font-size: 2.5em;
margin-bottom: 10px;
font-weight: 800;
color: #f3f3f3;
}

.release-name h2 {
Expand Down Expand Up @@ -219,4 +220,8 @@ h5 {
.footer {
position: relative;
padding-top: 600px;
}

.strange h3 {
text-align: left;
}

0 comments on commit d2c4356

Please sign in to comment.