sticky post, tags support

_includes/menu-header.html

@@ -10,7 +10,10 @@
 <a class="nav-link" href="{{site.baseurl}}/contact.html">Contact</a>
 </li>
 <li class="nav-item">
-<a target="_blank" class="nav-link" href="https://www.wowthemes.net/themes/mundana-wordpress/">WP version</a>
+<a target="_blank" class="nav-link" href="https://www.wowthemes.net/themes/mundana-wordpress/">WP</a>
+</li>
+<li class="nav-item">
+<a target="_blank" class="nav-link" href="https://www.wowthemes.net/themes/mundana-ghost/">Ghost</a>
 </li>
 <li class="nav-item">
 <a target="_blank" class="nav-link" href="https://www.wowthemes.net/donate/">Buy me a coffee <i class="fa fa-coffee text-danger"></i></a>

_layouts/post.html

@@ -68,7 +68,15 @@ <h1 class="display-4 mb-4 article-headline">{{ page.title }}</h1>
 			<article class="article-post">                
 			{{ content }}                
 			</article>
-
+
+			<!-- Tags -->
+			<div class="mb-4">
+				<span class="taglist">
+				{% for tag in page.tags %}
+				  <a class="sscroll btn btn-light btn-sm font-weight-bold" href="{{site.baseurl}}/tags.html#{{ tag | downcase }}">{{ tag | downcase }}</a>
+				{% endfor %}
+				</span>
+			</div>
 
             <!-- Mailchimp Subscribe Form -->
             {% if site.mailchimp-list %}

_pages/tags.html

@@ -0,0 +1,36 @@
+---
+title: "Tags"
+layout: default
+permalink: "/tags.html"
+---
+
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+        <h1 class="font-weight-bold title h6 text-uppercase mb-4">Tags</h1>
+
+        {% for tag in site.tags %} 
+        <h4 class="font-weight-bold spanborder text-capitalize" id="{{ tag[0] | downcase }}"><span>{{ tag[0] }}</span></h4>
+
+        {% assign pages_list = tag[1] %}
+        {% for post in pages_list %}
+        {% if post.title != null %}
+          {% if group == null or group == post.group %}
+
+            {% include main-loop-card.html %}
+          {% endif %}
+        {% endif %}
+        {% endfor %}
+        {% assign pages_list = nil %}
+        {% assign group = nil %}
+
+        {% endfor %}
+
+        </div>
+
+            <div class="col-md-4">
+        {% include sidebar-featured.html %}    
+    </div>
+
+    </div>
+</div>

_posts/2019-01-18-charm-old-cities.md

@@ -0,0 +1,20 @@
+---
+layout: post
+title:  "Could we reinvent the charm of old cities"
+author: jane
+categories: [ Jekyll, tutorial ]
+image: assets/images/home.jpg
+tags: [sticky]
+---
+
+Bucharest’s history alternated periods of development and decline from the early settlements in antiquity until its consolidation as the national capital of Romania late in the 19th century. First mentioned as the “Citadel of București” in 1459, it became the residence of the famous Wallachian prince Vlad III the Impaler.
+
+#### Early 18th century woodcut of Bucharest
+
+The Ottomans appointed Greek administrators (Phanariotes) to run the town from the 18th century. A short-lived revolt initiated by Tudor Vladimirescu in 1821 led to the end of the rule of Constantinople Greeks in Bucharest.[19]
+
+The Old Princely Court (Curtea Veche) was erected by Mircea Ciobanul in the mid-16th century. Under subsequent rulers, Bucharest was established as the summer residence of the royal court. During the years to come, it competed with Târgoviște on the status of capital city after an increase in the importance of southern Muntenia brought about by the demands of the suzerain power – the Ottoman Empire.
+
+Bucharest finally became the permanent location of the Wallachian court after 1698 (starting with the reign of Constantin Brâncoveanu).
+
+Partly destroyed by natural disasters and rebuilt several times during the following 200 years, and hit by Caragea’s plague in 1813–14, the city was wrested from Ottoman control and occupied at several intervals by the Habsburg Monarchy (1716, 1737, 1789) and Imperial Russia (three times between 1768 and 1806). It was placed under Russian administration between 1828 and the Crimean War, with an interlude during the Bucharest-centred 1848 Wallachian revolution. Later, an Austrian garrison took possession after the Russian departure (remaining in the city until March 1857). On 23 March 1847, a fire consumed about 2,000 buildings, destroying a third of the city.

