added author info

zackrylangford · Jun 5, 2024 · 7692bbb · 7692bbb
1 parent 3a9b63a
commit 7692bbb
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 2 deletions.
diff --git a/_layouts/blog-post.html b/_layouts/blog-post.html
@@ -11,9 +11,17 @@
   <link rel="stylesheet" href="{{ '/assets/css/blog-post.css' | relative_url }}">
 </head>
 
+<body>
   <main class="container">
     <article class="blog-post">
       <h1>{{ page.title }}</h1>
+      <div class="author-info">
+        <img src="{{ page.author.image | relative_url }}" alt="{{ page.author.name }} Thumbnail" class="author-thumbnail">
+        <div class="author-details">
+          <p class="author-name">By {{ page.author.name }}</p>
+          <p class="publish-date">{{ page.date | date: "%B %d, %Y" }}</p>
+        </div>
+      </div>
       {{ content }}
     </article>
   </main>

diff --git a/_posts/2024-06-05-emotional-trading.md b/_posts/2024-06-05-emotional-trading.md
@@ -2,7 +2,10 @@
 layout: blog-post  
 title: "Emotional Trading: Mastering Your Mindset for Consistent Success"  
 date: 2024-06-05  
-categories: psychology  
+categories: psychology
+author:
+    name: Zack
+    image: "/assets/images/authors/zack.jpg"
 ---
 
 Trading can be a rollercoaster of emotions. One of the biggest challenges I’ve faced, and many others share, is controlling emotions while trading. Managing these emotions is crucial for consistent success in the market.

diff --git a/assets/css/blog-post.css b/assets/css/blog-post.css
@@ -37,4 +37,38 @@
   margin-right: auto;
   padding: 10px 0;
 }
-
+
+
+.author-info {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+  padding: 10px;
+  background-color: #f9f9f9;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.author-thumbnail {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  margin-right: 15px;
+}
+
+.author-details {
+  flex: 1;
+}
+
+.author-name, .publish-date {
+  margin: 0;
+  color: #333;
+}
+
+.author-name {
+  font-weight: bold;
+}
+
+.publish-date {
+  color: #666;
+}
diff --git a/assets/images/authors/zack.jpg b/assets/images/authors/zack.jpg