diff --git a/_graphicdesign/4-biggest-productivity-killers-in-your-office.md b/_graphicdesign/4-biggest-productivity-killers-in-your-office.md index 18d424b..44a1e47 100644 --- a/_graphicdesign/4-biggest-productivity-killers-in-your-office.md +++ b/_graphicdesign/4-biggest-productivity-killers-in-your-office.md @@ -14,4 +14,4 @@ tags: Featured on [NBC News](https://www.nbcnews.com/id/wbna55160898), [Yahoo! Finance](https://finance.yahoo.com/news/4-biggest-productivity-killers-office-202000004.html), and [Entrepreneur Magazine](https://www.entrepreneur.com/living/the-4-biggest-productivity-killers-in-your-office/233818). -![[/assets/Productivity Killers Infographic.jpg]] +![image](/assets/Productivity Killers Infographic.jpg) diff --git a/_graphicdesign/5-marketing-insights-infographic.md b/_graphicdesign/5-marketing-insights-infographic.md index 1908144..48bb307 100644 --- a/_graphicdesign/5-marketing-insights-infographic.md +++ b/_graphicdesign/5-marketing-insights-infographic.md @@ -14,4 +14,4 @@ tags: Featured in [Entrepreneur](https://www.entrepreneur.com/living/7-key-insights-from-top-business-leaders-infographic/245727) and [Inc. Magazine](https://www.inc.com/laura-montini/infographic/7-tips-for-entrepreneurs-by-entrepreneurs.html) -![[/assets/5-Marketing-Insights-Infographic-v1_s.jpg]] +![image](/assets/5-Marketing-Insights-Infographic-v1_s.jpg) diff --git a/_graphicdesign/6-levels-of-collaboration-infographic.md b/_graphicdesign/6-levels-of-collaboration-infographic.md index cdd8990..bb7576d 100644 --- a/_graphicdesign/6-levels-of-collaboration-infographic.md +++ b/_graphicdesign/6-levels-of-collaboration-infographic.md @@ -14,4 +14,4 @@ tags: Designed an infographic for xMatters on the 6 steps of collaboration, to compliment an eBook/Whitepaper. -![[/assets/Collaboration Proficiency infographic.jpg]] +![image](/assets/Collaboration Proficiency infographic.jpg) diff --git a/_graphicdesign/blum-tasty-almonds-flyer.md b/_graphicdesign/blum-tasty-almonds-flyer.md index b175f99..96c1089 100644 --- a/_graphicdesign/blum-tasty-almonds-flyer.md +++ b/_graphicdesign/blum-tasty-almonds-flyer.md @@ -11,4 +11,4 @@ tags: - graphic-design --- -![[/assets/Front 2.jpg]] +![image](/assets/Front 2.jpg) diff --git a/_graphicdesign/blum-tasty-almonds-website.md b/_graphicdesign/blum-tasty-almonds-website.md index 7b35521..9d8b559 100644 --- a/_graphicdesign/blum-tasty-almonds-website.md +++ b/_graphicdesign/blum-tasty-almonds-website.md @@ -12,4 +12,4 @@ tags: --- Website design for [Blum Tasty Almonds](https://eatblum.com). -![[/assets/blum-website.jpg]] +![image](/assets/blum-website.jpg) diff --git a/_graphicdesign/brickset-lego-infographic.md b/_graphicdesign/brickset-lego-infographic.md index cb9a7f6..1cd48ec 100644 --- a/_graphicdesign/brickset-lego-infographic.md +++ b/_graphicdesign/brickset-lego-infographic.md @@ -12,4 +12,4 @@ tags: - infographics --- -![[/assets/bricksetInfographic-v1_3_l.jpg]] +![image](/assets/bricksetInfographic-v1_3_l.jpg) diff --git a/_graphicdesign/cal-entertainment-website-design.md b/_graphicdesign/cal-entertainment-website-design.md index d075f39..34f0a5b 100644 --- a/_graphicdesign/cal-entertainment-website-design.md +++ b/_graphicdesign/cal-entertainment-website-design.md @@ -12,4 +12,4 @@ tags: --- Website design for [CAL Entertainment](https://calentertainment.com) speaker bureau. -![[/assets/cal-entertainment-website.jpg]] +![image](/assets/cal-entertainment-website.jpg) diff --git a/_graphicdesign/cleaning-up-brooklyns-dirty-laundry-infographic.md b/_graphicdesign/cleaning-up-brooklyns-dirty-laundry-infographic.md index de9e256..c90e123 100644 --- a/_graphicdesign/cleaning-up-brooklyns-dirty-laundry-infographic.md +++ b/_graphicdesign/cleaning-up-brooklyns-dirty-laundry-infographic.md @@ -14,4 +14,4 @@ tags: Created an infographic for FlyCleaners, analyzing Brooklyn’s dirty laundry — [featured in NY Daily News](https://www.nydailynews.com/new-york/gasp-brooklyn-hipster-neighborhoods-business-casual-cleaners-article-1.1602158). -![[/assets/infographic-6.jpg]] +![image](/assets/infographic-6.jpg) diff --git a/_graphicdesign/continental-sightiq-infographic.md b/_graphicdesign/continental-sightiq-infographic.md index 1b6d24a..4fc4e5f 100644 --- a/_graphicdesign/continental-sightiq-infographic.md +++ b/_graphicdesign/continental-sightiq-infographic.md @@ -12,4 +12,4 @@ tags: - infographics --- -![[/assets/Continental_Digitalisation_ZonarSightIQInfographic_m.jpg]] +![image](/assets/Continental_Digitalisation_ZonarSightIQInfographic_m.jpg) diff --git a/_graphicdesign/critts-press-kit.md b/_graphicdesign/critts-press-kit.md index 93a49fd..f517862 100644 --- a/_graphicdesign/critts-press-kit.md +++ b/_graphicdesign/critts-press-kit.md @@ -11,10 +11,10 @@ tags: - graphic-design --- -![[/assets/2024-01-31_21-27-45.jpeg]] +![image](/assets/2024-01-31_21-27-45.jpeg) -![[/assets/2024-01-31_21-27-59.jpeg]] +![image](/assets/2024-01-31_21-27-59.jpeg) -![[/assets/2024-01-31_21-28-23.jpeg]] +![image](/assets/2024-01-31_21-28-23.jpeg) -![[/assets/2024-01-31_21-28-35.jpeg]] +![image](/assets/2024-01-31_21-28-35.jpeg) diff --git a/_graphicdesign/ebb-enrollment-infographic.md b/_graphicdesign/ebb-enrollment-infographic.md index 80a7110..5bb0d8f 100644 --- a/_graphicdesign/ebb-enrollment-infographic.md +++ b/_graphicdesign/ebb-enrollment-infographic.md @@ -12,4 +12,4 @@ tags: - infographics --- -![[/assets/ebb-infographic-v2.jpg]] +![image](/assets/ebb-infographic-v2.jpg) diff --git a/_graphicdesign/exyn-press-kit.md b/_graphicdesign/exyn-press-kit.md index 04107d0..3616aa9 100644 --- a/_graphicdesign/exyn-press-kit.md +++ b/_graphicdesign/exyn-press-kit.md @@ -11,18 +11,18 @@ tags: - graphic-design --- -![[/assets/2024-01-31_21-31-12.jpeg]] +![image](/assets/2024-01-31_21-31-12.jpeg) -![[/assets/2024-01-31_21-31-25.jpeg]] +![image](/assets/2024-01-31_21-31-25.jpeg) -![[/assets/2024-01-31_21-31-40.jpeg]] +![image](/assets/2024-01-31_21-31-40.jpeg) -![[/assets/2024-01-31_21-31-54.jpeg]] +![image](/assets/2024-01-31_21-31-54.jpeg) -![[/assets/2024-01-31_21-32-09.jpeg]] +![image](/assets/2024-01-31_21-32-09.jpeg) -![[/assets/2024-01-31_21-32-30.jpeg]] +![image](/assets/2024-01-31_21-32-30.jpeg) -![[/assets/2024-01-31_21-32-43.jpeg]] +![image](/assets/2024-01-31_21-32-43.jpeg) -![[/assets/2024-01-31_21-33-02.jpeg]] +![image](/assets/2024-01-31_21-33-02.jpeg) diff --git a/_graphicdesign/gdpr-infographic-and-report.md b/_graphicdesign/gdpr-infographic-and-report.md index aa01678..7963c2a 100644 --- a/_graphicdesign/gdpr-infographic-and-report.md +++ b/_graphicdesign/gdpr-infographic-and-report.md @@ -14,4 +14,4 @@ tags: Conducted a study and survey to determine how ready organizations are for GDPR, for client Solix, which was [placed in MarTech Today](https://martechtoday.com/solix-survey-supplies-evidence-gdpr-unreadiness-211993). -![[/assets/GDPR Infographic Zach Taiji.jpg]] +![image](/assets/GDPR Infographic Zach Taiji.jpg) diff --git a/_graphicdesign/highland-refrigeration-website.md b/_graphicdesign/highland-refrigeration-website.md index 356c380..027357f 100644 --- a/_graphicdesign/highland-refrigeration-website.md +++ b/_graphicdesign/highland-refrigeration-website.md @@ -11,4 +11,4 @@ tags: - webdesign --- Website design for [Highland Refrigeration](https://highlandref.com). -![[/assets/highland-refrigeration-website.jpg]] +![image](/assets/highland-refrigeration-website.jpg) diff --git a/_graphicdesign/incfile-press-kit.md b/_graphicdesign/incfile-press-kit.md index 09824fb..cc83b61 100644 --- a/_graphicdesign/incfile-press-kit.md +++ b/_graphicdesign/incfile-press-kit.md @@ -11,10 +11,10 @@ tags: - graphic-design --- -![[/assets/2024-01-31_18-21-33.jpeg]] +![image](/assets/2024-01-31_18-21-33.jpeg) -![[/assets/2024-01-31_18-22-48.jpeg]] +![image](/assets/2024-01-31_18-22-48.jpeg) -![[/assets/2024-01-31_18-21-46.jpeg]] +![image](/assets/2024-01-31_18-21-46.jpeg) -![[/assets/2024-01-31_18-22-00.jpeg]] +![image](/assets/2024-01-31_18-22-00.jpeg) diff --git a/_graphicdesign/inside-an-early-stage-app-startup-infographic.md b/_graphicdesign/inside-an-early-stage-app-startup-infographic.md index 74f09cb..9765bc4 100644 --- a/_graphicdesign/inside-an-early-stage-app-startup-infographic.md +++ b/_graphicdesign/inside-an-early-stage-app-startup-infographic.md @@ -13,4 +13,4 @@ tags: --- Created an infographic for ROKO Labs providing an inside look at an early-stage startup. [Featured on WhatPixel.](https://whatpixel.com/infographic-jobs-found-in-early-stage-tech-startups/) -![[/assets/Early-Stage Startup Jobs Infographic.jpg]] +![image](/assets/Early-Stage Startup Jobs Infographic.jpg) diff --git a/_graphicdesign/jg-shellfish-website-design.md b/_graphicdesign/jg-shellfish-website-design.md index 7a4d41a..50a0501 100644 --- a/_graphicdesign/jg-shellfish-website-design.md +++ b/_graphicdesign/jg-shellfish-website-design.md @@ -13,4 +13,4 @@ tags: Website design for [Johnson and Gunstone Shellfish](https://www.jgshellfish.com/). -![[/assets/2024-02-04_15-18-11.jpeg]] +![image](/assets/2024-02-04_15-18-11.jpeg) diff --git a/_graphicdesign/minds-press-kit.md b/_graphicdesign/minds-press-kit.md index a78f764..fbdac46 100644 --- a/_graphicdesign/minds-press-kit.md +++ b/_graphicdesign/minds-press-kit.md @@ -11,28 +11,28 @@ tags: - graphic-design --- -![[/assets/2024-01-31_21-35-21.jpeg]] +![image](/assets/2024-01-31_21-35-21.jpeg) -![[/assets/2024-01-31_21-35-33.jpeg]] +![image](/assets/2024-01-31_21-35-33.jpeg) -![[/assets/2024-01-31_21-35-48.jpeg]] +![image](/assets/2024-01-31_21-35-48.jpeg) -![[/assets/2024-01-31_21-36-07.jpeg]] +![image](/assets/2024-01-31_21-36-07.jpeg) -![[/assets/2024-01-31_21-36-22.jpeg]] +![image](/assets/2024-01-31_21-36-22.jpeg) -![[/assets/2024-01-31_21-36-35.jpeg]] +![image](/assets/2024-01-31_21-36-35.jpeg) -![[/assets/2024-01-31_21-36-50.jpeg]] +![image](/assets/2024-01-31_21-36-50.jpeg) -![[/assets/2024-01-31_21-37-22.jpeg]] +![image](/assets/2024-01-31_21-37-22.jpeg) -![[/assets/2024-01-31_21-37-35.jpeg]] +![image](/assets/2024-01-31_21-37-35.jpeg) -![[/assets/2024-01-31_21-37-57.jpeg]] +![image](/assets/2024-01-31_21-37-57.jpeg) -![[/assets/2024-01-31_21-38-10.jpeg]] +![image](/assets/2024-01-31_21-38-10.jpeg) -![[/assets/2024-01-31_21-38-27.jpeg]] +![image](/assets/2024-01-31_21-38-27.jpeg) -![[/assets/2024-01-31_21-38-44.jpeg]] +![image](/assets/2024-01-31_21-38-44.jpeg) diff --git a/_graphicdesign/minds-war-for-the-web-infographic.md b/_graphicdesign/minds-war-for-the-web-infographic.md index 570eb42..2566dc2 100644 --- a/_graphicdesign/minds-war-for-the-web-infographic.md +++ b/_graphicdesign/minds-war-for-the-web-infographic.md @@ -12,4 +12,4 @@ tags: - infographics --- -![[/assets/WarForTheWeb.jpg]] +![image](/assets/WarForTheWeb.jpg) diff --git a/_graphicdesign/predicting-startup-unicorns-report-and-infographic.md b/_graphicdesign/predicting-startup-unicorns-report-and-infographic.md index c2497b0..a4e2065 100644 --- a/_graphicdesign/predicting-startup-unicorns-report-and-infographic.md +++ b/_graphicdesign/predicting-startup-unicorns-report-and-infographic.md @@ -18,4 +18,4 @@ Featured in [Inc. Magazine](https://www.inc.com/tess-townsend/10-startups-that-c [Also a winner of PR Daily's 2016 Content Marketing Awards.](https://www.prdaily.com/awards/content-marketing-awards/2016/winners/infographics/) -![[/assets/FutureUnicorns v10 from Inc.jpg]] +![image](/assets/FutureUnicorns v10 from Inc.jpg) diff --git a/_graphicdesign/rise-housing-web-design.md b/_graphicdesign/rise-housing-web-design.md index 607d696..15fb5f7 100644 --- a/_graphicdesign/rise-housing-web-design.md +++ b/_graphicdesign/rise-housing-web-design.md @@ -12,4 +12,4 @@ tags: - ui-ux --- -![[/assets/RiseHousing-Dashboard_inBrowser.jpg]] +![image](/assets/RiseHousing-Dashboard_inBrowser.jpg) diff --git a/_graphicdesign/rise-of-entertainment-on-demand-infographic.md b/_graphicdesign/rise-of-entertainment-on-demand-infographic.md index 2fee497..cd65ae6 100644 --- a/_graphicdesign/rise-of-entertainment-on-demand-infographic.md +++ b/_graphicdesign/rise-of-entertainment-on-demand-infographic.md @@ -14,4 +14,4 @@ tags: Created an infographic for Ninja Metrics about the rise of entertainment on demand, like Netflix, Hulu, and Spotify. Also performed the research and media outreach, with [key placement in AdWeek Magazine](https://www.adweek.com/tv-video/infographic-rise-entertainment-demand-164529/). -![[/assets/Rise-of-Entertainment-Infographic-v1_s.jpg]] +![image](/assets/Rise-of-Entertainment-Infographic-v1_s.jpg) diff --git a/_graphicdesign/rotimatic-flyer.md b/_graphicdesign/rotimatic-flyer.md index 693f1f5..d2d964a 100644 --- a/_graphicdesign/rotimatic-flyer.md +++ b/_graphicdesign/rotimatic-flyer.md @@ -11,4 +11,4 @@ tags: - graphic-design --- -![[/assets/roti.jpg]] +![image](/assets/roti.jpg) diff --git a/_graphicdesign/saas-ipos-then-and-now-infographic.md b/_graphicdesign/saas-ipos-then-and-now-infographic.md index b6d7ce4..66aae40 100644 --- a/_graphicdesign/saas-ipos-then-and-now-infographic.md +++ b/_graphicdesign/saas-ipos-then-and-now-infographic.md @@ -14,4 +14,4 @@ tags: [Featured in Entrepreneur Magazine.](https://www.entrepreneur.com/science-technology/cloud-based-tech-companies-are-hot-ipo-candidates/231674) -![[/assets/Cloud-Based Tech Companies Infographic.jpg]] +![image](/assets/Cloud-Based Tech Companies Infographic.jpg) diff --git a/_graphicdesign/social-value-report-infographic.md b/_graphicdesign/social-value-report-infographic.md index 6ded25a..6fc2daa 100644 --- a/_graphicdesign/social-value-report-infographic.md +++ b/_graphicdesign/social-value-report-infographic.md @@ -12,4 +12,4 @@ tags: - infographics --- -![[/assets/Social-Value-Report-2015-7_s.jpg]] +![image](/assets/Social-Value-Report-2015-7_s.jpg) diff --git a/_graphicdesign/spryng-press-kit.md b/_graphicdesign/spryng-press-kit.md index 21073f9..0feb185 100644 --- a/_graphicdesign/spryng-press-kit.md +++ b/_graphicdesign/spryng-press-kit.md @@ -11,16 +11,16 @@ tags: - graphic-design --- -![[/assets/2024-01-31_21-44-52.jpeg]] +![image](/assets/2024-01-31_21-44-52.jpeg) -![[/assets/2024-01-31_21-45-10.jpeg]] +![image](/assets/2024-01-31_21-45-10.jpeg) -![[/assets/2024-01-31_21-45-23.jpeg]] +![image](/assets/2024-01-31_21-45-23.jpeg) -![[/assets/2024-01-31_21-45-38.jpeg]] +![image](/assets/2024-01-31_21-45-38.jpeg) -![[/assets/2024-01-31_21-45-53.jpeg]] +![image](/assets/2024-01-31_21-45-53.jpeg) -![[/assets/2024-01-31_21-46-10.jpeg]] +![image](/assets/2024-01-31_21-46-10.jpeg) -![[/assets/2024-01-31_21-46-34.jpeg]] +![image](/assets/2024-01-31_21-46-34.jpeg) diff --git a/_graphicdesign/the-intersection-of-ai-and-blockchain.md b/_graphicdesign/the-intersection-of-ai-and-blockchain.md index c628495..7c4f854 100644 --- a/_graphicdesign/the-intersection-of-ai-and-blockchain.md +++ b/_graphicdesign/the-intersection-of-ai-and-blockchain.md @@ -15,4 +15,4 @@ tags: [Featured and published on CoinMonks.](https://medium.com/coinmonks/the-intersection-of-ai-and-blockchain-an-infographic-d33578fe3235) -![[/assets/ai-blockchain.jpg]] +![image](/assets/ai-blockchain.jpg) diff --git a/_graphicdesign/the-role-indians-play-in-americas-billion-dollar-startup-ecosystem-report-and-infographic.md b/_graphicdesign/the-role-indians-play-in-americas-billion-dollar-startup-ecosystem-report-and-infographic.md index 1e7008e..b6f957a 100644 --- a/_graphicdesign/the-role-indians-play-in-americas-billion-dollar-startup-ecosystem-report-and-infographic.md +++ b/_graphicdesign/the-role-indians-play-in-americas-billion-dollar-startup-ecosystem-report-and-infographic.md @@ -19,4 +19,4 @@ Performed an extensive study on Indian Americans and the role they play in tech, [You can view the full article and report here.](https://qz.com/india/1050736/then-and-now-the-role-indians-play-in-americas-billion-dollar-startup-ecosystem/) -![[/assets/Indian Americans Infographic.jpg]] +![image](/assets/Indian Americans Infographic.jpg) diff --git a/_graphicdesign/touch-a-life-heroes-one-pager.md b/_graphicdesign/touch-a-life-heroes-one-pager.md index b076286..541c928 100644 --- a/_graphicdesign/touch-a-life-heroes-one-pager.md +++ b/_graphicdesign/touch-a-life-heroes-one-pager.md @@ -11,4 +11,4 @@ tags: - graphic-design --- -![[/assets/2024-01-31_20-45-07.jpeg]] +![image](/assets/2024-01-31_20-45-07.jpeg) diff --git a/_graphicdesign/tribal-edge-website.md b/_graphicdesign/tribal-edge-website.md index b73858d..587e34a 100644 --- a/_graphicdesign/tribal-edge-website.md +++ b/_graphicdesign/tribal-edge-website.md @@ -11,4 +11,4 @@ tags: - webdesign --- -![[/assets/tribal-edge-website-design.jpg]] +![image](/assets/tribal-edge-website-design.jpg) diff --git a/_graphicdesign/xmatters-free-infographic.md b/_graphicdesign/xmatters-free-infographic.md index 1e6dbcb..3a3e5bb 100644 --- a/_graphicdesign/xmatters-free-infographic.md +++ b/_graphicdesign/xmatters-free-infographic.md @@ -12,4 +12,4 @@ tags: - infographics --- -![[/assets/xMatters Free Infographic.jpg]] +![image](/assets/xMatters Free Infographic.jpg) diff --git a/_graphicdesign/yeedi-k650-press-kit.md b/_graphicdesign/yeedi-k650-press-kit.md index 0f033c4..dc32886 100644 --- a/_graphicdesign/yeedi-k650-press-kit.md +++ b/_graphicdesign/yeedi-k650-press-kit.md @@ -11,14 +11,14 @@ tags: - graphic-design --- -![[/assets/2024-01-31_18-31-16.jpeg]] +![image](/assets/2024-01-31_18-31-16.jpeg) -![[/assets/2024-01-31_18-31-29.jpeg]] +![image](/assets/2024-01-31_18-31-29.jpeg) -![[/assets/2024-01-31_18-31-44.jpeg]] +![image](/assets/2024-01-31_18-31-44.jpeg) -![[/assets/2024-01-31_18-32-00.jpeg]] +![image](/assets/2024-01-31_18-32-00.jpeg) -![[/assets/2024-01-31_18-32-15.jpeg]] +![image](/assets/2024-01-31_18-32-15.jpeg) -![[/assets/2024-01-31_18-32-29.jpeg]] +![image](/assets/2024-01-31_18-32-29.jpeg) diff --git a/_layouts/archive.html b/_layouts/archive.html index 66c48b9..63b38ae 100644 --- a/_layouts/archive.html +++ b/_layouts/archive.html @@ -5,9 +5,13 @@ {{ page.title }} - - {{ page.title }} - {{ content }} - {% include nav.html %} + +
+
+

{{ page.title }}

+ {{ content }} + +
+
\ No newline at end of file diff --git a/_layouts/home.html b/_layouts/home.html index f1807f2..f4c55c7 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -5,8 +5,12 @@ {{ page.title }} - - {{ page.title }} - {{ content }} + +
+
+

{{ page.title }}

+ {{ content }} +
+
\ No newline at end of file diff --git a/_layouts/page.html b/_layouts/page.html index 278cfe6..d0a878e 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -5,10 +5,14 @@ {{ page.title }} - - {{ page.title }} - {{ page.modified }} - {{ content }} - {% include nav.html %} + +
+
+

{{ page.title }}

+ {{ content }} +
Updated: {{ page.modified }}
+ +
+
\ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html index f81791e..1b8c026 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -5,11 +5,20 @@ {{ page.title }} - - {{ page.title }} - {{ page.date }} - {{ page.tags }} - {{ content }} - {% include nav.html %} + +
+
+

{{ page.title }}

+
{{ page.date | date_to_string }} +
+ + {{ content }} + +
+
\ No newline at end of file diff --git a/_sass/main.scss b/_sass/main.scss index e69de29..e7d1877 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -0,0 +1,94 @@ +// -------------- THEME SWITCHER -------------- // +@mixin dark-appearance { + filter: invert(1); + img { + filter: invert(1); + + &.ioda { filter: invert(0); } + } + } + + body[a="dark"] { @include dark-appearance; } + + + @media (prefers-color-scheme: dark) { + body[a="auto"] { @include dark-appearance; } + } + // -------------------------------------------- // + + // bg color is also needed in html in order to + // block body's background propagation + // see: https://stackoverflow.com/a/61265706 + html, body { background: white; } + + html { height: 100%; } + + body { + color: black; + font-family: monospace; + font-size: 16px; + line-height: 1.4; + margin: 0; + min-height: 100%; + overflow-wrap: break-word; + } + + .post-meta { text-align: right; } + + h2, h3, h4, h5, h6 { margin-top: 3rem; } + + hr { margin: 2rem 0; } + + p { margin: 1rem 0; } + + li { margin: 0.4rem 0; } + + *:target { background: yellow; } + + .w { + max-width: 640px; + margin: 0 auto; + padding: 4rem 2rem; + } + + hr { + text-align: center; + border: 0; + + &:before { content: '/////' } + &:after { content: attr(data-content) '/////' } + } + + table { width: 100%; } + + table, th, td { + border: thin solid black; + border-collapse: collapse; + padding: 0.4rem; + } + + code { + color: white; + background: black; + } + + div.highlighter-rouge code { + display: block; + overflow-x: auto; + white-space: pre-wrap; + padding: 1rem; + } + + blockquote { + font-style: italic; + border: thin solid black; + padding: 1rem; + + p { margin: 0; } + } + + img { + max-width: 100%; + display: block; + margin: 0 auto; + } \ No newline at end of file