type-on-strap 2.4.7 → 2.4.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2057d2682bf6c8aa2883be048665715575c0b577f9ef5e88a2999da1c05dd4ee
-  data.tar.gz: ef6d4db972b7d1c12e0353afe99b9a0b019ac257fe7826e1672b417b8af14786
+  metadata.gz: 15dad5d590b48fae536490341e7833281b3771118b682275f86fd96128e0db5e
+  data.tar.gz: 3f6937d0f9c733be27b4e966ac9d6aba2222c6e0abcac690d3c93a3d171437d7
 SHA512:
-  metadata.gz: 87368acc73d55075d24a1c5a5807ea5951410d7fe2b245df05d28bb755641dcf04d5a18d6506187482400ea5d9cbde6025b45992871026cb1832cc1345f984ff
-  data.tar.gz: 4af9107da561f1b4e2965e649b1f14a1653286ca491d9a46a4dab0aba954d15388f1040ae430687bb30e019b7aa4bbdb49e817eb4bfeb91741998fbeea60a448
+  metadata.gz: 8f55e245d44102ba315df41b0353451afabc9458e00fb62eed47fce19350699626a27ba1db562b6f1dcf28aded39c7d8aff9d5a9a765918bd58061552cd08315
+  data.tar.gz: b1298b3bd7bdb9e8f3b7ec97c4f4ae24cd5c5d34b035693d1d08567a2be85e3cecc36a4563eb1ae14a59769fb2842835fdec2cf521d5c24631a0ca9c5adc6b57

data/README.md

@@ -167,6 +167,8 @@ You can find all the properties in `_data/language.yml`.
 
 By default, it is in English, but you can easily add your own language.
 
