Make the presentation for reader look good

[xqiu1]

Ideas:

1. Use background with texture: Choice of texture is eye pleasing; Feedback: Looks good
2. Use 3D-containers for definitions, theorems, etc
3. Use color coding to separate (definitions, conventions, terminology, notation) from (theorem, proposition, lemma, corollary) from (example) from (exercise); Feedback: Color coding for labels looks good
4. Title bar of sections is quite tall. Perhaps making buttons for Previous and Next less high and typesetting the title itself in bold will look better and also gain some space. Feedback: New previous/next buttons are good; bold sans serif title is good; could make title bar less tall

[xqiu1]

• Decide a personality: professional but attractive?
• Choose a color theme
• A serif typeface in the design can make our website look elegant and classic.
• To look more playful, we can add border radius. Feedback: Good idea! - Looks better already

[bohungi]

I think, the appearance of the reader view of eMath is now good. Here is just a small experiment: Can you test what this logo looks like (used in the top bar)? It's a little bigger than it needs to be. But letting the browser scale it down for a fit should not introduce jaggedness.

[xqiu1]

@bohungi I put two screenshots here for your reference

[bohungi]

I see: For the top landing page, we will eventually need a different logo. The one I uploaded here was meant for the top bar in read mode.

[xqiu1]

Here are the screenshots from read mode:

[bohungi]

This isn't good. Reducing the size of the logo and creating some distance from the title would probably help a little. But it still won't look good. Conclusion: The entire top row needs to be designed as a composition.

Suggestion: Let's leave that top row as it is for now. I will experiment with possible compositions for the top row at a later time.