Add tags to posts

- add tags to blog landing page
- add tags to each post footer
- each tag link to the tags page to the part where that tag is

Author: Chaitanya-Shahare

_layouts/blog.html

@@ -12,17 +12,17 @@ <h3>{{ post.title }}</h3>
     <p>
       {% assign author = site.data.contributors | where: "name", post.author | first %}
       {% if author %}
-      <a href="{{ author.name | replace: " ", "" | prepend: " /team/" }}">
+      <a href="{{ author.name | replace: " ", "" | prepend: "/team/" }}">
         <img
           src="{% if author.photo %}{{ site.baseurl }}/images/team/{{ author.photo }}{% else %}{{ site.baseurl }}/images/team/defaultDP.png{% endif %}"
           alt="{{ author.name }}" style="
             width: 30px;
             height: 30px;
             border-radius: 50%;
             /* vertical-align: middle; */
-	    margin: 0;
-	    margin-top: 4px;
-	    margin-bottom: 4px;
+            margin: 0;
+            margin-top: 4px;
+            margin-bottom: 4px;
           " />
         {{ author.name }}
       </a>
@@ -34,6 +34,16 @@ <h3>{{ post.title }}</h3>
       </span>
     </p>
     <p>{{ post.excerpt | truncatewords: 50 }}</p>
+
+
+    {% if post.tags and post.tags.size > 0 %}
+    <p>
+      {% for tag in post.tags %}
+      <a href="{{ site.baseurl }}/tags#{{ tag | downcase | slugify }}" class="badge" style="background-color: #999999; padding: 0.5rem">{{ tag }}</a>
+      {% endfor %}
+    </p>
+    {% endif %}
+
     <p>
       <button class="btn btn-primary" onclick="window.location.href='{{ post.url }}'">Read More</button>
     </p>

_layouts/post.html

@@ -33,4 +33,21 @@ <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
   </header>
 
   <div class="post-content" itemprop="articleBody">{{ content }}</div>
+
+  {% if page.tags and page.tags.size > 0 %}
+  <hr />
+  <footer class="post-footer">
+    <p>
+      <h4>Tags:</h4>
+      {% for tag in page.tags %}
+      <a
+        href="{{ site.baseurl }}/tag#{{ tag | downcase | slugify }}"
+        class="badge badge-secondary"
+        style="background-color: #999999; padding: 0.5rem"
+        >{{ tag }}</a
+      >
+      {% endfor %}
+    </p>
+  </footer>
+  {% endif %}
 </article>

_layouts/tags.html

@@ -0,0 +1,61 @@
+---
+layout: default
+title: Tags
+---
+
+<h2>Tags</h2>
+
+<div>
+  {% for tag in site.tags %} {% assign t = tag | first %} {% assign posts = tag
+  | last %} 
+
+  <h3 id={{t | downcase}}>
+    {{ t | downcase }}
+  </h3>
+  <div>
+    {% for post in posts %} {% if post.tags contains t %}
+  <div class="well">
+    <h3>{{ post.title }}</h3>
+    <p>
+      {% assign author = site.data.contributors | where: "name", post.author | first %}
+      {% if author %}
+      <a href="{{ author.name | replace: " ", "" | prepend: " /team/" }}">
+        <img
+          src="{% if author.photo %}{{ site.baseurl }}/images/team/{{ author.photo }}{% else %}{{ site.baseurl }}/images/team/defaultDP.png{% endif %}"
+          alt="{{ author.name }}" style="
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
+            /* vertical-align: middle; */
+	    margin: 0;
+	    margin-top: 4px;
+	    margin-bottom: 4px;
+          " />
+        {{ author.name }}
+      </a>
+      {% else %}
+      {{ post.author }}
+      {% endif %}
+      <span class="text-muted">
+        • {{ post.date | date: "%b %d, %Y" }} • {{ post.content | number_of_words | divided_by: 200 | ceil }} min read
+      </span>
+    </p>
+    <p>{{ post.excerpt | truncatewords: 50 }}</p>
+
+    {% if post.tags and post.tags.size > 0 %}
+    <p>
+      {% for tag in post.tags %}
+      <a href="{{ site.baseurl }}/tags#{{ tag | downcase | slugify }}" class="badge" style="background-color: #999999; padding: 0.5rem">{{ tag }}</a>
+      {% endfor %}
+    </p>
+    {% endif %}
+
+
+    <p>
+      <button class="btn btn-primary" onclick="window.location.href='{{ post.url }}'">Read More</button>
+    </p>
+  </div>
+    {% endif %} {% endfor %}
+  </div>
+  {% endfor %}
+</div>

_pages/tags.md

@@ -0,0 +1,11 @@
+---
+title: "Tags"
+layout: tags
+excerpt: "Tags"
+sitemap: false
+permalink: /tags/
+---
+
+<div id="textid" class="col-sm-12">
+  {{ content }}
+</div>

_posts/2024-05-11-llvm-org-website-redesign-project.md

@@ -9,13 +9,14 @@ sitemap: false
 author: Chaitanya Shahare
 permalink: blogs/gsoc24_chaitanya_shahare_introduction_blog/
 date: 2024-05-11
+tags: gsoc llvm website
 ---
 
 ### Introduction
 
 I’m Chaitanya Shahare, a passionate full-stack web developer and a pre-final-year
 Mechanical Engineering student at the National Institute of Technology
-Srinagar, India. This summer, I'm delighted to embark on an exciting journey with LLVM as 
+Srinagar, India. This summer, I'm delighted to embark on an exciting journey with LLVM as
 Google Summer of Code 2024 contributor, where I'll be contributing to the LLVM project by
 improving the look and feel of its central hub, the LLVM.org website.
 
@@ -64,7 +65,7 @@ breakdown of how I plan to achieve this:
    which is essential for a website like LLVM.org that is frequently updated
    with new information. This choice ensures that the website can be easily
    maintained and updated by the community, long after the project's
-   completion also ensuring that this project is reusable for other sub-projects 
+   completion also ensuring that this project is reusable for other sub-projects
    websites in the LLVM ecosystem.
 
 3. **Interactive Design Process**: Designing an engaging and user-friendly
@@ -93,13 +94,13 @@ breakdown of how I plan to achieve this:
 
 Through detailed planning, collaborative design, and careful execution, this
 project aims to not only revamp the LLVM.org website but also enhance how the
-LLVM community interacts with it. 
+LLVM community interacts with it.
 
 ### Conclusion
 
 As we start this journey to improve the LLVM.org website, I am excited and
 ready for the challenges ahead. I'm confident we can create a website that
-everyone will find easy to use and helpful. 
+everyone will find easy to use and helpful.
 
 ### Related Links