feat(references): Format references on posts

Author: jeanjerome

_plugins/reference-tag.rb

@@ -0,0 +1,68 @@
+module Jekyll
+  class ReferenceTag < Liquid::Tag
+    def initialize(tag_name, markup, tokens)
+      super
+      @params = parse_params(markup)
+    end
+
+    def parse_params(markup)
+      params = {}
+      markup.scan(/(\w+)\s*=\s*"([^"]*)"/) do |key, value|
+        params[key] = value
+      end
+      params
+    end
+
+    def render(context)
+      type = @params["type"] || "book"
+      image = @params["image"] || ""
+      title = @params["title"] || ""
+      author = @params["author"] || ""
+      summary = @params["summary"] || ""
+      collection = @params["collection"] || ""
+      publisher = @params["publisher"] || ""
+      date = @params["date"] || ""
+      pages = @params["pages"] || ""
+      format = @params["format"] || ""
+      language = @params["language"] || ""
+      isbn = @params["isbn"] || ""
+
+      if type == "book"
+        render_book(image, title, author, collection, publisher, date, pages, format, language, isbn)
+      elsif type == "author"
+        render_author(image, title, summary)
+      else
+        "<p>Type inconnu</p>"
+      end
+    end
+
+    def render_book(image, title, author, collection, publisher, date, pages, format, language, isbn)
+      <<~HTML
+      <div class="reference">
+        <img src="#{image}" alt="#{title}" class="reference-image">
+        <div class="reference-details">
+          <div class="reference-title"><i>#{title}</i></div>
+          <p><strong>#{author}</strong></p>
+          <p><i>#{[collection, publisher].reject(&:empty?).join(", ")}</i></p>
+          <p>#{[date, ("#{pages} pages" unless pages.empty?), format, language].reject(&:empty?).join(", ")}</p>
+          <p>#{isbn.empty? ? "" : "ISBN: #{isbn}"}</p>
+        </div>
+      </div>
+      HTML
+    end  
+
+    def render_author(image, name, bio)
+      <<~HTML
+      <div class="reference">
+        <img src="#{image}" alt="#{name}" class="reference-image">
+        <div class="reference-details">
+          <div class="reference-title">#{name}</div>
+          <p><i>#{bio}</i></p>
+        </div>
+      </div>
+      HTML
+    end
+  end
+end
+
+Liquid::Template.register_tag('reference', Jekyll::ReferenceTag)

_posts/2025-01-31-edgar-morin-devops-complexity-thinking.markdown

@@ -185,6 +185,6 @@ En appliquant les enseignements d’Edgar Morin sur la pensée complexe, nous po
 
 ## *Références*  
 
-- **Edgar Morin**, [*Introduction à la pensée complexe*](https://www.editionspoints.com/ouvrage/introduction-a-la-pensee-complexe-edgar-morin/9782757842003){:target="_blank" rel="noopener noreferrer nofollow"}, Éditions **Points**, Collection **Points Essais**, 2014, 160 pages.  
-  - **EAN** : 9782757842003  
-  - **Format** : Broché (Poche)  
+{% reference type="book" image="/assets/img/introduction-a-la-pensee-complexe-edgar-morin.jpg" title="Introduction à la pensée complexe" author="Edgar Morin" collection="Collection Points Essais" publisher="Éditions Points" date="2014" pages="160" format="Broché (Poche)" isbn="978-2757842003" %}
+
+{% reference type="author" image="/assets/img/edgar-morin.jpg" title="Edgar Morin" summary="Philosophe et sociologue français, né à Paris en 1921 sous le nom d'Edgar Nahoum, dans une famille d'origine juive grecque de Salonique, il prend le pseudonyme de Morin en 1942 en rejoignant la résistance communiste. L'année suivante, il devient commandant des Forces françaises combattantes. Après la guerre, il s’éloigne du Parti communiste et intègre le CNRS en 1950. Directeur de recherche émérite, docteur honoris causa de vingt-sept universités à travers le monde, il est l’auteur d’une œuvre transdisciplinaire abondamment commentée et traduite, dont l’ambitieuse Méthode, en six tomes, publiée au Seuil." %}

_posts/en/2025-01-31-edgar-morin-devops-complexity-thinking.markdown

@@ -185,6 +185,8 @@ By applying Edgar Morin’s insights on complexity thinking, we can strengthen D
 
 ## *References*  
 
-- **Edgar Morin**, [*Introduction à la pensée complexe*](https://www.editionspoints.com/ouvrage/introduction-a-la-pensee-complexe-edgar-morin/9782757842003){:target="_blank" rel="noopener noreferrer nofollow"}, **Points** Editions, **Points Essais** Collection, 2014, 160 pages.  
-  - **EAN**: 9782757842003  
-  - **Format**: Paperback (Pocket Edition)  
+{% reference type="book" image="/assets/img/introduction-a-la-pensee-complexe-edgar-morin.jpg" title="Introduction à la pensée complexe" author="Edgar Morin" collection="Collection Points Essais" publisher="Éditions Points" language="French" date="2014" pages="160" format="Paperback" isbn="978-2757842003" %}
+
+{% reference type="book" image="/assets/img/on-complexity.jpg" title="On Complexity" author="Edgar Morin" publisher="Hampton Press" language="English" format="Paperback" date="2008" pages="127" isbn="978-1572738010" %}
+
+{% reference type="author" image="/assets/img/edgar-morin.jpg" title="Edgar Morin" summary="French philosopher and sociologist, born in Paris in 1921 under the name Edgar Nahoum, into a family of Greek Jewish origin from Salonika. He adopted the pseudonym Morin in 1942 when he joined the communist resistance. The following year, he became a commander of the Fighting French Forces. After the war, he distanced himself from the Communist Party and joined the CNRS in 1950. As an emeritus research director and honorary doctor of twenty-seven universities worldwide, he is the author of a widely commented and translated transdisciplinary work, including the ambitious Method, a six-volume series published by Seuil." %}

_sass/_premonition.scss

@@ -269,3 +269,39 @@ $svg-citation-color: "495057";
   }
 
 }
+
+// Reference
+.reference {
+  display: flex;
+  align-items: flex-start;
+  gap: 20px;
+  margin: 20px 0;
+  color: (--emphasis-color);
+  background-color: var(--inset-background);
+  padding: 15px;
+  border-radius: 10px;
+}
+
+.reference-image {
+  width: 120px;
+  height: auto;
+  border-radius: 5px;
+  object-fit: contain;
+  margin-top: 5px;
+}
+
+.reference-title {
+  font-size: 1.4em;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.reference-details {
+  flex-grow: 1;
+}
+
+.reference-details p {
+  margin: 4px 0;
+  line-height: 1.6;
+}
+