Add article page, article details page and CSS

Signed-off-by: mohin7 <mohin@appscode.com>

content/articles/how-to-deploy-postgres-via-kubernetes-postgresql-operator final/index.md

@@ -4,7 +4,9 @@ Description: Learn how to deploy Postgres using the Kubernetes PostgreSQL Operat
 date: "2023-02-01"
 ---
 
-## How to Deploy Postgres via Kubernetes PostgreSQL Operator
+# How to Deploy Postgres via Kubernetes PostgreSQL Operator
+
+![Alt text](./deploy-postgres.jpg "a title")
 
 Kubernetes is an open-source container orchestration platform that revolutionizes the way applications are deployed, scaled, and managed in a distributed computing environment. It provides a highly scalable and fault-tolerant system for automating the lifecycle management of containerized applications. Leveraging concepts like pods, services, and controllers, Kubernetes abstracts the underlying infrastructure and offers a declarative approach to application deployment and scaling. It incorporates advanced scheduling techniques, load balancing, and service discovery mechanisms to ensure efficient resource utilization and optimal performance. With its robust API, extensible architecture, and integration with cloud-native technologies, Kubernetes has emerged as the industry-standard solution for container orchestration, empowering organizations to build and operate resilient and scalable applications in a highly efficient manner. 
 

layouts/articles/list.html

@@ -6,17 +6,17 @@
 <!-- articles area for page start -->
 <section class="articles-area">
   <div class="container">
+    <div class="columns">
+      <div class="column">
+        <h3>All Articles</h3>
+      </div>
+    </div>
     <div class="columns is-multiline">
       {{ range $idx, $p := $pages.ByDate.Reverse }}
       <div class="column is-4">
         <a href="{{ $p.RelPermalink }}" class="single-article-card">
-          <!-- <div class="user-info">
-            <img src="/assets/images/authors/profile-photos-84x84/dipta-roy.jpg" alt="author" width="20" height="20" loading="lazy" decoding="async">
-            <p class="mr-12 author">Dipta Roy</p>
-          </div> -->
-
-          <h2 class="is-ellipsis-3" title="Monitor MongoDB with Grafana Dashboard in Azure Kubernetes Service (AKS)">{{ $p.Title }}</h2>
-          <p class="is-ellipsis-3">{{$p.Description }}</p>
+          <h2 class="is-ellipsis-2" title="Monitor MongoDB with Grafana Dashboard in Azure Kubernetes Service (AKS)">{{ $p.Title }}</h2>
+          <p class="is-ellipsis-2">{{$p.Description }}</p>
           <div class="card-bottom is-flex is-justify-content-space-between">
             <div class="date-meta">10-Jul-2023</div>
             <div class="arrow-icon width-15">
@@ -33,5 +33,4 @@ <h2 class="is-ellipsis-3" title="Monitor MongoDB with Grafana Dashboard in Azure
 </section>
 <!-- articles area for page end -->
 
-
-{{ end }}
+{{ end }}

layouts/articles/single.html

@@ -5,7 +5,7 @@
     <!-- is-centered -->
     <div class="columns">
       <div class="column is-12">
-        <div class="article-content">{{ .Content }}</div>
+        <div class="full-info">{{ .Content }}</div>
       </div>
     </div>
   </div>