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

New homepage #626

Open
wants to merge 15 commits into
base: master
Choose a base branch
from
Open

New homepage #626

wants to merge 15 commits into from

Conversation

nicolaskempf57
Copy link
Contributor

@nicolaskempf57 nicolaskempf57 commented Dec 18, 2024

@nicolaskempf57 nicolaskempf57 changed the title Feat New homepage Dec 27, 2024
Copy link
Contributor

@maudetes maudetes left a comment

Choose a reason for hiding this comment

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

🤩 So nice! Congrats for this work!

Most of my comments are minor :)

{{ label }}
<section class="fr-container--fluid">
<div class="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-12 fr-col-lg-6 fr-pr-md-10w fr-py-4w fr-pt-12w fr-py-md-12w fr-px-md-10w">
Copy link
Contributor

Choose a reason for hiding this comment

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

I think we should have some padding in responsive mode on this section

Copy link
Contributor

Choose a reason for hiding this comment

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

Additionally, I think the different numbers and organizations are a bit spread apart horizontally on my screen

Copy link
Contributor

Choose a reason for hiding this comment

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

Don't forget the changelog ;)

href="{{ url_for('gouvfr.show_page', slug='donnees-energie') }}">
<span aria-hidden="true" class="fr-icon-notification-3-line fr-icon--sm fr-mr-1w"></span>
<span class="fr-text--bold fr-mb-0">{{ _('Right now') }}</span>
<span class="text-overflow-ellipsis">&nbsp;: Données relatives aux Énergies</span>
Copy link
Contributor

Choose a reason for hiding this comment

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

Ahaha we'll still need a release to update these for now 😛

<figcaption class="subtitle subtitle--uppercase text-mention-grey">
{{_('datasets')}}
</figcaption>
<img
Copy link
Contributor

Choose a reason for hiding this comment

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

This image doesn't seem to work

</figcaption>
<img
class="mw-100"
srcset="{{theme_static('img/homepage/reuses.png')}}, {{theme_static('img/homepage/[email protected]')}} 2x, {{theme_static('img/homepage/[email protected]')}} 3x"
Copy link
Contributor

Choose a reason for hiding this comment

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

I think the default reuses.png is loaded on my desktop env and not the bigger ones?

<div class="fr-grid-row fr-grid-row--gutters">
<div class="fr-col-12 fr-col-sm-6 fr-col-lg-4 fr-pl-md-5v">
<span class="fr-mt-1v fr-icon-search-line" aria-hidden="true"></span>
<p class="fr-mt-1w fr-mb-1v">{{_('Ease data discoverability')}}</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<p class="fr-mt-1w fr-mb-1v">{{_('Ease data discoverability')}}</p>
<p class="fr-mt-1w fr-mb-1v">{{_('Facilitate data discoverability')}}</p>

<div class="fr-card__body">
<div class="fr-card__content fr-px-2w fr-pt-2w fr-pb-0">
<h5 class="fr-card__title subtitle subtitle--uppercase fr-text--sm text-grey-300 fr-m-0">
Explorateur de données de valeurs foncières
Copy link
Contributor

Choose a reason for hiding this comment

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

We don't want to translate the product name (same for annuaire)?

<section>
<h3 class="fs-xxxl font-800">{{_('Simplify access to public data')}}</h3>
<p class="fr-mb-3w fs-xxxl line-height-xxxl text-grey-200 font-300">{{_('The opening and circulation of public data strengthen transparency, improve public action, and allow for the creation of new services.')}}</p>
<p class="fr-mb-4w fs-xxxl line-height-xxxl text-grey-200 font-300">{{_('{site} provides access to this information by organizing its dissemination and use.'.format(site=config.SITE_TITLE))}}</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<p class="fr-mb-4w fs-xxxl line-height-xxxl text-grey-200 font-300">{{_('{site} provides access to this information by organizing its dissemination and use.'.format(site=config.SITE_TITLE))}}</p>
<p class="fr-mb-4w fs-xxxl line-height-xxxl text-grey-200 font-300">{{_('{site} makes this information available by organizing its distribution and use.'.format(site=config.SITE_TITLE))}}</p>

</div>
</section>
<section class="relative z-2 fr-container--fluid">
<div class="fr-grid-row fr-grid-row--gutters">
Copy link
Contributor

Choose a reason for hiding this comment

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

I think the two div should be switched to display the image on the left?

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.

Quick fixes sur la nouvelle homepage
2 participants