From 29d002335262fddddb252119fb0ff05c76fff2b2 Mon Sep 17 00:00:00 2001 From: Unmannedruins Date: Tue, 27 Aug 2024 17:18:49 +0000 Subject: [PATCH] update --- _posts/2019-08-08-text-and-typography.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/_posts/2019-08-08-text-and-typography.md b/_posts/2019-08-08-text-and-typography.md index a8db26a..40d475e 100644 --- a/_posts/2019-08-08-text-and-typography.md +++ b/_posts/2019-08-08-text-and-typography.md @@ -9,7 +9,7 @@ pin: true math: true mermaid: true image: - path: /commons/devices-mockup.png + path: [/commons/devices-mockup.png](https://chirpy-img.netlify.app/commons/devices-mockup.png) lqip: data:image/webp;base64,UklGRpoAAABXRUJQVlA4WAoAAAAQAAAADwAABwAAQUxQSDIAAAARL0AmbZurmr57yyIiqE8oiG0bejIYEQTgqiDA9vqnsUSI6H+oAERp2HZ65qP/VIAWAFZQOCBCAAAA8AEAnQEqEAAIAAVAfCWkAALp8sF8rgRgAP7o9FDvMCkMde9PK7euH5M1m6VWoDXf2FkP3BqV0ZYbO6NA/VFIAAAA alt: Responsive rendering of Chirpy theme on multiple devices. --- @@ -166,29 +166,29 @@ $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$ ### Default (with caption) -![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" } +![Desktop View]([/posts/20190808/mockup.png](https://chirpy-img.netlify.app/posts/20190808/mockup.png)){: width="972" height="589" } _Full screen width and center alignment_ ### Left aligned -![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" .w-75 .normal} +![Desktop View]([/posts/20190808/mockup.png](https://chirpy-img.netlify.app/posts/20190808/mockup.png)){: width="972" height="589" .w-75 .normal} ### Float to left -![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" .w-50 .left} +![Desktop View]([/posts/20190808/mockup.png](https://chirpy-img.netlify.app/posts/20190808/mockup.png)){: width="972" height="589" .w-50 .left} Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum. ### Float to right -![Desktop View](/posts/20190808/mockup.png){: width="972" height="589" .w-50 .right} +![Desktop View]([/posts/20190808/mockup.png](https://chirpy-img.netlify.app/posts/20190808/mockup.png)){: width="972" height="589" .w-50 .right} Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum. ### Dark/Light mode & Shadow The image below will toggle dark/light mode based on theme preference, notice it has shadows. -![light mode only](/posts/20190808/devtools-light.png){: .light .w-75 .shadow .rounded-10 w='1212' h='668' } -![dark mode only](/posts/20190808/devtools-dark.png){: .dark .w-75 .shadow .rounded-10 w='1212' h='668' } +![light mode only]([/posts/20190808/devtools-light.png](https://chirpy-img.netlify.app/posts/20190808/devtools-light.png)){: .light .w-75 .shadow .rounded-10 w='1212' h='668' } +![dark mode only]([/posts/20190808/devtools-dark.png](https://chirpy-img.netlify.app/posts/20190808/devtools-dark.png)){: .dark .w-75 .shadow .rounded-10 w='1212' h='668' } ## Video