+Here you also can set the date format, e.g., set `str_date_format: '%B %-d, %Y'` for "January, 13, 2024",  `str_date_format: '%Y-%m-%d'` for 2024-01-13, or `str_date_format: '%d.%m.%Y'` for 13.01.2024.
+
 ### Google Analytics
 
 To enable Google Analytics (GA4), add your [Measurement ID](https://support.google.com/analytics/answer/12270356?hl=en&sjid=1593376271608310401-NA) 
@@ -258,15 +260,13 @@ mermaid: default # Enable mermaid-js for diagrams, use theme: base, forest, dark
 ```
 
 Find all the help you need on the official [mermaid documentation](https://mermaid-js.github.io/mermaid/).
-You can create with ease diagrams. Add your mermaid script inside two mermaid divs (default Kramdown does not yet support mermaid).
-With the `class="mermaid"` inside the `<div>`:
+Use `mermaid` as color highlighter language to render the diagram or with the `class="mermaid"` inside the `<div>`:
 
-```html
-<div class="mermaid">
+```markdown
+```mermaid
 sequenceDiagram
     Alice->>John: Hello John, how are you?
     John-->>Alice: Great!
-</div>
 ```
 
 ### Social icons
@@ -286,8 +286,8 @@ Once the user clicks on "Approve" the cookies will be created for Google Analyti
 
 #### Share in article
 
-The share icons are the one at the bottom of the blog page if enabled, 
-to share the article on those platform.
+The share icons are the one at the bottom of the blog page if enabled.
+They will on click redirect you to the logo's platform to share the article.
 
 #### Footer
 
@@ -307,34 +307,39 @@ Please refer to the [Jekyll docs for writing posts](https://jekyllrb.com/docs/po
 
 #### Layout: Post
 
-These are the basic features you can use with the `post` layout.
+These are the basic features you can use with the `post` layout, in the comment the `Opt` means that
+it is optional.
 
 ```yml
 
 ---
 layout: post
 title: Hello World                                # Title of the page
-hide_title: true                                  # Hide the title when displaying the post, but shown in lists of posts
-feature-img: "assets/img/sample.png"              # Add a feature-image to the post
-thumbnail: "assets/img/thumbnails/sample-th.png"  # Add a thumbnail image on blog view
-color: rgb(80,140,22)                             # Add the specified color as feature image, and change link colors in post
-bootstrap: true                                   # Add bootstrap to the page
-tags: [sample, markdown, html]
+hide_title: true                                  # [Opt] Hide the title when displaying the post, but shown in lists of posts
+feature-img: "assets/img/sample.png"              # [Opt] Add a feature-image to the post
+thumbnail: "assets/img/thumbnails/sample-th.png"  # [Opt] Add a thumbnail image on blog view
+color: rgb(80,140,22)                             # [Opt] Add the specified colour as feature image, and change link colors in post
+position: 1                                       # [Opt] Set position on the menu navigation bar
+tags: [sample, markdown, html]                    # [Opt] Add tags to the page
 ---
 ```
 
 With `thumbnail`, you can add a smaller image than the `feature-img`. 
-If you don't have a thumbnail you can still use the same image as the feature one. Or use the gulp task to create it.
+If you don't have a thumbnail, you can still use the same image as the feature one. Or use the gulp task to create it.
 
-The background used when `color` is set comes from `lineart.png` from [xukimseven](https://github.com/xukimseven) 
-you can edit it in the config file (`_config.yml > color_image`). If you want another one, put it in `/assets/img` as well. 
+If you don't use a feature image, but `color`, the transparent background is set comes from `lineart.png`. 
+You can edit it in the config file (`_config.yml > color_image`). If you want another one, put it in `/assets/img` as well. 
 
-The **bootstrap** is not mandatory and is only useful if you want to add bootstrapped content in your page. 
+For position, if not set on all pages, it will be by alphabetical order without `position` then by `position` order.
+If two pages have the same position number, the order is decided by alphabetical order on the page title.
+
+There's also `bootstrap: true` which is not mandatory and only useful if you want to add HTML content in your page that
+requires [bootstrap](http://getbootstrap.com/).
 It will respect the page and theme layout, mind the padding on the sides.
 
 #### Post excerpt
 
-The [excerpt](https://jekyllrb.com/docs/posts/#post-excerpts) are the first lines of an article that is display on the blog page. 
+The [excerpt](https://jekyllrb.com/docs/posts/#post-excerpts) are the first lines of an article that is displayed on the blog page. 
 The length of the excerpt has a default of around `250` characters or can be manually set in the post using:
 
 in `conflig.yml`:
@@ -408,7 +413,7 @@ If your posts are not displaying ensure that you have added the line `paginate:
 
 ### Layout: Page 📄
 
-The page layout have a bit more features explained here.
+The page layout has a bit more features explained here.
 
 ```yml
 
@@ -424,7 +429,7 @@ tags: [sample, markdown, html]
 ---
 ```
 
-The hide only hides your page from the navigation bar, it is however still generated and can be access through its link. 
+The hide only hides your page from the navigation bar, it is, however, still generated and can be accessed through its link. 
 
 ### Feature: Portfolio 🗂
 
@@ -444,9 +449,11 @@ title : Portfolio
 
 #### Portfolio posts
 
-You can format the portfolio posts in the `_portfolio` folder using the `post layout`. Here are little explaination on some of the possible feature you can use and what they will do.
+You can format the portfolio posts in the `_portfolio` folder using the `post layout`. 
+Here is a little explanation on some of the possible features you can use.
 
-If you decide to use a date, please be sure to use one that can be parsed such as `yyyy-mm-dd`. You can see more format example on the demo posts that are available for the theme:
+If you decide to use a date, please be sure to use one that can be parsed such as `yyyy-mm-dd`. 
+You can see more format examples in the demo posts that are available for the theme:
 
 ```yml
 
@@ -475,7 +482,7 @@ This creates the collection for Jekyll, so it can find and display your portfoli
 
 ### Feature: Gallery 🖼
 
-You can create a gallery using [Masonry JS](https://masonry.desandro.com/) which will placing the pictures in optimal position 
+You can create a gallery using [Masonry JS](https://masonry.desandro.com/) which will placing the pictures at the optimal position 
 based on available vertical space. 
 You need to specify the `gallery_path` which will be used to find the pictures to render. 
 It will take all the pictures under that directory. Then use the `include` to add it in your page. 
@@ -495,10 +502,12 @@ gallery: "assets/img/pexels"
 
 The search feature is based on [Simple-Jekyll-search](https://github.com/christian-fei/Simple-Jekyll-Search) 
 there is a `search.liquid` file that will create a list of all the site posts, pages and portfolios. 
+Then there's a script displaying the formatted results in the _search page_.
 
-Then there's a `search.js` displaying the formatted results in the "search page".
-
-The search page can be hidden with the `hide` option. You can remove the icon by removing `icon`:
+To exclude contents from the search add the `exclude: true` option in the markdown header. 
+By default, all posts, pages, and collections are available in the search.
+Hide the search page from the navigation bar with the `hide: true` option. 
+You can remove the icon by removing `icon`:
 
 ```yml
 
@@ -527,7 +536,7 @@ tags: [sample, markdown, html]
 
 > Tags are case-sensitive `Tag_nAme` ≠ `tag_name`
 
-All the tags will be listed the tags page with a link toward the pages or posts.
+All the tags will be listed on the "tags" page with a link toward the pages or posts.
 The Tag page can be hidden with the `hide` option. You can remove the icon by removing `icon` (like for the search page).
 
 ## Advanced

data/_data/language.yml

@@ -15,6 +15,9 @@ str_no_result_found: "No result found"
 str_cookie_approve: "Approve"
 str_cookie_disclaimer: "We would like to use third party cookies and scripts to improve the functionality of this website."
 str_months: [January, February, March, April, May, June, July, August, September, October, November, December]
+str_dark: 'Dark'
+str_light: 'Light'
+str_date_format: '%B %-d, %Y'
 
-# Localization settings 
+# Localization settings
 cusdis_lang: # zh-cn, es, tr, pt-BR

data/_includes/blog/post_footer.liquid

@@ -0,0 +1,57 @@
+{% assign color = include.color %}
+{% assign img = include.img %}
+{% capture _post_footer %}
+    <!-- To change color of links in the page -->
+    <style>
+        header#main {
+            background-size: cover;
+            background-repeat: no-repeat;
+            background-position: center;
+        }
+
+        {% if color != nil %}
+        .post-content a { color: {{ color }} !important; }
+        .share-buttons a { color: {{ color }} !important; }
+        .tag-list a:not(:hover) { color: {{ color }} !important; }
+        div#post-nav a { color: {{ color }} !important; }
+        footer a { color: {{ color }} !important; }
+        .site-header nav a:hover {  color: {{ color }} !important; }
+        a.button:hover {
+            background: {{ color }} !important;
+            border: 1px solid {{ color }} !important;
+            color: white;
+            text-decoration: none;
+            filter: none;
+        }
+        header#main {
+            background-color: {{ color }} !important;
+            background-image: url('{{ site.color_image | relative_url }}');
+        }
+        {% endif %}
+
+        {% if img != nil %}
+        header#main { background-image: url('{{ img | relative_url }}'); }
+        {% endif %}
+    </style>
+
+    <!-- Post navigation -->
+    {% if site.post_navigation or site.theme_settings.post_navigation %}
+        {% include blog/post_nav.liquid %}
+    {% endif %}
+
+    <!--Utterances-->
+    {% if site.comments.utterances.repo and site.comments.utterances.issue-term %}
+        {% include social/utterances.liquid %}
+    {% endif %}
+
+    <!-- Cusdis -->
+    {% if site.comments.cusdis_app_id or site.cusdis_app_id %}
+        {% include social/cusdis.liquid %}
+    {% endif %}
+
+    <!-- Disqus -->
+    {% if site.comments.disqus_shortname or site.theme_settings.disqus_shortname or site.disqus_shortname %}
+        {% include social/disqus.liquid %}
+    {% endif %}
+{% endcapture %}
+{{ _post_footer | split: " " | join: " " }}

