diff --git a/posts/editor_frontier.md b/posts/editor_frontier.md index 0e525b1..caa7479 100644 --- a/posts/editor_frontier.md +++ b/posts/editor_frontier.md @@ -10,6 +10,8 @@ draft: true tags: [] --- +https://irreal.org/blog/?p=697 + So recently I got a Youtube reccomendation of [Primeagen](https://www.youtube.com/@ThePrimeTimeagen) where he reacted to the video below. Of course as I do at this point I didn't watch his reaction and just went to the source to form my own opinion. diff --git a/static/css/colors.css b/static/css/colors.css index f9f7468..fac3829 100644 --- a/static/css/colors.css +++ b/static/css/colors.css @@ -19,7 +19,10 @@ --nav-link-bg-color-hover:hsl(0,0%,20%); --content-border-color: #5ac; /*stolen from code theme*/ - --blockquote-bg: rgb(29, 31, 33); + + --codeblock-bg: rgb(29, 31, 33); + --blockquote-bg: oklch(30% 0.01 325); + --blockquote-accent-color: oklch(45% 0.1628 256.77); --highlight-bg: #fff; --highlight-fg: #000; --nav-link-bg-color-active: #118411; @@ -60,7 +63,9 @@ --nav-link-bg-color: hsl(0,0%,75%); --nav-link-bg-color-hover:hsl(0,0%,70%); --content-border-color: #026; - --blockquote-bg: rgb(226,224,222); + --codeblock-bg: rgb(226,224,222); + --blockquote-bg: oklch(70% 0.012 296.97); + --blockquote-accent-color: oklch(45% 0.1628 256.77); --highlight-bg: #000; --highlight-fg: #fff; --nav-link-bg-color-active: #118411; @@ -123,6 +128,9 @@ a:active { blockquote { background: var(--blockquote-bg); + & > * { + border-left: solid var(--blockquote-accent-color); + } strong { color:red; } @@ -130,7 +138,7 @@ blockquote { pre:has( > code), pre.hljs { /*I don't wanna dig into highlight.js internals to make !important redundant*/ - background: var(--blockquote-bg) !important; + background: var(--codeblock-bg) !important; } /*fancy user selection for funsies*/ ::selection { diff --git a/static/css/layout.css b/static/css/layout.css index 8f17c61..5278896 100644 --- a/static/css/layout.css +++ b/static/css/layout.css @@ -176,11 +176,12 @@ article { } blockquote { /*font-style: italic;*/ - padding: 0.5em 1em; + padding: 0; border-radius: 0.5rem; p{ /*margin is annoying in this case*/ - margin: 0; + margin: 0.4em 0.5em; + padding: 0em 0.5em; } } /*might need to become grid when adding in table of contents and sidenotes*/