support for image-process added to cover images

Author: arulrajnet

pyproject.toml

@@ -38,6 +38,7 @@ classifiers = [
 
 dependencies = [
     "pelican == 4.10.2",
+    "pelican-image-process == 3.0.4",
     "pelican-minify == 2.0.0",
     "pelican-neighbors == 1.2.0",
     "pelican-related-posts == 1.0.0",

templates/archives.html

@@ -39,7 +39,11 @@
         <h1 class="post-title">{{ current_display_title }}</h1>
         {% if selected_cover %}
           <div class="post-cover cover">
-            <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% if "image_process" is plugin_enabled %}
+              <img class="image-process-large-photo" src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% else %}
+              <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% endif %}
           </div>
         {% elif selected_color %}
           <div class="post-cover cover" style="background-color: {{ selected_color }}">

templates/article.html

@@ -127,7 +127,11 @@ <h4 class="post-meta-author">
         </div>
         {% if selected_cover %}
           <div class="post-cover cover">
-            <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% if "image_process" is plugin_enabled %}
+              <img class="image-process-large-photo" src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% else %}
+              <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% endif %}
           </div>
         {% elif selected_color %}
           <div class="post-cover cover" style="background-color: {{ selected_color }}">

templates/author.html

@@ -108,7 +108,11 @@ <h2 class="archive-title">{{author_name}}</h2>
         </div>
         {% if selected_cover %}
           <div class="blog-cover cover">
-            <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% if "image_process" is plugin_enabled %}
+              <img class="image-process-large-photo" src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% else %}
+              <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% endif %}
           </div>
         {% elif selected_color %}
           <div class="blog-cover cover" style="background-color: {{ selected_color }}"></div>

templates/authors.html

@@ -39,7 +39,11 @@
         <h1 class="post-title">{{ current_display_title }}</h1>
         {% if selected_cover %}
           <div class="post-cover cover">
-            <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% if "image_process" is plugin_enabled %}
+              <img class="image-process-large-photo" src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% else %}
+              <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% endif %}
           </div>
         {% elif selected_color %}
           <div class="post-cover cover" style="background-color: {{ selected_color }}">

templates/categories.html

@@ -39,7 +39,11 @@
         <h1 class="post-title">{{ current_display_title }}</h1>
         {% if selected_cover %}
           <div class="post-cover cover">
-            <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% if "image_process" is plugin_enabled %}
+              <img class="image-process-large-photo" src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% else %}
+              <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% endif %}
           </div>
         {% elif selected_color %}
           <div class="post-cover cover" style="background-color: {{ selected_color }}">

templates/category.html

@@ -67,7 +67,11 @@ <h2 class="archive-title">{{category.name | title}}</h2>
 
         {% if selected_cover %}
           <div class="blog-cover cover">
-            <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% if "image_process" is plugin_enabled %}
+              <img class="image-process-large-photo" src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% else %}
+              <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% endif %}
           </div>
         {% elif selected_color %}
           <div class="blog-cover cover" style="background-color: {{ selected_color }}">

templates/index.html

@@ -42,7 +42,11 @@ <h1 class="blog-name">{{ SITENAME }}</h1>
 
         {% if selected_cover %}
           <div class="blog-cover cover">
-            <img src="{{ selected_cover }}" alt="{{current_title}}" />
+            {% if "image_process" is plugin_enabled %}
+              <img class="image-process-large-photo" src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% else %}
+              <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% endif %}
           </div>
         {% elif selected_color %}
           <div class="blog-cover cover" style="background-color: {{ selected_color }}">

templates/page.html

@@ -53,7 +53,11 @@
         <h1 class="post-title">{{ current_title }}</h1>
         {% if selected_cover %}
           <div class="post-cover cover">
-            <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% if "image_process" is plugin_enabled %}
+              <img class="image-process-large-photo" src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% else %}
+              <img src="{{ selected_cover }}" alt="{{ current_title }}" />
+            {% endif %}
           </div>
         {% elif selected_color %}
           <div class="post-cover cover" style="background-color: {{ selected_color }}">

templates/period_archives.html

@@ -33,7 +33,11 @@
         <h1 class="post-title">Archives for {{ period | reverse | join (' ') }}</h1>
         {% if selected_cover %}
           <div class="post-cover cover">
-            <img src="{{ selected_cover }}" alt="Archives for {{ period | reverse | join (' ') }}" />
+            {% if "image_process" is plugin_enabled %}
+              <img class="image-process-large-photo" src="{{ selected_cover }}" alt="Archives for {{ period | reverse | join (' ') }}" />
+            {% else %}
+              <img src="{{ selected_cover }}" alt="Archives for {{ period | reverse | join (' ') }}" />
+            {% endif %}
           </div>
         {% elif selected_color %}
           <div class="post-cover cover" style="background-color: {{ selected_color }}">