up excerpt & igs

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

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.

content/igs/LCP.md

@@ -1,12 +1,12 @@
 ---
-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"]
 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
 ---

layouts/partials/excerpt.html

@@ -1,20 +1,27 @@
 <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">
         {{- partial "image" (dict "file" . "alt" $.Title "type" "thumbnail" "Page" $.Page ) }}
       </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>