CSS improvements - PYLODE logo, table of contents

[fosterlynn]

Thank you so much for this tool!

I am on Ubuntu, Firefox, a medium-smallish laptop. I don't know if these issues are the same on all screen sizes, browsers, etc.

1. The PYLODE logo is overlapping with the content.
2. The table of contents on the right is too narrow for many class and property names. I see this also is Width of table of contents #170 , but am including it to show suggested fix.

Currently, this is the situation:

With these changes, I now see:

• #toc width: 250px
• #content width: 205px
• #pylode left:-270px
  

[hoijui]

for me, it looked right before and wrong after. :/

before:

with these changes (the logo and version part are not visible anywhere):

[hoijui]

My whole screen; Looks like text on my screen is much smaller, or I have more pixels or something ...

[fosterlynn]

@hoijui put together a relative width scenario, and we fiddled until it worked ok for both of us. So that's at least 2 screen sizes.

#pylode top: 15em;
#pylode left: -13em;
#toc width: 15%;
#content width: 86%;

[edmondchuc]

Hi @fosterlynn and @hoijui. We've recently released a new version with a new profile named "supermodel". It has an improved styling based on asciidoctor. Do you mind trying that out and see if it works for you? Thanks in advance.

[fosterlynn]

Here is the supermodel from about a week ago, and it looks good for me, unless there is supposed to be a logo somewhere.

[edmondchuc]

No logo yet, but we will eventually add something to lead people back to pyLODE. We just want to get initial feedback from the community with the new supermodel mode. Thanks for trying it out.

[hoijui]

It is called Supermodel, cause it works for both OWL and SKOS?

Btw, I already ported all the PRs I made recently to your supermodel branch about a week ago. :-)

(I think one bug happened during this porting which I still need to fix, and will maybe only get it it next week.)