crucial-tracks.js
Embed your most recently shared tracks from Crucial Tracks
Add this to your page, replacing USERNAME with your username.
<script src="https://scripts.brebs.net/crucial-tracks/crucial-tracks.js?user=USERNAME"></script>
Optional parameters
&limit=1— number of tracks to show (default: 1)&desc— include your description/content&date— include the date you shared it
<script src="https://scripts.brebs.net/crucial-tracks/crucial-tracks.js?user=USERNAME&limit=2&desc&date"></script>
Example Output
Thanks to Michael Borland for letting me link to his Tracks as the example.Style overrides
You can customize the appearance of the embed by overriding the following CSS variables.
| Variable | Controls |
|---|---|
--ct-bg |
Main card background |
--ct-card-bg |
Inner song card background |
--ct-text |
Default text color |
--ct-heading |
Date heading color |
--ct-link |
Link & footer button color |
--ct-button-hover |
Hover background for buttons |
--ct-button-border |
Hover border color |
<!-- Optional: Override Crucial Tracks colors -->
<style>
.crucial_container {
--ct-bg: #111827 !important;
--ct-card-bg: #1f2937 !important;
--ct-text: #e5e7eb !important;
--ct-heading: #22c55e !important;
--ct-link: #60a5fa !important;
--ct-button-hover: rgba(255,255,255,0.08) !important;
}
</style>
More details coming soon on how to get the script for your own hosting.
https://ericmwalk.paste.lol/crucial-tracks.js/raw/?user=jarunmb&limit=1&desc&date