Bauke/bauke-xyz
Bauke
/
bauke-xyz
1
Fork 0
Code Releases 12 Activity

Compare commits

base: Bauke:110bc4eb28a89e9deb36284b607a744715bc25a4
Branches Tags
Bauke:main
Bauke:1.0.0
Bauke:0.2.0
Bauke:0.1.9
Bauke:0.1.8
Bauke:0.1.7
Bauke:0.1.6
Bauke:0.1.5
Bauke:0.1.4
Bauke:0.1.3
Bauke:0.1.2
Bauke:0.1.1
Bauke:0.1.0
...
compare: Bauke:0a1f6f2ef1260657fa6f5227cb1727483ec44928
Branches Tags
Bauke:main
Bauke:1.0.0
Bauke:0.2.0
Bauke:0.1.9
Bauke:0.1.8
Bauke:0.1.7
Bauke:0.1.6
Bauke:0.1.5
Bauke:0.1.4
Bauke:0.1.3
Bauke:0.1.2
Bauke:0.1.1
Bauke:0.1.0

5 Commits
110bc4eb28 ... 0a1f6f2ef1

Author SHA1 Message Date
Bauke 0a1f6f2ef1
Adjust colors. 2022-04-09 16:12:48 +02:00
Bauke abc9e983dd
Change shadow pattern color. 2022-04-09 15:56:21 +02:00
Bauke ed739a3421
Adjust colors. 2022-04-09 15:56:09 +02:00
Bauke b4c1daeea9
Continue without cover art if it can't be found. 2022-03-30 18:40:07 +02:00
Bauke cd88730d1c
Swap GitHub link label. 2022-03-29 21:31:49 +02:00
7 changed files with 18 additions and 10 deletions
Show Stats Expand all files Collapse all files

BIN
source/assets/shadow-pattern.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

8
source/js/listenbrainz.js
View File

@ -5,7 +5,13 @@ window.addEventListener('DOMContentLoaded', async () => {
return;
}
const image = await getCoverArt(listen);
let image;
try {
image = await getCoverArt(listen);
} catch (error) {
console.warn(error);
}
insertHtml(listen, image);
};

2
source/scss/components/_listenbrainz.scss
View File

@ -4,7 +4,7 @@
@include mixins.patterned-shadow(0.5rem);
align-items: center;
background-color: var(--background-1);
background-color: var(--background-2);
border: 2px solid var(--foreground-1);
display: grid;
grid-template-columns: min-content auto;

2
source/scss/components/_page-main.scss
View File

@ -17,7 +17,7 @@
a {
@include mixins.patterned-shadow(0.5rem);
background-color: var(--background-1);
background-color: var(--background-2);
border: 2px solid var(--foreground-1);
padding: 1rem;
position: relative;

3
source/scss/components/_userstyles.scss
View File

@ -6,6 +6,7 @@
padding: 0;
.style {
background-color: var(--background-2);
border: 2px solid var(--foreground-1);
padding: 1rem;
@ -28,7 +29,7 @@
&:hover {
background-color: var(--foreground-1);
border-color: var(--foreground-1);
color: var(--background-1);
color: var(--background-2);
}
}
}

7
source/scss/index.scss
View File

@ -5,8 +5,9 @@ html {
}
body {
--background-1: #000;
--foreground-1: #fff;
--background-1: #52d168;
--background-2: #60f079;
--foreground-1: #1d2623;
background-color: var(--background-1);
color: var(--foreground-1);
@ -22,7 +23,7 @@ a {
&:hover {
background-color: var(--foreground-1);
color: var(--background-1);
color: var(--background-2);
}
}

6
source/templates/index.html
View File

@ -21,9 +21,9 @@
@baukexyz:matrix.org
</a>
<a target="_blank" href="https://github.com/Bauke" title="GitHub"
data-label="github">
Bauke
<a target="_blank" href="https://github.com/Bauke" title="GitHub Profile"
data-label="bauke">
GitHub
</a>
</div>