data/_includes/blog/post_info.liquid

@@ -1,5 +1,5 @@
 {% assign author = site.data.authors[include.author] %}
-{% assign date = include.date | default: "today" | date: "%B %-d, %Y" %}
+{% assign date = include.date | default: "today" | date: site.data.language.str_date_format | default: '%B %-d, %Y' %}
 
 <div class="post-info">
   {%- if author.url -%}<a href="{{ author.url | relative_url }}" target="_blank" rel="noopener">{%- endif -%}

data/_includes/default/footer.liquid

@@ -1,12 +1,18 @@
 <footer class="site-footer">
     <p class="text">
         {{ site.footer_text | default: "Powered by <a href='https://jekyllrb.com/'>Jekyll</a> with <a href='https://github.com/sylhare/Type-on-Strap'>Type on Strap</a>" }}</p>
-            <div class="footer-icons">
-                <ul>
-                <!-- Social icons from Font Awesome, if enabled -->
-                {% include social/icons.liquid %}
-                </ul>
-            </div>
+    <div class="footer-icons">
+        <ul>
+            <!-- Social icons from Font Awesome, if enabled -->
+            {% include social/icons.liquid %}
+        </ul>
+    </div>
+    {% if site.mermaid %}
+        <script type="module">
+          mermaid.initialize({ startOnLoad: false, theme: "default" });
+          mermaid.run({ nodes: [...document.querySelectorAll('.language-mermaid'), ...document.querySelectorAll('.mermaid')] });
+        </script>
+    {% endif %}
 </footer>
 
 

