diff options
| -rw-r--r-- | README.md | 8 | ||||
| -rw-r--r-- | components/Markdown/markdown.module.scss | 15 | ||||
| -rw-r--r-- | pages/logs/index.tsx | 2 |
3 files changed, 20 insertions, 5 deletions
@@ -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> |