n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add audio embed feature

Browse Source
This commit is contained in:
Nathan Upchurch
2024-10-23 22:39:32 -05:00
parent bfdb9f8419
commit a908843984
4 changed files with 141 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
public/css/index.css
View File

@ -219,6 +219,9 @@ code {
background-color: var(--card-color);
}
}
.links-nextprev > .postlist-item-container {
grid-column: var(--span-grid);
}
header,
footer,
main {
@ -448,6 +451,52 @@ table th {
padding-right: 1em;
}
/* Audio Player */
wc-mplayer {
width: 100%;
}
wc-mplayer::part(artist) {
font-size: var(--meta-font-size);
}
wc-mplayer::part(cover),
wc-mplayer::part(coverContainer) {
width: var(--space-3xl);
height: var(--space-3xl);
border-radius: var(--border-radius);
}
wc-mplayer::part(captionAndPlayer) {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
width: 100%;
}
wc-mplayer::part(main) {
border-radius: var(--border-radius);
display: flex;
gap: var(--space-s);
margin: 0;
padding: var(--space-m);
}
wc-mplayer::part(player) {
align-self: flex-end;
border-radius: var(--border-radius);
width: 100%;
}
wc-mplayer::part(title) {
font-size: var(--step-1);
font-variation-settings:
"opsz" 50,
"wght" 350,
"SOFT" 20,
"WONK" 1;
}
/* Comments */
#comments {
grid-column: var(--span-grid);

9
public/js/main.js
View File

@ -1,4 +1,5 @@
import './webComponents/card.js';
import './webComponents/profilePic.js';
import './webComponents/comment.js';
import './webComponents/toot.js';
import "./webComponents/card.js";
import "./webComponents/profilePic.js";
import "./webComponents/comment.js";
import "./webComponents/toot.js";
import "./webComponents/musicPlayer.js";