jsonrpc blog post without dark theme (#1047)

* add code highlighting * first draft of jsonrpc blogpost * code highlight line (works with jekyll 4.4, I can't test, as I only have 4.0 locally) * smaller improvements * more fixes * more fixes remove solved todo items * fmt * remove todo from post * make mermaid flowchart clearer to understand * fix a rust codefence block looks like line highlight doesn't work in the version we use either * realtime blog post is out soon, link to it directly * Update _posts/2024-11-10-why-jsonrpc-bindings-exist.md Co-authored-by: Casper Zandbergen <info@casperzandbergen.nl> * convert anchor from obsidian to markdown * add small section about current usage of jsonrpc * fix typos * Apply suggestions from code review Co-authored-by: WofWca <wofwca@protonmail.com> Co-authored-by: Sebastian Klähn <39526136+Septias@users.noreply.github.com> Co-authored-by: Nico de Haen <ndh@deltachat.de> * Apply suggestions from code review and improve a few things * small improvements, fix casing, add clarifications and break long line * Eplain RPC, fix some casing * rewording * fix typos * remove dark theme from code highlight * change date and author name * redraw diagram with Excalidraw * Update _posts/2025-02-01-why-jsonrpc-bindings-exist.md Co-authored-by: WofWca <wofwca@protonmail.com> * alt text for images * Apply suggestions from code review Co-authored-by: Farooq Karimi Zadeh <fkz@riseup.net> * try to fix footnotes * this should fix footnotes * remove strange space in the beginning of code blocks * fix link * try out abbreviation feature * try putting the definition to top * consistent casing for jsonrpc and add more hover info for abbreviations (though I'm not sure about the latter, because it might be annoying and doesn't seem to work on mobile) * Abbreviation for CBOR * some more abbreviations and change color of their text decoration * cffi consistent casing * abbreviation for IDE * conclusion section and consistent casing for stdio * update release date of blogpost * alternative way to define the anchor also fix casing of Delta Chat * change title and add wofwca to authors for making the new improved version of the diagram * add emoji to title to make is a bit more interessting * Apply suggestions from code review * Update _posts/2025-02-07-why-jsonrpc-bindings-exist.md Co-authored-by: WofWca <wofwca@protonmail.com> * refinements to the jsonrpc blog post (#1051) * - more consistent "core" and "Desktop" spelling - avoid using "this" references in new paragraphs (it makes readers think unncessarily for getting references right) - documentation is not "easy" but actually an art that requires care and even some experience. I rephrased the "dear reader" part there. - added a hint that porting/writing jsonrpc-core python tests is welcome and modified the section title to not promise what's next * add reference to core library * name lothar * napi was missing an I --------- Co-authored-by: Simon Laux <Simon-Laux@users.noreply.github.com> * rename to change date to today --------- Co-authored-by: Casper Zandbergen <info@casperzandbergen.nl> Co-authored-by: WofWca <wofwca@protonmail.com> Co-authored-by: Sebastian Klähn <39526136+Septias@users.noreply.github.com> Co-authored-by: Nico de Haen <ndh@deltachat.de> Co-authored-by: Farooq Karimi Zadeh <fkz@riseup.net> Co-authored-by: holger krekel <holger@merlinux.eu>
deltachat · Feb 11, 2025 · 386934a · 386934a
1 parent ff9b002
commit 386934a
Show file tree

Hide file tree

Showing 10 changed files with 4,543 additions and 1 deletion.
diff --git a/_posts/2025-02-11-why-jsonrpc-bindings-exist.md b/_posts/2025-02-11-why-jsonrpc-bindings-exist.md
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -208,6 +208,9 @@ code {
     border-radius: 5px;
 }
 
+pre code {
+    padding: 0px;
+}
 
 #content table td, #content table th { border: 1px solid #ccc; padding: 0.2em 0.4em; }
 #content table th { background-color: #eee; font-weight: bold; }

diff --git a/_sass/_code_highlight.scss b/_sass/_code_highlight.scss
@@ -0,0 +1,378 @@
+// Tango Theme from https://jwarby.github.io/jekyll-pygments-themes/languages/ruby.html
+.highlight .hll {
+  background-color: #ffffcc;
+}
+
+.highlight .c {
+  color: #8f5902;
+  font-style: italic;
+}
+
+/* Comment */
+.highlight .err {
+  color: #a40000;
+  border: 1px solid #ef2929;
+}
+
+/* Error */
+.highlight .g {
+  color: #000000;
+}
+
+/* Generic */
+.highlight .k {
+  color: #204a87;
+  font-weight: bold;
+}
+
+/* Keyword */
+.highlight .l {
+  color: #000000;
+}
+
+/* Literal */
+.highlight .n {
+  color: #000000;
+}
+
+/* Name */
+.highlight .o {
+  color: #ce5c00;
+  font-weight: bold;
+}
+
+/* Operator */
+.highlight .x {
+  color: #000000;
+}
+
+/* Other */
+.highlight .p {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Punctuation */
+.highlight .cm {
+  color: #8f5902;
+  font-style: italic;
+}
+
+/* Comment.Multiline */
+.highlight .cp {
+  color: #8f5902;
+  font-style: italic;
+}
+
+/* Comment.Preproc */
+.highlight .c1 {
+  color: #8f5902;
+  font-style: italic;
+}
+
+/* Comment.Single */
+.highlight .cs {
+  color: #8f5902;
+  font-style: italic;
+}
+
+/* Comment.Special */
+.highlight .gd {
+  color: #a40000;
+}
+
+/* Generic.Deleted */
+.highlight .ge {
+  color: #000000;
+  font-style: italic;
+}
+
+/* Generic.Emph */
+.highlight .gr {
+  color: #ef2929;
+}
+
+/* Generic.Error */
+.highlight .gh {
+  color: #000080;
+  font-weight: bold;
+}
+
+/* Generic.Heading */
+.highlight .gi {
+  color: #00a000;
+}
+
+/* Generic.Inserted */
+.highlight .go {
+  color: #000000;
+  font-style: italic;
+}
+
+/* Generic.Output */
+.highlight .gp {
+  color: #8f5902;
+}
+
+/* Generic.Prompt */
+.highlight .gs {
+  color: #000000;
+  font-weight: bold;
+}
+
+/* Generic.Strong */
+.highlight .gu {
+  color: #800080;
+  font-weight: bold;
+}
+
+/* Generic.Subheading */
+.highlight .gt {
+  color: #a40000;
+  font-weight: bold;
+}
+
+/* Generic.Traceback */
+.highlight .kc {
+  color: #204a87;
+  font-weight: bold;
+}
+
+/* Keyword.Constant */
+.highlight .kd {
+  color: #204a87;
+  font-weight: bold;
+}
+
+/* Keyword.Declaration */
+.highlight .kn {
+  color: #204a87;
+  font-weight: bold;
+}
+
+/* Keyword.Namespace */
+.highlight .kp {
+  color: #204a87;
+  font-weight: bold;
+}
+
+/* Keyword.Pseudo */
+.highlight .kr {
+  color: #204a87;
+  font-weight: bold;
+}
+
+/* Keyword.Reserved */
+.highlight .kt {
+  color: #204a87;
+  font-weight: bold;
+}
+
+/* Keyword.Type */
+.highlight .ld {
+  color: #000000;
+}
+
+/* Literal.Date */
+.highlight .m {
+  color: #0000cf;
+  font-weight: bold;
+}
+
+/* Literal.Number */
+.highlight .s {
+  color: #4e9a06;
+}
+
+/* Literal.String */
+.highlight .na {
+  color: #c4a000;
+}
+
+/* Name.Attribute */
+.highlight .nb {
+  color: #204a87;
+}
+
+/* Name.Builtin */
+.highlight .nc {
+  color: #000000;
+}
+
+/* Name.Class */
+.highlight .no {
+  color: #000000;
+}
+
+/* Name.Constant */
+.highlight .nd {
+  color: #5c35cc;
+  font-weight: bold;
+}
+
+/* Name.Decorator */
+.highlight .ni {
+  color: #ce5c00;
+}
+
+/* Name.Entity */
+.highlight .ne {
+  color: #cc0000;
+  font-weight: bold;
+}
+
+/* Name.Exception */
+.highlight .nf {
+  color: #000000;
+}
+
+/* Name.Function */
+.highlight .nl {
+  color: #f57900;
+}
+
+/* Name.Label */
+.highlight .nn {
+  color: #000000;
+}
+
+/* Name.Namespace */
+.highlight .nx {
+  color: #000000;
+}
+
+/* Name.Other */
+.highlight .py {
+  color: #000000;
+}
+
+/* Name.Property */
+.highlight .nt {
+  color: #204a87;
+  font-weight: bold;
+}
+
+/* Name.Tag */
+.highlight .nv {
+  color: #000000;
+}
+
+/* Name.Variable */
+.highlight .ow {
+  color: #204a87;
+  font-weight: bold;
+}
+
+/* Operator.Word */
+.highlight .w {
+  color: #f8f8f8;
+  text-decoration: underline;
+}
+
+/* Text.Whitespace */
+.highlight .mf {
+  color: #0000cf;
+  font-weight: bold;
+}
+
+/* Literal.Number.Float */
+.highlight .mh {
+  color: #0000cf;
+  font-weight: bold;
+}
+
+/* Literal.Number.Hex */
+.highlight .mi {
+  color: #0000cf;
+  font-weight: bold;
+}
+
+/* Literal.Number.Integer */
+.highlight .mo {
+  color: #0000cf;
+  font-weight: bold;
+}
+
+/* Literal.Number.Oct */
+.highlight .sb {
+  color: #4e9a06;
+}
+
+/* Literal.String.Backtick */
+.highlight .sc {
+  color: #4e9a06;
+}
+
+/* Literal.String.Char */
+.highlight .sd {
+  color: #8f5902;
+  font-style: italic;
+}
+
+/* Literal.String.Doc */
+.highlight .s2 {
+  color: #4e9a06;
+}
+
+/* Literal.String.Double */
+.highlight .se {
+  color: #4e9a06;
+}
+
+/* Literal.String.Escape */
+.highlight .sh {
+  color: #4e9a06;
+}
+
+/* Literal.String.Heredoc */
+.highlight .si {
+  color: #4e9a06;
+}
+
+/* Literal.String.Interpol */
+.highlight .sx {
+  color: #4e9a06;
+}
+
+/* Literal.String.Other */
+.highlight .sr {
+  color: #4e9a06;
+}
+
+/* Literal.String.Regex */
+.highlight .s1 {
+  color: #4e9a06;
+}
+
+/* Literal.String.Single */
+.highlight .ss {
+  color: #4e9a06;
+}
+
+/* Literal.String.Symbol */
+.highlight .bp {
+  color: #3465a4;
+}
+
+/* Name.Builtin.Pseudo */
+.highlight .vc {
+  color: #000000;
+}
+
+/* Name.Variable.Class */
+.highlight .vg {
+  color: #000000;
+}
+
+/* Name.Variable.Global */
+.highlight .vi {
+  color: #000000;
+}
+
+/* Name.Variable.Instance */
+.highlight .il {
+  color: #0000cf;
+  font-weight: bold;
+}
+
+/* Literal.Number.Integer.Long */
diff --git a/_sass/main.scss b/_sass/main.scss
@@ -1,3 +1,4 @@
 @import "_normalize";
 @import "_base";
-@import "_downloadpage";
+@import "_downloadpage";
+@import "_code_highlight";
diff --git a/assets/blog/2024-11-10-why-jsonrpc-bindings-exist/error thrown in js.png b/assets/blog/2024-11-10-why-jsonrpc-bindings-exist/error thrown in js.png
diff --git a/assets/blog/2024-11-10-why-jsonrpc-bindings-exist/excalidraw-diagram-dark.svg b/assets/blog/2024-11-10-why-jsonrpc-bindings-exist/excalidraw-diagram-dark.svg
diff --git a/assets/blog/2024-11-10-why-jsonrpc-bindings-exist/excalidraw-diagram-light.svg b/assets/blog/2024-11-10-why-jsonrpc-bindings-exist/excalidraw-diagram-light.svg