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.

Sign up for GitHub

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

Add reuse Lab-LEX report #285

Merged
merged 6 commits into from
Dec 8, 2023
Merged

Add reuse Lab-LEX report #285

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
41710b6
Add Lab-LEX reuse
clementbiron Dec 6, 2023
97eafb1
Remove unecessary class
clementbiron Dec 8, 2023
76cb4cb
Add missing uniq key prop to fix warning
clementbiron Dec 8, 2023
4953af1
Improve wording
clementbiron Dec 8, 2023
26745b8
Translate into French
MattiSG Dec 8, 2023
e249db5
Use punchier images
clementbiron Dec 8, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions locales/en/homepage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,9 @@
"reuses.tosdr.author": "ToS;DR",
"reuses.tosdr.subtitle": "Lets users collaboratively rate how respectful terms of services are of their rights.",
"reuses.tosdr.title": "Terms of Service; Didn’t Read",
"reuses.report-lab-lex.author": "Lab-LEX",
clementbiron marked this conversation as resolved.
Show resolved Hide resolved
"reuses.report-lab-lex.title": "Governance and regulation of social media",
clementbiron marked this conversation as resolved.
Show resolved Hide resolved
"reuses.report-lab-lex.subtitle": "Exploratory study of the evolution of social media terms of use and their impact on human rights.",
clementbiron marked this conversation as resolved.
Show resolved Hide resolved
"seo.desc": "We track every change to terms of services to shift the power balance from big tech towards end users.",
"seo.title": "Open Terms Archive",
"what_it_is": "Open Terms Archive publicly records every version of the terms of digital services to enable democratic oversight.",
Expand Down
3 changes: 3 additions & 0 deletions locales/fr/homepage.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,9 @@
"reuses.tosdr.author": "ToS;DR",
"reuses.tosdr.subtitle": "Permet aux utilisateurs de donner collaborativement une note aux conditions d’utilisation selon le respect de leurs droits.",
"reuses.tosdr.title": "Terms of Service; Didn’t Read",
"reuses.report-lab-lex.author": "Lab-LEX",
"reuses.report-lab-lex.title": "Gouvernance et régulation des réseaux sociaux",
"reuses.report-lab-lex.subtitle": "Étude exploratoire sur l’évolution des conditions d’utilisation des reseaux sociaux et leur impact sur les droits de l’homme.",
MattiSG marked this conversation as resolved.
Show resolved Hide resolved
"seo.desc": "Suivre les engagements contractuels des principaux fournisseurs de services en ligne",
"seo.title": "Open Terms Archive",
"what_it_is": "Open Terms Archive enregistre publiquement chaque version des conditions d'utilisation des services en ligne pour en permettre le contrôle démocratique.",
Expand Down
Binary file added public/images/reuses/report-lab-lex-en.png
View file
Open in desktop
Copy link
Member

Choose a reason for hiding this comment

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

I had in mind to use the bright color cover, as it is more recognisable and graphically more pleasing. Most of our reuses images are already text excerpts.

image

If possible, an assemblage with the affiliation logos would be very welcome:
image

Copy link
Member Author

Choose a reason for hiding this comment

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

That's exactly what I did first ^^ but I changed for the current thumbnail to harmonise the rendering and because it requires some CSS adaptations to not crop the text on the image.
image

Copy link
Member

Choose a reason for hiding this comment

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

I prefer that one so much!!

Copy link
Member

Choose a reason for hiding this comment

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

Please please please can we have that one? 🙏

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/reuses/report-lab-lex-fr.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/modules/Common/components/Card.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,7 @@
font-weight: 300;
width: 100%;
height: 16rem;
text-align: center;
}

display: flex;
Expand Down
2 changes: 1 addition & 1 deletion src/modules/Common/components/Distinctions.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const Distinctions: React.FC<DistinctionsProps> = ({ children, className, ...pro
<div className={classNames(s.distinctions, className)} {...props}>
{Object.entries(distinctionsData).map(([name, data]) => {
return (
<a href={data.link} target="_blank" rel="noopener" className={s.distinction}>
<a href={data.link} target="_blank" rel="noopener" className={s.distinction} key={name}>
<div className={s.distinction_img}>
<img src={`/images/distinctions/${slugify(name, { lower: true })}.png`} alt="" />
</div>
Expand Down
18 changes: 16 additions & 2 deletions src/pages/homepage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,15 +146,25 @@ const HomePage = () => {
<Container gray={true} layout="wide" paddingX={false} paddingTop={false} id="reuses">
<Container gridCols="12" gridGutters="11">
<CardList title={t('homepage:reuses.title')} subtitle={t('homepage:reuses.subtitle')}>
<Card
image={`/images/reuses/report-lab-lex-${router?.locale}.png`}
title={t('homepage:reuses.report-lab-lex.title')}
subtitle={t('homepage:reuses.report-lab-lex.subtitle')}
author={t('homepage:reuses.report-lab-lex.author')}
link="https://grsomedia.wordpress.com/2023/10/10/publication-du-rapport-les-conditions-dutilisation-des-reseaux-sociaux-et-leur-impact-sur-les-droits-de-lhomme/"
center={true}
white={true}
key={t('homepage:reuses.report-lab-lex.title')}
/>
<Card
image={`/images/reuses/memos-elections-${router?.locale}.png`}
className="text__center"
title={t('homepage:reuses.memos-elections-fr.title')}
subtitle={t('homepage:reuses.memos-elections-fr.subtitle')}
author={t('homepage:reuses.memos-elections-fr.author')}
link="https://www.reset.tech/resources/memos-on-platforms-behaviour-during-the-2022-french-elections/"
center={true}
white={true}
key={t('homepage:reuses.memos-elections-fr.title')}
/>
<Card
image="/images/reuses/tosdr.jpg"
Expand All @@ -164,6 +174,7 @@ const HomePage = () => {
link="https://tosdr.org"
center={true}
white={true}
key={t('homepage:reuses.tosdr.title')}
/>
<Card
image="/images/reuses/readability.jpg"
Expand All @@ -173,6 +184,7 @@ const HomePage = () => {
link="https://disinfo.quaidorsay.fr/en/open-terms-archive/experiments"
center={true}
white={true}
key={t('homepage:reuses.readability.title')}
/>
<Card
image="/images/reuses/scripta-manent.jpg"
Expand All @@ -182,6 +194,7 @@ const HomePage = () => {
link="https://disinfo.quaidorsay.fr/fr/open-terms-archive/scripta-manent"
center={true}
white={true}
key={t('homepage:reuses.scripta_manent.title')}
/>
<Card
image="/images/reuses/tosback.jpg"
Expand All @@ -191,15 +204,16 @@ const HomePage = () => {
link="https://tosback.org/"
center={true}
white={true}
key={t('homepage:reuses.tosback.title')}
/>
<Card
isPlaceholder={true}
className="text__center"
title={t('homepage:reuses.new_reuse.title')}
subtitle={t('homepage:reuses.new_reuse.subtitle')}
link="mailto:[email protected]"
center={true}
white={true}
key={t('homepage:reuses.new_reuse.title')}
/>
</CardList>
</Container>
Expand Down