Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Brand new frontpage #1554

Merged
merged 40 commits into from Jan 25, 2023
Merged

Brand new frontpage #1554

merged 40 commits into from Jan 25, 2023

Conversation

thibaultamartin
Copy link
Contributor

@thibaultamartin thibaultamartin commented Nov 5, 2022

Left to do:

  • Use case personal messaging
    • Take a screenshot of the same conversation on Element iOS and FluffyChat on Android
    • Display them horizontally aligned on desktop, vertically aligned on mobile
  • Use case community
    • Take a screenshot of Cinny on desktop and FluffyChat on Android. FluffyChat displays all the rooms in the space. Cinny displays the timeline of one of the rooms visible in the FluffyChat screenshot
    • Display them horizontally aligned on desktop, vertically aligned on mobile
  • Use case complex apps
    • Showcase Element Call and Thirdroom?
  • Learn how it works
    • Create a SVG of several clients connected to different homeservers, and animate the transmission of events between them. Most homeservers are connected to the public federation, some are in private federation
      • 1 client sending an event, the event propagates to another client on the same homeserver
      • 1 client sending an event, the event propagates to another client on a different homeserver
      • 1 client sending an event, the event propagates clients on the same homeserver and some clients on different homeservers
  • Sponsors
    • Make sure we have an up to date list of corporate sponsors
    • Link to individual sponsors page as well?

@thibaultamartin thibaultamartin marked this pull request as draft November 5, 2022 18:52
@thibaultamartin
Copy link
Contributor Author

This is how the basic layout looks like on desktop

Screen.Recording.2022-11-05.at.22.02.52.mov

and this is how it looks like on mobile

Screen.Recording.2022-11-05.at.22.03.39.mov

Obvious problems:

  • On mobile the background of the first section looks bad, the white lines are getting on the text. Maybe offset the background on mobile to get less lines?
  • The symbol is a hack and should be replaced by a proper image
  • In the second section, when "Lorem" and "Ipsum" are replaced with actual (tall) screenshots, they overflow beyond their (grand)parent's size. I'm not really sure how to make them shrink to fit
  • On Firefox, when using the mouse wheel it's not possible to reach the footer. Scrolling with a touchpad works. On Safari it's the opposite.

@thibaultamartin
Copy link
Contributor Author

This is how it looks like so far

image

@thibaultamartin
Copy link
Contributor Author

Left to do: use the mobile backgrounds on mobile (which will be handed by design on Monday 23).

@thibaultamartin thibaultamartin marked this pull request as ready for review January 23, 2023 14:15
templates/index.html Outdated Show resolved Hide resolved
sass/_index.scss Outdated Show resolved Hide resolved
sass/_index.scss Outdated

h2 {
color: #fff;
font-size: 40px;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would probably declare this relative to the parent, but not super important.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure which part would be relative to the parent :) ?
Do you mean the font-size, in (r)em instead of px?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, I mean having font-sizes (except at the root) in % or em.

sass/_index.scss Outdated Show resolved Hide resolved
sass/_index.scss Show resolved Hide resolved
@thibaultamartin thibaultamartin merged commit 2e30727 into zola Jan 25, 2023
@thibaultamartin thibaultamartin deleted the zola-new-frontpage branch January 25, 2023 12:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants