Update icon.svg

[stumbo]

As a first step in fixing the navbar to make it more responsive I updated icon.svg . The icon was not behaving correctly. While I haven't found good documentation on the exact requirements of an icon.svg file, the W3C mentioned using inline SVG files as icons.

I rewrote the SVG file as inline. In addition, I cropped some of the extra white space from around the image. The results are a positive first step:

Prior to updating the icon:

After updating the icon:

Both images are of my browser at roughly 1210 pixels wide.

You will notice the title has slide over closer to the icon. This is a side effect of the icon better understanding how to be responsive. Prior to the update it was claiming all the real estate from itself up to the title. That space is now available for the other navbar menu items as the screen shrinks.

Shrinking the screen down to 950 pixels gives the following:

At about 750 pixels it changes the layout to two rows:

There is still more work to be done, there is some clipping of navbar items, search being most noticeable, But it also has clipped the GitHub and Get Involved items prior to dropping to the two row presentation. I'll continue to exam better ways of handling these issues.

[masinter]

much improved... good start

[pamoroso]

I confirm it works much better. But, when scrolling down the page, I don't see the project name "The Medley Interlisp Project" between the Medley logo and the other icons in the site header as in the screenshots by @stumbo. This happens with Firefox on both Linux and Android.

[stumbo]

@pamoroso Can you provide an example? We do not put the project name in the navbar on the home page, but it should be displayed on all other pages. I see that behavior in my browser (Zen aka Firefox on Windows).

[pamoroso]

Never mind, I was visiting the home page. I do see the project name on other pages.