Series

content/aws/22575000-run-wordpress-on-ec2.md

@@ -17,15 +17,17 @@ Nevertheless, WordPress is going nowhere hence in this guide we will cover how t
 
 We will do the following steps to install WordPress on an EC2 instance:
 
-1. [Create an EC2 instance](#create-an-ec2-instance)
-2. [Install NGINX](#install-nginx)
-3. [Install PHP](#install-php)
-4. [Configure NGINX to serve PHP](#configure-nginx-to-serve-php)
-5. [Install MySQL/MariaDB](#install-mysqlmariadb)
-6. [Configure & Secure MySQL/MariaDB](#configure-secure-mysqlmariadb)
-7. [Create the database](#create-the-database)
-8. [Configure WordPress](#configure-wordpress)
-9. [Start WordPress](#start-wordpress)
+- [How to install WordPress on an EC2 instance?](#how-to-install-wordpress-on-an-ec2-instance)
+  - [Create an EC2 instance](#create-an-ec2-instance)
+  - [Install NGINX](#install-nginx)
+  - [Install PHP](#install-php)
+  - [Configure NGINX to serve PHP](#configure-nginx-to-serve-php)
+  - [Install MySQL/MariaDB](#install-mysqlmariadb)
+  - [Configure \& Secure MySQL/MariaDB](#configure--secure-mysqlmariadb)
+  - [Create the database](#create-the-database)
+  - [Install WordPress](#install-wordpress)
+  - [Configure WordPress](#configure-wordpress)
+  - [Start WordPress](#start-wordpress)
 
 ### Create an EC2 instance
 

content/aws/87500000-cdk-api-gateway-route53.md

@@ -1,6 +1,7 @@
 Title: CDK API Gateway with Custom Domain
 Date: 2022-10-24
 Category: AWS Academy
+Series: AWS CDK
 Tags: aws, cdk, python
 Author: Rehan Haider
 Summary: Create API Gateway and connect it with a custom domain / subdomain using Route53

design/alexis/templates/article.html

@@ -21,6 +21,9 @@
             </article>
             <h5>Need Help? <a href="https://github.com/CloudBytesDotDev/CloudBytes.dev/discussions">Open a discussion
                     thread on GitHub</a>.</h5>
+            {% if article.series %}
+            {% include "layouts/partial/series_navigation.html" %}
+            {% endif %}
             {% include "layouts/partial/tags.html"%}
             <hr>
             {% include "layouts/related.html" %}

design/alexis/templates/layouts/partial/series_navigation.html

@@ -0,0 +1,53 @@
+<!-- FILEPATH: /workspaces/cloudbytes/design/alexis/templates/layouts/partial/series_navigation.html -->
+
+<div class="series_navigation">
+    <ul class="pagination">
+
+        {% if article.series.previous == None %}
+        <li class="page-item">
+            <a class="page-link" aria-label="Previous"><span>
+                    << Prev: {{article.series.previous.title}}</span></a>
+        </li>
+        {% else %}
+        <li class="page-item">
+            <a href="/{{article.series.previous.url}}" class="page-link" aria-label="Previous"><span>
+                    << Prev: {{article.series.previous.title}}</span></a>
+        </li>
+        {% endif %}
+
+        <li class="page-item">
+            <a class="series-title" aria-label="Series"><span>
+                    Series: {{article.series.name}}</span></a>
+        </li>
+
+        {% if article.series.next == None %}
+        <li class="page-item">
+            <a class="page-link active" aria-label="Next"><span>Next:
+                    {{article.series.next.title}}
+                    >></span></a>
+        </li>
+        {% else %}
+        <li class="page-item">
+            <a href="/{{article.series.next.url}}" class="page-link" aria-label="Next"><span>Next:
+                    {{article.series.next.title}}
+                    >></span></a>
+        </li>
+        {% endif %}
+    </ul>
+</div>
+
+<style>
+    .series_navigation {
+        text-align: center;
+    }
+
+    .pagination {
+        display: flex;
+        list-style-type: none;
+        padding: 0;
+        width: 100%;
+        /* Make sure the list takes up the full width of its parent */
+        justify-content: space-between;
+        /* Pushes the items to the extreme left and right */
+    }
+</style>

requirements.txt

@@ -21,12 +21,14 @@ packaging==21.3
 pelican==4.8.0
 pelican-algolia==2.2.0
 pelican-related-posts==1.0.0
+pelican-series==2.1.0
 pelican-sitemap==1.0.2
 pelican-tag-cloud==1.0.1
 pelican-webassets==2.0.0
 pluggy==1.0.0
 py==1.11.0
 Pygments==2.12.0
+pyHtmlProofer==0.7.3a0
 pyparsing==3.0.9
 pytest==7.1.2
 python-dateutil==2.8.2
@@ -41,4 +43,3 @@ Unidecode==1.3.4
 urllib3==1.26.11
 webassets==2.0
 webencodings==0.5.1
-pyhtmlproofer

settings.py

@@ -22,9 +22,9 @@
 # Paths
 THEME_STATIC_DIR = "assets"
 THEME = "design/alexis"
-## Path to blog content
+# Path to blog content
 PATH = "content"
-## Path to static folders
+# Path to static folders
 STATIC_PATHS = [
     "images",
     "extra/SW.js",
@@ -67,13 +67,14 @@
     (1, "{url}", "{save_as}"),
     (2, "{base_name}/{number}/", "{base_name}/{number}/index.html"),
 )
-PAGINATED_TEMPLATES = {"index": None, "tag": None, "category": None, "author": None}
+PAGINATED_TEMPLATES = {"index": None,
+                       "tag": None, "category": None, "author": None}
 
 # Uncomment following line if you want document-relative URLs when developing
 # RELATIVE_URLS = True
 
 
-## Python-Markdown extension configuration
+# Python-Markdown extension configuration
 MARKDOWN = {
     "extension_configs": {
         # Needed for code syntax highlighting
@@ -93,13 +94,13 @@
 # Plugin Settings
 # ----------------
 
-## Tag Cloud settings
+# Tag Cloud settings
 TAG_CLOUD_STEPS = 4
 TAG_CLOUD_MAX_ITEMS = 100
 TAG_CLOUD_SORTING = "size"
 TAG_CLOUD_BADGE = True
 
-## Sitemap configuration
+# Sitemap configuration
 SITEMAP = {
     "format": "xml",
     "priorities": {"articles": 1, "indexes": 1, "pages": 0.25},
@@ -126,6 +127,7 @@
     "pelican.plugins.tag_cloud",
     "pelican.plugins.related_posts",
     "plugins.fix_sitemap",
+    "pelican.plugins.series",
     # "plugins.minify",
 ]
 prod_plugins = [
@@ -134,6 +136,7 @@
     "pelican.plugins.related_posts",
     "plugins.fix_sitemap",
     "plugins.search",
+    "pelican.plugins.series",
     "plugins.minify",
 ]