feat(article): make article subtitle italic

fix #284
Pelican-Elegant · Jul 5, 2019 · 7ca7331 · 7ca7331
1 parent e1429c5
commit 7ca7331
Show file tree

Hide file tree

Showing 8 changed files with 60 additions and 9 deletions.
diff --git a/documentation/content/images/elegant-theme_article-subtitle-hyphen.png b/documentation/content/images/elegant-theme_article-subtitle-hyphen.png
diff --git a/documentation/content/images/elegant-theme_article-subtitle.png b/documentation/content/images/elegant-theme_article-subtitle.png
diff --git a/static/css/elegant.css b/static/css/elegant.css
@@ -71,7 +71,9 @@ a {
 hr {
   border-width: 3px;
 }
-
+small.subtitle {
+  font-style: italic;
+}
 /* site title */
 .site-name {
   font-family: "Monaco", "Inconsolata", "Andale Mono", "Lucida Console",

diff --git a/templates/archives.html b/templates/archives.html
@@ -57,8 +57,17 @@ <h2 id="{{year }}"><a href="#{{year}}">{{ year }}</a></h2>
                     {% endif %}
                 {% endif %}
 
-                <a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }} {%if article.subtitle %} <small> {{ article.subtitle }} </small> {% endif %} </a>
-                <time itemprop="dateCreated" datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time>
+                <a href="{{ SITEURL }}/{{ article.url }}">
+                    {{ article.title }}
+                    {%if article.subtitle %}
+                    <small class="subtitle">
+                        {{ article.subtitle }}
+                    </small>
+                    {% endif %}
+                </a>
+                <time itemprop="dateCreated" datetime="{{ article.date.isoformat() }}">
+                    {{ article.locale_date }}
+                </time>
                 </article>
             {% endfor %}
         </div>

diff --git a/templates/article.html b/templates/article.html
@@ -32,7 +32,16 @@
 <article itemscope>
 <div class="row-fluid">
     <header class="page-header span10 offset2">
-    <h1><a href="{{ SITEURL }}/{{ article.url }}"> {{ article.title }} {%if article.subtitle %} <small> {{ article.subtitle }} </small> {% endif %} </a></h1>
+        <h1>
+            <a href="{{ SITEURL }}/{{ article.url }}">
+                {{ article.title }}
+                {%if article.subtitle %}
+                <small class="subtitle">
+                    {{ article.subtitle }}
+                </small>
+                {% endif %}
+            </a>
+        </h1>
     </header>
 </div>
 
@@ -80,7 +89,7 @@ <h1>{{ title }}</h1>
                     {% set ptitle = article.prev_article.title|striptags|e %}
                     {% set pv_title = article.prev_article.title|striptags %}
                     {%if article.prev_article.subtitle %}
-                        {% set pv_title = pv_title + ' ' +  '<small>' + article.prev_article.subtitle|striptags + '</small>' %}
+                    {% set pv_title = pv_title + ' ' +  '<small classs="subtitle">' + article.prev_article.subtitle|striptags + '</small>' %}
                         {% set ptitle = ptitle + ' - ' + article.prev_article.subtitle|e %}
                     {% endif %}
                 <li class="previous-article">« <a href="{{ SITEURL }}/{{ article.prev_article.url }}" title="Previous: {{ ptitle }}">{{ pv_title }}</a></li>
@@ -89,7 +98,7 @@ <h1>{{ title }}</h1>
                     {% set ntitle = article.next_article.title|striptags|e %}
                     {% set nv_title = article.next_article.title|striptags %}
                     {%if article.next_article.subtitle %}
-                        {% set nv_title = nv_title + ' ' +  '<small>' + article.next_article.subtitle|striptags + '</small>' %}
+                    {% set nv_title = nv_title + ' ' +  '<small class="subtitle">' + article.next_article.subtitle|striptags + '</small>' %}
                         {% set ntitle = ntitle + ' - ' + article.next_article.subtitle|e %}
                     {% endif %}
                 <li class="next-article"><a href="{{ SITEURL }}/{{ article.next_article.url }}" title="Next: {{ ntitle }}">{{ nv_title }}</a> »</li>

diff --git a/templates/categories.html b/templates/categories.html
@@ -52,7 +52,19 @@ <h1><a href="{{ SITEURL }}/{{ CATEGORIES_URL|default('categories') }}">All Categ
                     <div class="accordion-inner">
                         <ul class="list-articles-category">
                             {% for article in articles %}
-                            <li itemscope><time itemprop="dateCreated" datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }} {%if article.subtitle %} <small> {{ article.subtitle }} </small> {% endif %} </a></li>
+                            <li itemscope>
+                                <time itemprop="dateCreated" datetime="{{ article.date.isoformat() }}">
+                                    {{ article.locale_date }}
+                                </time>
+                                    <a href="{{ SITEURL }}/{{ article.url }}">
+                                        {{ article.title }}
+                                        {%if article.subtitle %}
+                                        <small class="subtitle">
+                                            {{ article.subtitle }}
+                                        </small>
+                                        {% endif %}
+                                    </a>
+                            </li>
                             {% endfor %}
                         </ul>
                     </div>

diff --git a/templates/index.html b/templates/index.html
@@ -101,7 +101,14 @@ <h1 id="recent-posts">Recent Posts <a id="allposts" href="{{ SITEURL }}/{{ ARCHI
             {% from '_includes/_defaults.html' import RECENT_ARTICLES_COUNT with context %}
             {% if loop.index0 < RECENT_ARTICLES_COUNT %}
             <article itemscope>
-                <a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }} {%if article.subtitle %} <small> {{ article.subtitle }} </small> {% endif %} </a>
+                <a href="{{ SITEURL }}/{{ article.url }}">
+                    {{ article.title }}
+                    {%if article.subtitle %}
+                    <small class="subtitle">
+                        {{ article.subtitle }}
+                    </small>
+                    {% endif %}
+                </a>
                 <section>
                     posted in
                 <a href="{{ SITEURL }}/{{ CATEGORIES_URL|default('categories') }}#{{ article.category.slug }}-ref">{{ article.category }}</a>

diff --git a/templates/tags.html b/templates/tags.html
@@ -58,7 +58,19 @@ <h1><a href="{{ SITEURL }}/{{ TAGS_URL|default('tags') }}">All Tags</a></h1>
         <h2 id="{{ tag.slug }}-ref" class="tag-title">{{ tag }}</h2>
         <ul class="articles-in-tag list-articles-category">
             {% for article in articles|sort(reverse = true, attribute = 'date') %}
-            <li itemscope><time itemprop="dateCreated" datetime="{{ article.date.isoformat() }}">{{ article.locale_date }}</time><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }} {%if article.subtitle %} <small> {{ article.subtitle }} </small> {% endif %} </a></li>
+            <li itemscope>
+                <time itemprop="dateCreated" datetime="{{ article.date.isoformat() }}">
+                    {{ article.locale_date }}
+                </time>
+                <a href="{{ SITEURL }}/{{ article.url }}">
+                    {{ article.title }}
+                    {%if article.subtitle %}
+                    <small class="subtitle">
+                        {{ article.subtitle }}
+                    </small>
+                    {% endif %}
+                </a>
+            </li>
             {% endfor %}
         </ul>