From 60f071e3671766305a27940c8d7bfefb5d10c46f Mon Sep 17 00:00:00 2001 From: Raven Scott Date: Thu, 17 Oct 2024 05:06:21 -0400 Subject: [PATCH] update --- views/index.ejs | 49 +++++++++++++++++++++++++++++++++++++++----- views/track.ejs | 54 +++++++++++++++++++++++++++++++++++++++++-------- 2 files changed, 90 insertions(+), 13 deletions(-) diff --git a/views/index.ejs b/views/index.ejs index 3612191..df6a578 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -1,5 +1,6 @@ + @@ -11,40 +12,78 @@ color: white; font-family: 'Metal Mania', sans-serif; } + .card { background-color: #222; border: 1px solid #444; } + .btn-primary { background-color: #ff5500; border-color: #ff5500; } + .btn-primary:hover { background-color: #ff3300; } + + /* Custom slim dark mode scrollbar for webkit browsers (Chrome, Safari, Edge) */ + ::-webkit-scrollbar { + width: 8px; + /* Slim width for the scrollbar */ + } + + ::-webkit-scrollbar-track { + background: #1e1e1e; + /* Dark background for the scrollbar track */ + } + + ::-webkit-scrollbar-thumb { + background-color: #4a4a4a; + /* Slightly lighter thumb color */ + border-radius: 10px; + /* Rounded corners for the scrollbar */ + border: 2px solid #1e1e1e; + /* Matches the track background to create a gap effect */ + } + + ::-webkit-scrollbar-thumb:hover { + background-color: #555555; + /* Lighter on hover */ + } + + /* Scrollbar styling for Firefox */ + * { + scrollbar-width: thin; + scrollbar-color: #4a4a4a #1e1e1e; + } +

Raven Scott Metal Tracks

- <% tracks.forEach(track => { %> + <% tracks.forEach(track=> { %>
-
<%= track.title %>
+
+ <%= track.title %> +

More Details
- <% }) %> + <% }) %>
- + \ No newline at end of file diff --git a/views/track.ejs b/views/track.ejs index 10b9e14..61bd28a 100644 --- a/views/track.ejs +++ b/views/track.ejs @@ -1,9 +1,12 @@ + - <%= track.title %> + + <%= track.title %> + +
-

<%= track.title %>

+

+ <%= track.title %> +

+ src="https://w.soundcloud.com/player/?url=<%= track.url %>&color=%23ff5500&auto_play=false&show_artwork=true"> +

- <%- (track.description && track.description.trim()) - ? track.description.replace(/\n/g, '
') + <%- (track.description && track.description.trim()) ? track.description.replace(/\n/g, '
' ) : 'No description available for this track.' %> -

+

- + + \ No newline at end of file