From 4d87e08135f78fbb577b961015483ed4c61bbf41 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Wed, 21 Jul 2021 05:27:09 -0500
Subject: Add additional info to README, fix errors

---
 README.md                                |  8 ++++----
 components/Markdown/markdown.module.scss | 15 +++++++++++++++
 pages/logs/index.tsx                     |  2 +-
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index ce2d3b3..7b8ffdb 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,11 @@
 Homepage
 ========
 
-This is the source for my [personal webiste](https://www.furkistan.com). It's effectively a static site.
+This is the source for my [personal website](https://www.furkistan.com). It's effectively a static site.
 
-It's written using the `next.js` framework which a SSO rendering system built on `react` and `typescript`. `nginx` reverse proxies and caches it. `next.js` overkill for a small, static project. But, the code is lean and clean. If I want to do something fancy in the future, I have all the tools.
+It's written using the `next.js` framework which is a SSO rendering system built on `react` and `typescript`. `nginx` reverse proxies and caches it. `next.js` is overkill for a small, static project. But, the code is lean and clean. If I want to do something fancy in the future, I have all the tools.
 
-I did all the theming: simple, readable, clean, and monospaced. I also wrote a trivial CMS based on markdown and JSON for metadata.
+I did all the theming: simple, readable, clean, and monospaced. I also wrote a trivial CMS based on markdown and JSON. It loads the posts in chronological order and stores relevant metadata.
 
 ```
 ├── components   REUSABLE COMPONENTS
@@ -16,4 +16,4 @@ I did all the theming: simple, readable, clean, and monospaced. I also wrote a t
 ├── styles       PRELOADED STYLE
 ├── templates    PAGE TEMPLATES
 └── utils        UTILS (MOSTLY LOADING HELPERS)
-```
\ No newline at end of file
+```
diff --git a/components/Markdown/markdown.module.scss b/components/Markdown/markdown.module.scss
index ebd372c..e1debd1 100644
--- a/components/Markdown/markdown.module.scss
+++ b/components/Markdown/markdown.module.scss
@@ -73,6 +73,10 @@
     pre {
         padding: 0.5rem 1.0rem;
         margin: 0.5rem 0;
+        box-sizing: border-box;
+    }
+    pre > code {
+        padding: 0;
     }
 
     code, pre {
@@ -80,6 +84,17 @@
         border-radius: 5px;
     }
 
+    pre {
+        overflow: auto;
+        box-sizing: border-box;
+    }
+
+    @media screen and (max-width: 700px) {
+        pre {
+            padding-bottom: 0.7rem;
+        }
+    }
+
     li {
         line-height: 1.15;
         margin-left: 1em;
diff --git a/pages/logs/index.tsx b/pages/logs/index.tsx
index fa74aa4..a10fdee 100644
--- a/pages/logs/index.tsx
+++ b/pages/logs/index.tsx
@@ -23,7 +23,7 @@ const Logs : FC<Props> = ({ posts }) => {
       <ul className={styles.logList}>
       {
         posts.map(({ directory, meta }) => (
-          <li><a href={'/logs/' + directory}>{meta.name}</a></li>
+          <li key={directory}><a href={'/logs/' + directory}>{meta.name}</a></li>
         ))
       }
       </ul>
-- 
cgit v1.2.3