From de9a6c6b7df7bc0935b8486d7e1e70521be53ad6 Mon Sep 17 00:00:00 2001
From: Arthur Le Meur <arthur@edrlab.org>
Date: Mon, 22 Apr 2024 15:28:31 +0200
Subject: [PATCH] up excerpt & igs

---
 assets/sass/_custom.sass      | 51 +++++++++++++++++++++++++++++------
 content/igs/A11Y.md           |  6 ++---
 content/igs/LCP.md            |  4 +--
 layouts/partials/excerpt.html | 18 ++++++++-----
 4 files changed, 60 insertions(+), 19 deletions(-)

diff --git a/assets/sass/_custom.sass b/assets/sass/_custom.sass
index 7e7e39f..9f841a4 100644
--- a/assets/sass/_custom.sass
+++ b/assets/sass/_custom.sass
@@ -11,16 +11,41 @@ body
     background: white
 
 .excerpt
-    display: grid
-    grid-template-columns: repeat(2, 1fr)
+    display: flex
     overflow: auto
+    position: relative
+    gap: 20px
+
+
+.excerpt_footer
+    width: 100%
+    flex: 2
+    h3
+        font-weight: bold
+        color: $main-blue
+        font-size: 35px
+    &_title
+        display: flex
+        align-items: center
+        justify-content: space-between
+
+.member_site
+    font-size: 18px
+    padding: 5px 15px
+    border-radius: 25px
+    background-color: #edc883
+    text-decoration: none
+    color: $main-blue
+    &:visited
+        color: $main-blue
 
 .excerpt:has(.communityGroup)
     display: flex
     flex-direction: column
     align-items: center
-    justify-content: center
-    background-color: var(--haze)
+    justify-content: flex-end
+    background-color: $text-color
+    border-radius: 50px
 
 .excerpt:has(.communityGroup) .excerpt_header,
 .excerpt:has(.communityGroup) .excerpt_footer .pale
@@ -29,16 +54,22 @@ body
     align-items: center
     justify-content: center
 
+.excerpt:has(.communityGroup) .excerpt_footer
+    a
+        max-width: 80%
+        text-align: left
+
 .excerpt:has(.communityGroup) .excerpt_footer .pale a
     display: none
 
 
 .excerpt:has(.communityGroup) .excerpt_header h3
     font-size: 200%
-    background
+
 
 .communityGroup
-    color: #0077b8!important
+    color: $main-blue!important
+    font-weight: bold
     text-align: center
     background-color: inherit
 
@@ -84,7 +115,7 @@ body
         padding: 1rem
         box-shadow: unset
     
-.join_button, .become_member
+.join_button, .become_member, .excerpt_more
     color: white!important
     text-decoration: none
     background-color: $orange-color
@@ -94,6 +125,10 @@ body
     margin: 30px auto
     font-size: 20px
     text-align: center 
+    transition: 300ms
+    border: none
+    &:hover
+        border: none
     &:visited
         color: white!important
 
@@ -245,7 +280,7 @@ td, th
     border-bottom: 2px solid $text-color
 
 tbody tr:nth-child(even)
-    background-color: white
+    background-color: 
 
 @media screen and (max-width: 900px)
     .grid-inverse
diff --git a/content/igs/A11Y.md b/content/igs/A11Y.md
index ee782b9..2c02311 100644
--- a/content/igs/A11Y.md
+++ b/content/igs/A11Y.md
@@ -7,12 +7,12 @@ layout: definitions
 showReadTime: false
 showDate: false
 member_url: https://www.edrlab.org/accessibility/
-featureImage: "https://www.edrlab.org/wp-content/uploads/2016/12/edrlab_mea_accessibilite.png"
+# featureImage: "https://www.edrlab.org/wp-content/uploads/2016/12/edrlab_mea_accessibilite.png"
 weight: 1
 ---
