I need some help with styling about d9book HOT 14 CLOSED

Yeah, that site looks really nice. How much change is required in the actual chapters?

For each article, you need to add information about the template to the beginning of the page, I have already added this data in the pull request. Maybe only some small details are missing (links, typos, etc.).

from d9book.

TOC have weird spacing e.g. https://selwynpolit.github.io/d9book/book/forms.html

from d9book.

Also width is weird on https://selwynpolit.github.io/d9book/book/forms.html

from d9book.

h2 and h3 sizes seem too similar. Maybe there could be some visual cue? There is a horizontal line but it just seems like they run into each other... e.g. https://selwynpolit.github.io/d9book/book/forms.html

from d9book.

I would increase all fonts to 150%.

Sceenshot how it looks now:

With 150% font thoughout the whole site:

I would also consider width in div.shell which is now set to 670px and really looks too narrow on any bigger screen.
Just too bad not using more width for the text an code.

Quick test (screenshot) with increased width of div.shell:

from d9book.

Thanks for this @alesrebec I will give these as try ASAP

from d9book.

Hello
looking at the current theme, you can notice several unpleasant moments, such as block width limitations and mismatching the block width with the text. This reduces the attractiveness of the site for me.

Proposed resolution:
Perhaps you should consider the just-the-docs theme for the site design.
I noticed that this theme was once used in the settings.
This theme has some pretty great customization and ui components.

from d9book.

@maks-oleksyuk Thanks for the thoughts. I also hate how unattractive and unprofessional the look of the site is. I did fiddle with just-the-docs theme but I think I had some problems with it. It was a while ago. I really did like many aspects of it.

Unfortunately I am really weak with front end stuff so I need some help. If you are open to a zoom call and taking a look with me, that would be awesome.

from d9book.

@alesrebec I implemented some of the changes you suggested (to the best of my knowledge.) Let me know what you think and thanks again.

from d9book.

@selwynpolit thanks for the answer

I made a quick setup to use the just-the-docs theme to demonstrate a possible look of the site.

Here's what the desktop version looks like

This theme also looks good on mobile devices.

Don't be surprised by the dark theme, I've specified it in the settings.

Also, this theme has many other settings for colors, search, breadcrumbs, and others that need to be customized.
But changing to this theme would require reworking all the .md files to add the necessary information for the theme.

I am also not very strong in this area, but I will be happy to help in any way I can if possible.

from d9book.

It looks much better now already.
Though I agree having Just the Docs and leveraging the side menu would be perfect.

from d9book.

It's great to know that you support these changes.

I have partially worked on redesigning the site with a new theme. I'm still looking for better solutions or improvements, so any criticism or comments will be helpful.

I have created a copy of the site - https://maks-oleksyuk.github.io/d9book/bq

Here is a small summary of the changes:

• the main theme has been changed (the necessary settings have been added to the _config.yml file)
• static content of the file is replaced by dynamic content
• updated code blocks (removed <?php, some places are optimized for coding standards, added type annotation for PHP 8)
• minor changes in the text
• added some footnotes (warning, see also)
• copyright is placed in the footer of the site
• added 404 page
• added links to the author's repository and Twitter)
• added buttons with links to the top and to editing

Here are some photos for comparison (scale 75% to 50%)

I also have a few questions/comments

• the theme supports configuration for Analytics
• whether comments on the article are needed
• fixing some links

Thank you

from d9book.

Yeah, that site looks really nice. How much change is required in the actual chapters?

from d9book.

and that side menu is great.

from d9book.