diff --git a/TODO b/TODO index 4ea3440..fe5f20e 100644 --- a/TODO +++ b/TODO @@ -2,10 +2,10 @@ [x] Install Fonts [x] Style Code blocks [x] Highlight current navigation item -[ ] Use css variables -[ ] Dark mode +[x] Use css variables +[x] Dark mode [x] Resize Logo [x] Reading time [x] Bio component [x] Add social image -[ ] Add hero image to one of the posts +[x] Add hero image to one of the posts diff --git a/public/assets/blog/casual-life-3d-girl-boy-poses.webp b/public/assets/blog/casual-life-3d-girl-boy-poses.webp new file mode 100644 index 0000000..e9c2b73 Binary files /dev/null and b/public/assets/blog/casual-life-3d-girl-boy-poses.webp differ diff --git a/public/assets/blog/casual-life-3d-likes.webp b/public/assets/blog/casual-life-3d-likes.webp new file mode 100644 index 0000000..5d4bc8c Binary files /dev/null and b/public/assets/blog/casual-life-3d-likes.webp differ diff --git a/public/assets/blog/casual-life-3d-meditation-crystal.webp b/public/assets/blog/casual-life-3d-meditation-crystal.webp new file mode 100644 index 0000000..eb9871a Binary files /dev/null and b/public/assets/blog/casual-life-3d-meditation-crystal.webp differ diff --git a/public/assets/blog/casual-life-3d-workspace.webp b/public/assets/blog/casual-life-3d-workspace.webp new file mode 100644 index 0000000..4ac534e Binary files /dev/null and b/public/assets/blog/casual-life-3d-workspace.webp differ diff --git a/src/data/blog-posts/hello-world.md b/src/data/blog-posts/hello-world.md index 97d3a83..6661a2b 100644 --- a/src/data/blog-posts/hello-world.md +++ b/src/data/blog-posts/hello-world.md @@ -4,6 +4,8 @@ publishDate: 30 Nov 2021 description: Every blog starts with a single post. This is yours. Make it great. --- +![Illustration of woman using a meditation app](/assets/blog/casual-life-3d-meditation-crystal.webp) + This post intentionally left blank. Write what you want. diff --git a/src/data/blog-posts/markdown-test.md b/src/data/blog-posts/markdown-test.md index 75db7cf..115abb6 100644 --- a/src/data/blog-posts/markdown-test.md +++ b/src/data/blog-posts/markdown-test.md @@ -4,6 +4,8 @@ publishDate: 01 Dec 2021 description: A sample page with the most common elements of an article, including headings, paragraphs, lists, and images. Use it as a starting point for applying your own styles. --- +![Illustration of woman using a computer receiving likes](/assets/blog/casual-life-3d-likes.webp) + This page is an adapted version of [markdown-test-page](https://github.com/fullpipe/markdown-test-page). It should give you an idea of how different elements are styled on this template. ## Table of Contents @@ -187,13 +189,13 @@ Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occ Sint ea anim ipsum ad commodo cupidatat do **exercitation** incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. Ullamco ad laborum ea qui et anim in laboris exercitation tempor sit officia laborum reprehenderit culpa velit quis. **Consequat commodo** reprehenderit duis [irure](#) esse esse exercitation minim enim Lorem dolore duis irure. Nisi Lorem reprehenderit ea amet excepteur dolor excepteur magna labore proident voluptate ipsum. Reprehenderit ex esse deserunt aliqua ea officia mollit Lorem nulla magna enim. Et ad ipsum labore enim ipsum **cupidatat consequat**. Commodo non ea cupidatat magna deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia. -![Super wide](https://placekitten.com/1280/800) +![Super wide](/assets/blog/casual-life-3d-workspace.webp) _Proident sit veniam in est proident officia adipisicing_ ea tempor cillum non cillum velit deserunt. Voluptate laborum incididunt sit consectetur Lorem irure incididunt voluptate nostrud. Commodo ut eiusmod tempor cupidatat esse enim minim ex anim consequat. Mollit sint culpa qui laboris quis consectetur ad sint esse. Amet anim anim minim ullamco et duis non irure. Sit tempor adipisicing ea laboris `culpa ex duis sint` anim aute reprehenderit id eu ea. Aute [excepteur proident](#) Lorem minim adipisicing nostrud mollit ad ut voluptate do nulla esse occaecat aliqua sint anim. -![Not so big](https://placekitten.com/480/400) +Not so wide -Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est _enim **anim** voluptate_. Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi **adipisicing sunt _officia_**. Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate. +Incididunt in culpa cupidatat mollit cillum qui proident sit. In cillum aliquip incididunt voluptate magna amet cupidatat cillum pariatur sint aliqua est _enim **anim** voluptate_. Magna aliquip proident incididunt id duis pariatur eiusmod incididunt commodo culpa dolore sit. Culpa do nostrud elit ad exercitation anim pariatur non minim nisi **adipisicing sunt _officia_**. Do deserunt magna mollit Lorem commodo ipsum do cupidatat mollit enim ut elit veniam ea voluptate. Sint ea anim ipsum ad commodo cupidatat do **exercitation** incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla.