BLOG\!\!\!

Gemfile

@@ -35,3 +35,5 @@ gem "capistrano-rbenv", require: false
 gem "capistrano-bundler", require: false
 
 gem 'capistrano-git-with-submodules', '~> 2.0'
+
+gem "jekyll-paginate"

Gemfile.lock

@@ -45,6 +45,7 @@ GEM
       terminal-table (~> 2.0)
     jekyll-feed (0.15.1)
       jekyll (>= 3.7, < 5.0)
+    jekyll-paginate (1.1.0)
     jekyll-sass-converter (2.1.0)
       sassc (> 2.0.1, < 3.0)
     jekyll-seo-tag (2.7.1)
@@ -96,6 +97,7 @@ DEPENDENCIES
   capistrano-rbenv
   jekyll (~> 4.2.0)
   jekyll-feed (~> 0.12)
+  jekyll-paginate
   minima (~> 2.5)
   tzinfo (~> 1.2)
   tzinfo-data

_config.yml

@@ -30,6 +30,9 @@ github_username:  mint-lgbt
 theme: minima
 plugins:
   - jekyll-feed
+  - jekyll-paginate
+paginate: 5
+paginate_path: "/blog/page:num/"
 
 # Exclude from processing.
 # The following items will not be processed, by default.

_includes/header.html

@@ -4,6 +4,9 @@
     <span class="padnav" style="text-align: right; font-size: 20px">
       <a href="/">home</a>
     </span>
+    <span class="padnav" style="text-align: right; font-size: 20px">
+      <a href="/blog">blog</a>
+    </span>
     <span class="padnav" style="text-align: right; font-size: 20px">
       <a href="/about">about</a>
     </span>

_layouts/pagination.html

@@ -0,0 +1,34 @@
+---
+layout: default
+---
+<!-- This loops through the paginated posts -->
+<div class="post">
+  {% for post in paginator.posts %}
+    <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
+    <p class="author">
+      <span class="date">{{ post.date }}</span>
+    </p>
+    <div class="content">
+      {{ post.content }}
+    </div>
+  {% endfor %}
+</div>
+
+<!-- Pagination links -->
+<div class="pagination">
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path }}" class="previous">
+      Previous
+    </a>
+  {% else %}
+    <span class="previous">Previous</span>
+  {% endif %}
+  <span class="page_number">
+    Page: {{ paginator.page }} of {{ paginator.total_pages }}
+  </span>
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path }}" class="next">Next</a>
+  {% else %}
+    <span class="next">Next</span>
+  {% endif %}
+</div>

_layouts/post.html

@@ -0,0 +1,45 @@
+---
+layout: default
+---
+<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
+
+  <header class="post-header">
+    <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+    <p class="post-meta">
+      {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
+      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {{ page.date | date: date_format }}
+      </time>
+      {%- if page.modified_date -%}
+        ~ 
+        {%- assign mdate = page.modified_date | date_to_xmlschema -%}
+        <time class="dt-modified" datetime="{{ mdate }}" itemprop="dateModified">
+          {{ mdate | date: date_format }}
+        </time>
+      {%- endif -%}
+      {%- if page.author -%}
+        • {% for author in page.author %}
+          <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+            <span class="p-author h-card" itemprop="name">{{ author }}</span></span>
+            {%- if forloop.last == false %}, {% endif -%}
+        {% endfor %}
+      {%- endif -%}</p>
+  </header>
+
+  <div class="post-content e-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+
+  <div class="utterances"></div>
+
+  <script src="https://utteranc.es/client.js"
+    repo="mint-lgbt/comments"
+    issue-term="title"
+    label="✨💬✨"
+    theme="photon-dark"
+    crossorigin="anonymous"
+    async>
+  </script>
+
+  <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
+</article>

_posts/2021-05-10-welcome.md

@@ -0,0 +1,11 @@
+---
+layout: post
+title:  "Welcome to mint.lgbt!"
+author: "Luna"
+---
+
+Hello everyone! If you are here, then the website must be working correctly.
+
+This blog is where we'll try to post announcements for those not in our Matrix room, as well as various oddities and stories.
+
+We hope you have fun using our services!

assets/css/home.css

@@ -78,3 +78,21 @@ a {
   text-decoration: none;
   color: white;
 }
+.post {
+  padding-left: 25%;
+  padding-right: 25%;
+}
+.utterances {
+  padding-top: 10px;
+}
+.pagination {
+  padding-left: 25%;
+  padding-right: 25%;
+  padding-top: 10px;
+}
+.previous {
+  color: silver;
+}
+.next {
+  color: silver;
+}

blog/index.html

@@ -0,0 +1,3 @@
+---
+layout: pagination
+---