Hi all, this may be better suited to a reddit post or somesuch but there's so much riffraff on there I thought maybe some bright individual here could help. I'm trying to make a webpage that will have a map and icons (in the form of the logo of each respective circuit) that are links to videos of each track - the videos I'll host on my google drive or YouTube. Each track will have at least an "helicopter cam" orbit created in Google Earth Drive and a good in car lap from either sim or real life footage. The idea is to help my sim racing buddies (currently consisting of my Dad, really) learn and appreciate the dozens of circuits around the world.
I have posted screens of what I want the page to look like - each icon as an .svg file from inkscape, and ideally a separate version of each .svg for a "highlighted" icon (anytime cursor hovors over it). Note Watkins Glen (My former "home" circuit) is highlighted with a white box. I have searched around under free webpage sites but the content is overwhelming and it's been 20 years since I did a very basic html page.. don't even remember if I did anything with css. I am definitely not a web designer. Everything I've seen so has buttons in a list or grid, not precisely aligned over a background image.
The second image shows the "home" screen I'd like to do - clicking the "north america" image would link to the "north america" page with the circuit icons. Thats not such a big deal though, I would be happy having all 4 regions on one page and just scrolling up and down.
I plan to have a link to this on my YouTube channel, or share the link with friends, so I don't really care what the URL is ( I know some free web design services create pretty unwieldy URLs - that's ok - I just care about it looking good and being functional)
I have other plans for this concept including a workshop inventory system (each icon linking to a google sheets file for various categories - screws, nuts, washers, etc) and a database of facts concerning history, current events, biographies etc (for my own reference). So being able to do something like this will be quite exciting!
I have posted screens of what I want the page to look like - each icon as an .svg file from inkscape, and ideally a separate version of each .svg for a "highlighted" icon (anytime cursor hovors over it). Note Watkins Glen (My former "home" circuit) is highlighted with a white box. I have searched around under free webpage sites but the content is overwhelming and it's been 20 years since I did a very basic html page.. don't even remember if I did anything with css. I am definitely not a web designer. Everything I've seen so has buttons in a list or grid, not precisely aligned over a background image.
The second image shows the "home" screen I'd like to do - clicking the "north america" image would link to the "north america" page with the circuit icons. Thats not such a big deal though, I would be happy having all 4 regions on one page and just scrolling up and down.
I plan to have a link to this on my YouTube channel, or share the link with friends, so I don't really care what the URL is ( I know some free web design services create pretty unwieldy URLs - that's ok - I just care about it looking good and being functional)
I have other plans for this concept including a workshop inventory system (each icon linking to a google sheets file for various categories - screws, nuts, washers, etc) and a database of facts concerning history, current events, biographies etc (for my own reference). So being able to do something like this will be quite exciting!
