-
Notifications
You must be signed in to change notification settings - Fork 14
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
base: master
Are you sure you want to change the base?
New homepage #626
Conversation
There was a problem hiding this 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"> |
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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"> : Données relatives aux Énergies</span> |
There was a problem hiding this comment.
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 |
There was a problem hiding this comment.
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" |
There was a problem hiding this comment.
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> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<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 |
There was a problem hiding this comment.
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> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<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"> |
There was a problem hiding this comment.
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?
Fixes datagouv/data.gouv.fr#1635