data/_includes/default/head.liquid

@@ -3,17 +3,17 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=5">
 
     <!-- Theme Mode-->
-    {% if site.color_theme == 'auto' %}
     <script>
-        const isAutoTheme = true;
-        document.documentElement.setAttribute('data-theme', sessionStorage.getItem('theme'))
+        const darkBtn = "{{ site.data.language.str_dark | default: "Dark" }}";
+        const lightBtn = "{{ site.data.language.str_light | default: "Light" }}";
+        const isAutoTheme = {% if site.color_theme == 'auto' %}true{% else %}false{% endif %};
+        const preferredTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+        if (isAutoTheme) {
+            document.documentElement.setAttribute('data-theme', sessionStorage.getItem('theme') ?? preferredTheme);
+        } else {
+            document.documentElement.setAttribute('data-theme', "{{ site.color_theme | default: 'light' }}");
+        }
     </script>
-    {% else %}
-    <script>
-        const isAutoTheme = false;
-        document.documentElement.setAttribute('data-theme', "{{ site.color_theme | default: 'light' }}")
-    </script>
-    {% endif %}
 
     <!-- Main JS (navbar.js, katex_init.js and masonry_init.js)-->
     <script defer src="{{ '/assets/js/main.min.js' | relative_url }}"></script>
@@ -35,18 +35,15 @@
     <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
     {% endif %}
 
-    <!-- KaTeX 0.15.2 -->
+    <!-- KaTeX 0.16.9 -->
     {% if site.katex or site.theme_settings.katex %}
     <script defer src="{{ '/assets/js/vendor/katex.min.js' | relative_url }}"></script>
-    <script defer src="{{ '/assets/js/vendor/auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>
+    <script defer src="{{ '/assets/js/vendor/katex.auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>
     {% endif %}
 
-    <!-- Mermaid 9.1.1 -->
+    <!-- Mermaid 10.8.0 -->
     {% if site.mermaid %}
-    <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}" onload="mermaid.initialize({
-      startOnLoad:true,
-      theme: '{{ site.mermaid }}',
-    });"></script>
+    <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}"></script>
     {% endif %}
 
     <!-- Simple Jekyll Search 1.10.0 -->

data/_includes/default/navbar.liquid

@@ -21,18 +21,20 @@
     <!-- Menu -->
     <ul class="hide">
         {% assign name_page = "" %}
-
-        {% for page in site.pages %}
-            {% unless page.title == null or page.hide or name_page contains page.title %}
+        {% assign emptyArray = '' | split: '' %}
+        {% assign menus = site.data.menu | default: emptyArray %}
+        {% assign pages = site.pages | concat: menus | sort: 'position' %}
+        {% for page in pages %}
+        {% unless page.title == null or page.hide or name_page contains page.title %}
             <li class="separator"> | </li>
             <li>
                 <a class="clear" aria-label="{{ page.title }}" title="{{ page.title }}" href="{{ page.url | relative_url }}">
-                    {% if page.icon %} <i class="fas {{ page.icon }}" aria-hidden="true"></i>
-                    {% else %} {{ page.title }} {% endif%}
+                    {% if page.icon %} <i class="navbar-icon fas {{ page.icon }}" aria-hidden="true"></i>{% endif %}
+                    <span class="navbar-label {% if page.icon %}navbar-label-with-icon{% endif%}">{{ page.title }}</span>
                 </a>
             </li>
-            {% endunless %}
-            {% assign name_page = page.title | append: name_page %}
+        {% endunless %}
+        {% assign name_page = page.title | append: name_page %}
         {% endfor %}
 
         {% if site.color_theme == 'auto' %}