-<!-- 
+
 Accessibility is becoming increasingly important in the publishing industry. Thanks to the opportunities offered by new standards and digital reading technologies a new paradigm is emerging: produce accessible publications and distribute them through traditional distribution channels, so that people with print disabilities can enjoy reading and benefit from the same opportunities and choice as any other reader.
 
 New European and international legislative frameworks are reinforcing the demand for accessible content, not only by encouraging the production of digital accessible books, but also by requiring that the whole value chain (retailers, e-commerce sites, hardware and software, online platforms, DRM solutions, etc.) embrace accessibility. In particular, the recently approved European Accessibility Act invites the entire digital publishing industry to become accessible to disabled and elderly people.
 
-There are already several interest groups working on the implementation of the EU Accessibility Act, but the constitution of the EDRLab membership and the technical expertise of the EDRLab team paves the way for interesting studies on specific topics. -->
+There are already several interest groups working on the implementation of the EU Accessibility Act, but the constitution of the EDRLab membership and the technical expertise of the EDRLab team paves the way for interesting studies on specific topics.
diff --git a/content/igs/LCP.md b/content/igs/LCP.md
index b6b9013..daaa0e2 100644
--- a/content/igs/LCP.md
+++ b/content/igs/LCP.md
@@ -1,5 +1,5 @@
 ---
-title: "Licensed Content Protection (Readium LCP) communitygroup"
+title: "Licensed Content Protection (Readium LCP) community group"
 description: "Readium LCP is a recent passphrase-based rights management solution, with support for different business models including library lending and bookstore sales. This is a simple but reliable solution for distributing protected content, based on rock solid encryption algorithms and classical PKI techniques."
 date: "2019-02-28"
 ig: ["LCP"]
@@ -7,6 +7,6 @@ layout: definitions
 showReadTime: false
 showDate: false
 member_url: https://www.edrlab.org/readium-lcp/
-featureImage: "https://www.edrlab.org/wp-content/uploads/2016/12/edrlab_mea_readium-lcp3.png"
+# featureImage: "https://www.edrlab.org/wp-content/uploads/2016/12/edrlab_mea_readium-lcp3.png"
 weight: 1
 ---
\ No newline at end of file
diff --git a/layouts/partials/excerpt.html b/layouts/partials/excerpt.html
index e6c5aaa..a0ae32e 100644
--- a/layouts/partials/excerpt.html
+++ b/layouts/partials/excerpt.html
@@ -1,13 +1,12 @@
 <li class="post_item">
   <div class="excerpt">
+    {{- if .Params.featureImage }}
     <div class="excerpt_header">
-      <h3 class="post_link">
-        <a {{ if or (in .Params.title "group") }}class="post_link communityGroup"{{ else }}class="post_link"{{ end }} href="{{ .Permalink }}" title="{{ .Title | markdownify }}">{{ .Title | markdownify }}</a>
-      </h3>
-      {{ partial "post-meta" . }}
-      <br/>
       <img src="{{ .Params.featureImage }}" alt="" class="image_excerpt">
     </div>
+    {{ else }}
+    <span></span>
+    {{ end }}
     {{- with .Params.thumbnail }}
     <div class="excerpt_footer partition">
       <div class="excerpt_thumbnail">
@@ -15,6 +14,14 @@ <h3 class="post_link">
       </div>
       {{ else }}
       <div class="excerpt_footer">
+        <div class="excerpt_footer_title">
+          <h3 class="post_link">
+            <a {{ if or (in .Params.title "group") }}class="post_link communityGroup"{{ else }}class="post_link"{{ end }} href="{{ .Permalink }}" title="{{ .Title | markdownify }}">{{ .Title | markdownify }}</a>
+          </h3>
+          <a href="{{ .Params.member_url }}" class="member_site">SITE</a>
+        </div>
+        {{ partial "post-meta" . }}
+        <br/>
         {{- end }}
         <div class="pale">
           {{- $summary := truncate 320 .Summary }}
@@ -28,7 +35,6 @@ <h3 class="post_link">
           {{ else }}
             {{ $summary | markdownify }}
           {{ end }}
-          <p></p><a href="{{ .Params.member_url }}">{{ .Params.title }} webpage</a>
           {{- $r := T "read_more" }}</p>
           <a href="{{ .Permalink }}" title="{{ $r }}" class="excerpt_more button">{{ $r }}</a>
         </div>