Simplify all posts page for a quick overview #130
Comments
WIP screenshot
|
|
@tupui Thoughts? |
|
That's nice! Now the design seems a bit empty/white with the sidebar (I am not a UI designer though), but that can be for a follow up. |
|
What about using multiple columns? |
Good idea, I'll try that. Thanks. |
See <#130 (comment)>. Suggested-by: Pamphile Roy <[email protected]>
|
Just pushed a commit that uses a two-column layout, narrowing to one column on narrower screens. Note that this iteration of it no longer paginates; that could be restored if desired, but we've mentioned disabling that anyway. Screenshots
Let me know what you think. Thanks. |
|
Looks nice to me 👍 |
|
I quite like the two column layout. The line separating groups of two is somewhat confusing, though, giving the impression that two blog posts are grouped, so I'd get rid of that. |
See <#130 (comment)>. Suggested-by: Pamphile Roy <[email protected]>
|
After further changes, here's what it looks like now: Details
The post entries seemed a bit empty of text, which was especially jarring when adjacent posts shared the same image, so this returns the summaries, while using a smaller, yet still readable font. This also allows the reader more context to decide whether the article would be of interest. (Of course, the font is easily changed; there are numerous ones to choose from on https://fonts.google.com/ This seemed like a good balance of readability, aesthetics, and size.) The individual article pages still need to be tidied slightly to correspond with the changes on the all-posts page. I'll work on that next. Please let me know what you think of these most recent changes. Thanks. |
See <#130 (comment)>. Suggested-by: Pamphile Roy <[email protected]>
|
After the latest changes (which includes scientific-python/scientific-python-hugo-theme#289, a change to the theme repo), it looks like this (also visible on the deploy preview): Front page, "All posts" page, individual post's page
Included is a minor refactoring of the post list and adjustment to a partial template to allow an argument to toggle the post summary. Please let me know what you think. Thanks. |
* Change: Condense and simplify all-posts page See <#130>. * Change: Use two-column layout on /posts See <#130 (comment)>. Suggested-by: Pamphile Roy <[email protected]> * Change: Remove border between rows of posts * Change: Post summary text color and size * Tidy: Remove obsoleet code * Change: Return summaries, float image, etc. * Change: (.post-summary) Use "Fira Sans" font * [pre-commit.ci 🤖] Apply code format tools to PR * Deduplicate summary, minor refactor * Change: (.post-content) Use "Fira Sans" to match summary --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
* Change: Condense and simplify all-posts page See <scientific-python#130>. * Change: Use two-column layout on /posts See <scientific-python#130 (comment)>. Suggested-by: Pamphile Roy <[email protected]> * Change: Remove border between rows of posts * Change: Post summary text color and size * Tidy: Remove obsoleet code * Change: Return summaries, float image, etc. * Change: (.post-summary) Use "Fira Sans" font * [pre-commit.ci 🤖] Apply code format tools to PR * Deduplicate summary, minor refactor * Change: (.post-content) Use "Fira Sans" to match summary --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
* Change: Condense and simplify all-posts page (#137) * Change: Condense and simplify all-posts page See <#130>. * Change: Use two-column layout on /posts See <#130 (comment)>. Suggested-by: Pamphile Roy <[email protected]> * Change: Remove border between rows of posts * Change: Post summary text color and size * Tidy: Remove obsoleet code * Change: Return summaries, float image, etc. * Change: (.post-summary) Use "Fira Sans" font * [pre-commit.ci 🤖] Apply code format tools to PR * Deduplicate summary, minor refactor * Change: (.post-content) Use "Fira Sans" to match summary --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com> * Update theme to use main branch --------- Co-authored-by: Adam Porter <[email protected]> Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
It would be great to be able to get a "bird's eye view" of all the blog posts ever made. Instead of paginating to 5 or 10, we can paginate to a hundred, and make the post list much more condensed (e.g., by removing the abstracts).
https://blog.scientific-python.org/posts/
The text was updated successfully, but these errors were encountered: