Merge branch 'develop'

Nilesh2000 · Jan 17, 2025 · c0dda8b · c0dda8b
2 parents 0e43405 + af75488
commit c0dda8b
Show file tree

Hide file tree

Showing 2 changed files with 112 additions and 2 deletions.
diff --git a/themes/minimal/assets/css/main.css b/themes/minimal/assets/css/main.css
@@ -88,6 +88,7 @@ main {
 footer {
   border-top: 1px solid var(--border-color);
   font-size: 0.9rem;
+  line-height: 1.5;
   padding-bottom: 1rem;
   text-align: center;
 }
@@ -118,6 +119,34 @@ nav a {
   color: inherit;
 }
 
+.home-content {
+  max-width: 42rem;
+  margin: 3rem auto;
+  font-size: 1.2rem;
+}
+
+.home-content p {
+  line-height: 1.6;
+}
+
+.home-content ul {
+  list-style: none;
+  padding: 0;
+}
+
+.home-content li {
+  margin: 0.75rem 0;
+  padding-left: 1.5rem;
+  position: relative;
+}
+
+.home-content li::before {
+  content: "•";
+  color: var(--link-color);
+  position: absolute;
+  left: 0;
+}
+
 .social-icons {
   display: flex;
   gap: 1.25rem;
@@ -173,14 +202,89 @@ nav a {
   align-items: center;
   color: var(--post-meta-color);
   display: flex;
-  font-size: 0.95rem;
+  font-size: 0.9rem;
   justify-content: space-between;
 }
 
+.post-meta time {
+  font-style: italic;
+}
+
 .post-meta small {
   margin-left: auto;
 }
 
+.post-content h2 {
+  font-size: 1.8rem;
+  margin-top: 2.5rem;
+  margin-bottom: 1.25rem;
+}
+
+.post-content h3 {
+  color: var(--text-color);
+  font-size: 1.4rem;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+
+.post-content p {
+  margin: 1.25rem 0;
+}
+
+.post-content ul,
+.post-content ol {
+  margin: 1.25rem 0;
+  padding-left: 1.5rem;
+}
+
+.post-content li {
+  margin: 0.5rem 0;
+}
+
+.post-content hr {
+  background-color: var(--post-border);
+  border: none;
+  height: 1px;
+  margin: 2.5rem 0;
+}
+
+.post-content blockquote {
+  border-left: 3px solid var(--border-color);
+  color: var(--post-meta-color);
+  font-style: italic;
+  margin: 1.5rem 0;
+  padding-left: 1.25rem;
+}
+
+.post-content code {
+  background-color: var(--strong-bg);
+  border-radius: 3px;
+  font-family: monospace;
+  font-size: 0.9em;
+  padding: 0.2em 0.4em;
+}
+
+.post-content pre {
+  background-color: var(--strong-bg);
+  border-radius: 6px;
+  margin: 1.5rem 0;
+  overflow-x: auto;
+  padding: 1rem;
+}
+
+.post-content pre code {
+  background: none;
+  padding: 0;
+}
+
+.post-content img {
+  border-radius: 6px;
+  display: block;
+  height: auto;
+  margin: 2rem auto;
+  max-width: 100%;
+}
+
 .fa-heart {
   color: var(--heart-color);
 }
@@ -208,4 +312,8 @@ nav a {
     gap: 2rem;
     width: 100%;
   }
+
+  footer {
+    font-size: 0.85rem;
+  }
 }
diff --git a/themes/minimal/layouts/_default/home.html b/themes/minimal/layouts/_default/home.html
@@ -1,5 +1,7 @@
 {{ define "main" }}
-  {{ .Content }}
+<div class="home-content">
+    {{ .Content }}
+  </div>
   <div class="social-icons">
     <a href="{{ .Site.Params.github }}" target="_blank" aria-label="GitHub">
       <i class="fa-brands fa-github"></i>