22:28 Friday 11 January 2019 JST
I wrote a post on Hugo forums to find a site designer who can make a nice design for Marble Track 3. As of this writing, the website uses my tweak of Castanet, and looks like this Marble Track 3 site v2 (via archive.org)
Because the project takes some time to explain, I want the website to quickly give people an overview, and allow people to click in to get more details if they like.
One designer replied to my Hugo post. We had a chat and this is their first design iteration. https://www.deligence.com/clients/marbletrack3/ I made a rough copy here https://vigilant-mayer-608cf8.netlify.com/
One thing Jimmy noted was they used a hexagon motif where circles would be more appropriate. I spent a couple hours trying to reverse engineer SVG paths
Thanks to https://svghelper.com/ for helping me create this shape
I sent this response
HI Sanjay Thank you for the design. I really like the video embedded in the header graphic, but it seems too dark to me; can it be made somewhat lighter color? I like that the site is responsive. Easy changes: 1a) The VIDEO section should be directly below "These guys are great! Just look at them go!". So please swap the order of OUR WORKERS to be below VIDEO 1b) remove rectangle from around VIDEO section so it will seem connected to above text "Look at them go!" 2a) In the TRACK (PARTS) section, the Made by sections should not have a space before the colon ("Made by: " is correct) 2b) In the TRACK (PARTS) section, there should be no space before commas after workers names ("Dr Sugar, Mr McGlue, Squarehead" is correct) 3) My friend made a rough logo that can replace the four circles logo. He will simplify it so it works at a small size
Harder changes 4) Please add a placeholder for the language selection. There should be two languages for now: English and Japanese 5) The hexagon theme doesn't make sense with the marbles; can the theme be round instead of hexagons? Here are some examples of unnecessary hexagons, but there are many more. https://www.deligence.com/clients/marbletrack3/images/hexline_2.png
5 suggestion (easy change)) For the workers, perhaps above could be approximately this shape
<svg xmlns="https://www.w3.org/2000/svg" width="400" height="200" version="1.1"> <path d="M360,55 L169,55 C58,55 108,10 24,10 H0 V119 H360 V75 Z"></path> </svg> 6) Anchors in the top right for Twitter, Youtube, Github are too wide. The anchors overlap so that when mouse cursor is over Twitter anchor, the Youtube anchor is active.