_posts/2019-02-03-powerful-things-markdown-editor.md

@@ -4,6 +4,7 @@ title:  "Powerful things you can do with the Markdown editor"
 author: jane
 categories: [ Jekyll, tutorial ]
 image: https://images.unsplash.com/photo-1528784351875-d797d86873a1?ixlib=rb-1.2.1&auto=format&fit=crop&w=750&q=80
+tags: [summer]
 ---
 There are lots of powerful things you can do with the Markdown editor. If you've gotten pretty comfortable with writing in Markdown, then you may enjoy some more advanced tips about the types of things you can do with Markdown!
 

assets/css/theme.css

@@ -235,6 +235,7 @@ a.text-dark:hover {
 }
 .navbar-light .navbar-nav .nav-link {
 	color:rgba(0,0,0,0.5);
+	font-size: .93rem;
 }
 .navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus {
 	color:rgba(0,0,0,0.7);
@@ -641,7 +642,7 @@ footer {
 	position:relative;
 }
 .sticky-top-offset {
-	top:100px;
+	top:70px;
 }
 .homefirstpage .main-loop .main-loop-card:nth-child(-n+5) {
 	display:none !important;

index.html

@@ -27,8 +27,8 @@
     <h2 class="h4 font-weight-bold">
     <a class="text-dark" href="{{site.baseurl}}{{latest_post.url}}">{{ latest_post.title }}</a>
     </h2>
-    <p class="card-text">
-        <a class="excerpt" href="{{site.baseurl}}{{latest_post.url}}">{{ latest_post.excerpt | strip_html | strip_newlines | truncate: 136 }}</a>
+    <p class="excerpt">
+        {{ latest_post.excerpt | strip_html | strip_newlines | truncate: 136 }}
     </p>
     <div>
         <small class="d-block text-muted">
@@ -133,24 +133,28 @@ <h2 class="mb-2 h6 font-weight-bold">
 
 </div>
 
-
-
-
-<!-- Highlight (your own choice of highlighting a link, no post here) -->
+<!-- Sticky - add sticky tag to the post you want to highlight here - tags: [sticky] -->
+{% for post in site.posts %} 
+{% if post.tags contains "sticky" %}
 <div class="jumbotron jumbotron-fluid jumbotron-home pt-0 pb-0 mb-2rem bg-lightblue position-relative">
     <div class="pl-4 pr-0 h-100 tofront">
         <div class="row justify-content-between">
-            <div class="col-md-6 pt-6 pb-6 align-self-center">
-                <h1 class="mb-3">Could we reinvent the charm of old cities ?</h1>
+            <div class="col-md-6 pt-6 pb-6 pr-lg-4 align-self-center">
+                <h1 class="mb-3">{{post.title}}</h1>
                 <p class="mb-3 lead">
-                    Beautifully crafted, Mundana is the perfect design for your Jekyll blog. Fully compatible with Github pages.
+                    {{ post.excerpt | strip_html | strip_newlines | truncate: 136 }}
                 </p>
-                <a href="{{site.baseurl}}/about.html" class="btn btn-dark">Read More</a>
+                <a href="{{site.baseurl}}{{post.url}}" class="btn btn-dark">Read More</a>
+            </div>
+            <div class="col-md-6 d-none d-md-block pr-0" style="background-size:cover;background-image:url({{post.image | absolute_url}});">	
             </div>
-            <div class="col-md-6 d-none d-md-block pr-0" style="background-size:cover;background-image:url({{site.baseurl}}/assets/images/home.jpg);">	</div>
         </div>
     </div>
-</div>
+</div> 
+{% endif %}
+{% endfor %}
+
+