data/_includes/default/search_input.liquid

@@ -0,0 +1,51 @@
+{% assign dateFormat = site.data.language.str_date_format | default: '%B %-d, %Y' %}
+[
+{% for post in site.posts %}
+    {
+    {% unless post.excluded %}
+        "title"    : "{{ post.title | strip_newlines | escape }}",
+        "category" : "{{ post.category }}",
+        "tags"     : "{{ post.tags | join: ', ' | prepend: " " }}",
+        "url"      : "{{ post.url | relative_url }}",
+        "date"     : "{{ post.date | date: dateFormat }}",
+        "excerpt"  : {{ post.content | strip_html | strip_newlines | strip | escape | truncate: '250' | escape | jsonify }},
+        "content"  : {{ post.content | strip_html | strip_newlines | strip | escape | jsonify }}
+    {% endunless %}
+    }{% unless forloop.last %},{% endunless %}
+{% endfor %}
+{% if site.pages.size > 0 %},{% endif %}
+{% for page in site.pages %}
+    {
+    {% unless page.excluded or page.title == nil %}
+        "title"    : "{{ page.title | strip_newlines | escape }}",
+        "category" : "{{ page.category }}",
+        "tags"     : "{{ page.tags | join: ', ' | prepend: " " }}",
+        "url"      : "{{ page.url | relative_url }}",
+        "date"     : "{{ page.date | date: dateFormat | default: "N/A" }}",
+        "excerpt"  : {{ page.content | strip_html | strip_newlines | strip | escape | truncate: '250' | escape | jsonify }},
+        "content"  : {{ page.content | strip_html | strip_newlines | strip | escape | jsonify }}
+    {% endunless %}
+    }{% unless forloop.last %},{% endunless %}
+{% endfor %}
+{% if site.collections.size > 1 %},{% endif %}
+{% for collection in site.collections %}
+    {% unless collection.label == 'posts' or site[collection.label].size == 0 %}
+        {% for page in site[collection.label] %}
+            {
+            {% if page.excluded or page.title != nil %}
+                "title"    : "{{ page.title | strip_newlines | escape }}",
+                "category" : "{{ page.category }}",
+                "tags"     : "{{ page.tags | join: ', ' | prepend: " " }}",
+                "url"      : "{{ page.url | relative_url }}",
+                "date"     : "{{ page.date | date: dateFormat | default: "N/A" }}",
+                "excerpt"  : {{ page.content | strip_html | strip_newlines | strip | escape | truncate: '250' | jsonify }},
+                "content"  : {{ page.content | strip_html | strip_newlines | strip | escape | jsonify }}
+            {% endif %}
+            }{% unless forloop.last %},{% endunless %}
+        {% endfor %}
+    {% else %}
+        {}
+    {% endunless %}
+    {% unless forloop.last %},{% endunless %}
+{% endfor %}
+]

data/_layouts/archive.liquid

@@ -0,0 +1,33 @@
+---
+layout: page
+---
+
+<div class="home">
+    <div id="archive">
+        {% assign postsByYear = site.posts | group_by_exp:"post", "post.date | date: '%Y'"  %}
+        <ul class="archive-clouds">
+            {% for year in postsByYear %}
+                <a href="#archive-{{ year.name | cgi_escape }}" class="archive-anchor">
+                    <li>
+                        {{ year.name | cgi_escape }} ({{year.items.size}})
+                    </li>
+                </a>
+            {% endfor %}
+        </ul>
+        {% for year in postsByYear %}
+            <div class="archive-group">
+                <h4 id="archive-{{year.name}}" class="title">{{ year.name }} ({{year.items.size}})</h4>
+                <div class="items">
+                    {% for post in year.items %}
+                        <a href="{{ post.url | relative_url }}" class="archive-post-link">
+                            <div class="item">
+                                <p class="meta">{{ post.date | date: site.data.language.str_date_format | default: '%B %-d, %Y' }}</p>
+                                <p class="title">{{ post.title }}</p>
+                            </div>
+                        </a>
+                    {% endfor %}
+                </div>
+            </div>
+        {% endfor %}
+    </div>
+</div>

data/_layouts/categories.liquid

