crucial-tracks.js

Last updated:

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

<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