Rework the frontpage to be more concise and useful(?)#3290
Rework the frontpage to be more concise and useful(?)#3290
Conversation
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
MTRNord
added
aesthetic
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Deploying matrix-website with
|
| Latest commit: |
ca15334
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://998348f8.matrix-website.pages.dev |
| Branch Preview URL: | https://mtrnord-frontpage.matrix-website.pages.dev |
|
@HarHarLinks commented: Have a look at 09c3195 :) |
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
|
I wonder if the background of the "Platinum member" section should be light grey ( |
|
The platinum member being a clickable tile should also use the new clickable tile UX? (if only this was a component) |
| </div> | ||
| {% set_global twim_found = false %} | ||
| {% for page in blog.pages %} | ||
| {% if not twim_found and page.taxonomies.category and "This Week in Matrix" in page.taxonomies.category %} |
The problem is the graphics at the bottom only work this way so the idea was to have the last 2 sections before that the same way since they are technically meant to be like one block. Its kinda cheating of course. The alternative is to add another section I guess :p open for ideas though. |
|
Quoted from a previous comment:
Here's what I was thinking, at least for my first suggestion. 
|
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
…hover semantics Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
| <div class="blog-preview-grid"> | ||
| {% set_global blog_count = 0 %} | ||
| {% for page in blog.pages %} | ||
| {% if page.extra.hide_from_blog %}{% continue %}{% endif %} |
There was a problem hiding this comment.
have you considered also excluding TWIMs given they have their own section and don't give a huge benefit here?
| <img src="assets/frontpage/personal-graphic.svg" alt="" /> | ||
| <h3>Individuals & families</h3> | ||
| <p>Chat securely with friends, family, and co-workers. Your conversations, on your terms, with full end-to-end encryption.</p> | ||
| <a href="/try-matrix" class="call-to-action">Start a conversation</a> |
There was a problem hiding this comment.
ctas in the all of new sections are missing the center alignment in mobile views
| <div class="blog-preview-card"> | ||
| <div class="blog-preview-meta"> | ||
| <span class="blog-preview-date">{{ page.date | date(format="%B %d, %Y") }}</span> | ||
| {% if page.taxonomies.category %} | ||
| <span class="blog-preview-tag">{{ page.taxonomies.category | first }}</span> | ||
| {% endif %} | ||
| </div> | ||
| <h3><a href="{{ page.permalink }}">{{ page.title }}</a></h3> | ||
| {% if page.description %} | ||
| <p>{{ page.description }}</p> | ||
| {% endif %} | ||
| <a href="{{ page.permalink }}" class="blog-preview-readmore">Read more →</a> | ||
| </div> |
There was a problem hiding this comment.
I would keep the text as is, but make the whole tile clickable, like the single TWIM card above. Or drop the hover animation on the card, which seems inconsistent.
| &:hover { | ||
| border-color: #888; | ||
| } |
| &:hover { | ||
| border-color: #666; | ||
| } |
| </div> | ||
| <div class="feature-item"> | ||
| <h3>Community Powered</h3> | ||
| <p>Built by its community, for its community. An open, transparent project governed by the Matrix.org Foundation—not a corporate walled garden.</p> |
There was a problem hiding this comment.
| <p>Built by its community, for its community. An open, transparent project governed by the Matrix.org Foundation—not a corporate walled garden.</p> | |
| <p>Built by its community, for its community. An open, transparent project governed by The Matrix.org Foundation—not a corporate walled garden.</p> |
this also wraps somewhat unfortunately
|
Converting back to draft after talking internally due to ongoing discussions first :) This will be put on the waitinglist to at least end of april or later. |
3 participants
Description
This is mostly an idea right now. I am not sure if it is actually an improvement. Its a change. Open for opinions. Happy to drop if not the right direction.
Related issues
no idea
Role
Individual or Website & Content WG
Timeline
whenever
Signoff
see commits.