@@ -25,7 +25,7 @@ layout: page
                         {% for post in site.categories[group] %}
                             <a href="{{ post.url | relative_url }}" class="category-post-link">
                                 <div class="item">
-                                    <p class="meta">{{ post.date | date: "%B %-d, %Y" }}</p>
+                                    <p class="meta">{{ post.date | date: site.data.language.str_date_format | default: '%B %-d, %Y' }}</p>
                                     <p class="title">{{ post.title }}</p>
                                 </div>
                             </a>

data/_layouts/default.html

@@ -1,16 +1,19 @@
 <!DOCTYPE html>
 <!--
-    Type on Strap jekyll theme v2.4.7
+    Type on Strap jekyll theme v2.4.9
     Theme free for personal and commercial use under the MIT license
     https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
 -->
 <html lang="en">
-  {% include default/head.liquid %}
+  {% capture _head %}{% include default/head.liquid %}{% endcapture %}
+  {{ _head | split: " " | join: " "}}
   <body>
-    {% include default/navbar.liquid %}
+    {% capture _navbar %}{% include default/navbar.liquid %}{% endcapture %}
+    {{ _navbar | split: " " | join: " "}}
     <div class="content">
       {{ content }}
     </div>
-    {% include default/footer.liquid %}
+    {% capture _footer %}{% include default/footer.liquid %}{% endcapture %}
+    {{ _footer | split: " " | join: " "}}
   </body>
 </html>

data/_layouts/home.liquid

@@ -1,7 +1,6 @@
 ---
 layout: default
 ---
-
 <div class="home">
     <style scoped>
         {% assign image = site.header_feature_image | relative_url | split: '.' %}
@@ -24,7 +23,6 @@ layout: default
     <div id="main" class="call-out call-out_img">
         <h1> {{ site.header_text | default: "Change <code>header_text</code> in <code>_config.yml</code>"}} </h1>
     </div>
-
-    {% include blog/blog.liquid %}
-
+    {% capture _blog %}{% include blog/blog.liquid %}{% endcapture %}
+    {{ _blog | split: " " | join: " "}}
 </div>

data/_layouts/page.liquid

@@ -1,35 +1,30 @@
 ---
 layout: default
 ---
-
 <article {% if page.feature-img %}class="feature-image"{% endif %}>
-
-  <header id="main" style="background-image: url('{{ page.feature-img | relative_url }}')">
-    <div class="title-padder">
-      {% if page.hide_title %}
-        <div class="feature-image-padding"></div>
-      {% else %}
-        <h1 id="{{ page.title | default: "" | cgi_escape }}" class="title"> {{ page.title }}</h1>
-        {% if page.subtitle %}
-        <h2 class="subtitle">{{ page.subtitle }}</h2>
+    <header id="main" style="background-image: url('{{ page.feature-img | relative_url }}')">
+        <div class="title-padder">
+            {% if page.hide_title %}
+                <div class="feature-image-padding"></div>
+            {% else %}
+                <h1 id="{{ page.title | default: "" | cgi_escape }}" class="title"> {{ page.title }}</h1>
+                {% if page.subtitle %}
+                    <h2 class="subtitle">{{ page.subtitle }}</h2>
+                {% endif %}
+            {% endif %}
+        </div>
+    </header>
+    <section class="post-content">
+    {% if page.bootstrap %}
+        <div class="bootstrap-iso">
+            {% endif %}
+            {{ content }}
+            {% if page.bootstrap %}
+        </div>
         {% endif %}
-      {% endif %}
-    </div>
-  </header>
-
-  <section class="post-content">
-  {% if page.bootstrap %}
-  <div class="bootstrap-iso">
-  {% endif %}
-	{{ content }}
-  {% if page.bootstrap %}
-  </div>
-  {% endif %}
-  </section>
-
-
-  <!-- Tag list for portfolio -->
-  {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
-  {% include default/tags_list.liquid tags=tag_list %}
-
+    </section>
+    <!-- Tag list for portfolio -->
+    {% capture tag_list %}{{ page.tags | join: "|" }}{% endcapture %}
+    {% capture _tags %}{% include default/tags_list.liquid tags=tag_list %}{% endcapture %}
+    {{ _tags | split: " " | join: " " }}
 </article>