From 019a0115e10e80becfe4715357a01e0a985eeb3e Mon Sep 17 00:00:00 2001 From: Arthur Le Meur Date: Thu, 25 Apr 2024 16:13:57 +0200 Subject: [PATCH] add illustrations & icons --- assets/sass/_custom.sass | 73 +++++++++++++---- content/_index.md | 42 +++++++--- content/igs/A11Y.md | 2 +- content/igs/LCP.md | 2 +- content/images/EDRLAB_ICONE-FB.svg | 1 + content/images/EDRLAB_ICONE-HOME.svg | 1 + content/images/EDRLAB_ICONE-ILLU-MIXTE.svg | 1 + content/images/EDRLAB_ICONE-ILLU-WOM.svg | 1 + content/images/EDRLAB_ICONE-IN.svg | 1 + content/images/EDRLAB_ICONE-LOCATION-BLEU.svg | 1 + content/images/EDRLAB_ICONE-LOCATION.svg | 1 + content/images/EDRLAB_ICONE-MAIL-BLEU.svg | 1 + content/images/EDRLAB_ICONE-MAIL-JAUNE.svg | 1 + content/images/EDRLAB_ICONE-MAIL.svg | 1 + content/images/EDRLAB_ICONE-MONDE-BIG.svg | 1 + content/images/EDRLAB_ICONE-MONDE.svg | 1 + content/images/EDRLAB_ICONE-TEAM.svg | 1 + content/images/EDRLAB_ICONE-TEL.svg | 1 + content/images/EDRLAB_ICONE-WEBINAIRE.svg | 1 + content/images/EDRLAB_ICONE-X.svg | 1 + content/images/arrow-circle.svg | 3 + content/images/earth-icon.svg | 79 +++++++++++++++++++ content/join/index.md | 4 +- layouts/partials/excerpt.html | 8 +- 24 files changed, 200 insertions(+), 29 deletions(-) create mode 100644 content/images/EDRLAB_ICONE-FB.svg create mode 100644 content/images/EDRLAB_ICONE-HOME.svg create mode 100644 content/images/EDRLAB_ICONE-ILLU-MIXTE.svg create mode 100644 content/images/EDRLAB_ICONE-ILLU-WOM.svg create mode 100644 content/images/EDRLAB_ICONE-IN.svg create mode 100644 content/images/EDRLAB_ICONE-LOCATION-BLEU.svg create mode 100644 content/images/EDRLAB_ICONE-LOCATION.svg create mode 100644 content/images/EDRLAB_ICONE-MAIL-BLEU.svg create mode 100644 content/images/EDRLAB_ICONE-MAIL-JAUNE.svg create mode 100644 content/images/EDRLAB_ICONE-MAIL.svg create mode 100644 content/images/EDRLAB_ICONE-MONDE-BIG.svg create mode 100644 content/images/EDRLAB_ICONE-MONDE.svg create mode 100644 content/images/EDRLAB_ICONE-TEAM.svg create mode 100644 content/images/EDRLAB_ICONE-TEL.svg create mode 100644 content/images/EDRLAB_ICONE-WEBINAIRE.svg create mode 100644 content/images/EDRLAB_ICONE-X.svg create mode 100644 content/images/arrow-circle.svg create mode 100644 content/images/earth-icon.svg diff --git a/assets/sass/_custom.sass b/assets/sass/_custom.sass index 18d0d56..999b02c 100644 --- a/assets/sass/_custom.sass +++ b/assets/sass/_custom.sass @@ -36,8 +36,16 @@ body background-color: #edc883 text-decoration: none color: $main-blue + display: flex + align-items: flex-start + gap: 5px &:visited color: $main-blue + svg + width: 20px + height: 20px + margin: 0 + margin-top: 1px .excerpt:has(.communityGroup) display: flex @@ -202,7 +210,9 @@ body font-size: 40px h3 color: $main-blue - font-size: 25px + font-size: 18px + font-weight: bolder + width: 50% .post_link text-decoration: none @@ -230,21 +240,55 @@ body padding: 0.2rem 0.75rem line-height: 1 -.membership_container - position: relative - h3 - font-size: 20px +.membership + &_container + position: relative + display: flex + align-items: center + + h3 + font-size: 18px margin: 0 - p - font-size: 16px - div + + p + font-size: 16px + + .join_button + position: absolute + right: 0 + + figure + scale: 0.5 + + &_icon + width: 40px + margin-right: 10px + margin-left: 0 + + &_earth + width: 150px + + &_section max-width: 75% - border-left: 3px solid $main-blue padding: 5px 10px margin: 20px - .join_button - position: absolute - right: 0 + + &_title + display: flex + align-items: center + margin-left: 0 + padding-left: 0 + +.backhome + &_link + display: flex + width: fit-content + text-decoration: none + gap: 10px + color: $main-blue + &_icon + width: 25px + margin: 0 .post_body:has(#why-should-i-become-a-member) ul list-style: "+ " @@ -277,8 +321,9 @@ td, th border-top: none border-bottom: 2px solid $text-color -tbody tr:nth-child(even) - background-color: +.illustration_home + height: 500px + margin-right: 50px @media screen and (max-width: 900px) .grid-inverse diff --git a/content/_index.md b/content/_index.md index 99deb5a..48b5d79 100644 --- a/content/_index.md +++ b/content/_index.md @@ -8,6 +8,12 @@ tags: ["index"] +
+ + + +
+ # EDRLab EDRLab is a network of professional organizations working in the domain of digital publishing. These organizations are publishers, ebook and audiobook distributors, booksellers, public and national libraries, or developers of reading applications or e-readers. Below are the reasons for such organizations to become membre of EDRLab. @@ -18,28 +24,38 @@ This mini site allows you to browse the list of our current members.
-### ONLINE MEMBER DIRECTORY +
+
+ +

ONLINE MEMBER DIRECTORY

+
Be featured in our newly launched online catalogue, a dedicated page where members can showcase their organization. Update your information to make it your own.
-
- -### COMMUNITY GROUPS +
+
+ +

COMMUNITY GROUPS

+
Enroll in our community groups focusing on key topics like Accessibily or LCP, stay updated and discuss with like--minded professionals.
-
- -### INTERNATIONAL REPRESENTATION +
+
+ +

INTERNATIONAL REPRESENTATION

+
Present your company on an international stage. Have your documentation displayed at major book fairs, including the London Book Faire and the Frankfurt Book Fair.
-
- -### NEWSLETTER SPOTLIGHT +
+
+ +

NEWSLETTER SPOTLIGHT

+
Gain visibility to over 1000 industry professionals. Feature your news in our monthly newsletter.
@@ -48,6 +64,12 @@ Gain visibility to over 1000 industry professionals. Feature your news in our mo
+ + +
+
+
+