Close

Writing index.html

A project log for SpinLast

Automatically scrobble your favorite radio tracks from Spinitron.com to last.fm

mx-jack-nelsonMx. Jack Nelson 04/24/2023 at 22:470 Comments

Upon opening the index.html page, users are greeted with a centered heading that reads "SpinLast" and a subheading reading "The Spinitron Scrobbler.": Below the heading, there is a form that prompts users to enter the URL of their desired Spinitron radio station. The form consists of a label, an input text field, and a submit button.

The label instructs users to "Enter Spinitron Radio Station URL," and the input text field is where users can type or paste the URL. The input field is styled to be 100% wide, with padding and rounded corners for a pleasant visual appearance. The submit button is styled with a blue background and white text, and it changes to a darker shade of blue when hovered over.

Once users enter the URL and click the "Submit" button, the form sends a POST request to the "/submit" endpoint, triggering the scrobbling process.

The overall design of the page is clean and straightforward, with a light background and a centered container that holds the form. The container has a white background and a subtle box shadow for a modern look. The font used is Arial, and the page is responsive, thanks to the "viewport" meta tag.

Discussions