Code Window 1.0.0 for Quarto is here.
Add window-style decorations to your code blocks: macOS traffic lights, Windows buttons, or a plain title bar.
Hotfixes: Filename and code-annotations for Typst/PDF in Quarto 1.9.
github.com/mcanouil/quarto-code-window
#Quarto #Typst #TechnicalWriting
Screenshot showing the typst code using ctheorems
Screenshot of a theorem rendered like this.
@jdw I have been using
https://typst.app/universe/package/ctheorems/
(and not theorion)
#技術書典 だいたい準備でぎだ! 表紙もでぎだ!
新刊は
・縦書きTypst
・OSINT探偵
です!
場所は「こ13」です現地でお待ちしております～! #Typst #OSINT #縦書きTypst
An academic poster with code output, plots and tables. The header is a dark purple color (i think.. im bad with colors) and the body of the document is a light grey. There are white floating blocks in the body with text that details how someone can install this poster template and use it.
I made a Typst + Quarto template for academic posters. It lets you embed/render code output inside your poster, so that if you ever make a code update you don't need to spiral into screenshot-copy-paste hell. I'm really loving Typst!
repo codeberg.org/edenian-prin...
#quartopub #typst #rstats
Separating styling from content is what makes #Typst documents tick. But what if you want to tweak styles once you applied a template? Compiler dev @laurmaedje.bsky.social shares his vision for how fine-grained building blocks could be the solution.
www.youtube.com/watch?v=PElG...
Typst Render (Quarto extension) now supports brand-aware colours.
Set foreground/background to "auto" and it reads your _brand.yml, rendering both light and dark variants automatically.
Toggle the theme, the Typst blocks follow.
github.com/mcanouil/qua...
#Quarto #BrandYML #Typst
BLEACHポエムごっごができる そう、縦書きならね
#技術書典 20の新刊
Typstで縦書きする本「縦書きTypst」を頒布します～!
Typstで縦書きできると、どうなるかって・・・？
BLEACHポエムごっごができる（楽しい!）よ・・・! #Typst #縦書きTypst #Typst再現病
Probably the talk from this year's #Typst meetup that stood out the most: #arXiv is, while not concretely planning Typst support, at least evaluating it! Great talk, and also the subsequent conversations were very interesting.
A screenshot of dark mode blog generated from typst. It contains a diagram for trigonometry, a formula for the equivalent definitions of e, and a code snippet.
#typst blog generation in #svelte is now possible using HTML output format.
A Quarto Reveal.js slide titled "Data Science with Quarto." The body text mixes native Markdown styling with inline Typst-rendered images, challenging viewers to spot the difference. Coloured words like "beautiful typography," "Typst emphasis," and "Typst images" are Typst fragments compiled to inline images, while "colourful accents," "Markdown emphasis," and "Markdown spans" are plain Markdown spans styled with CSS. An inline equation (beta-hat OLS formula) is also rendered by Typst. Underlined text appears twice using both approaches. The slide closes with the question: "Can you tell which is which?"
Inline Typst in Quarto, rendered to any format.
Coloured text, maths, underlines… some words on this slide are Typst images, others are Markdown spans.
Can you tell which is which?
Typst Render now supports inline {typst} code.
github.com/mcanouil/quarto-typst-render
#Typst #Quarto #QuartoPub
#Typst #Вёрстка
361 строка - и вот тебе готовая работа со всеми высчитанными значениями, таблицами, таблицой.
Жееесть!
A screenshot showing an "All Pages Side by Side" documentation section. The top half contains a fenced code block using the typst language, with chunk options layout-ncol: 2, width: 8cm, and height: 6cm, followed by Typst markup that sets the font size to 14pt and renders two pages using #align(center + horizon) with a #pagebreak() between them. The bottom half shows the rendered output: two pages displayed side by side, the left reading "Page 1: First page content." and the right reading "Page 2: Second page content."
And now you can include multi-pages outputs.
github.com/mcanouil/qua...
#Quarto #Typst #QuartoPub
Teaching or making workshop about Typst in Reveal.js?
I've got your back! You can stop taking screenshots!
github.com/mcanouil/qua...
#Quarto #RevealJS #Typst #teaching
With final work on the docs for PHP and Java integrations almost done, Oicana now has seven integrations 🥳
Through the integrations, you can create PDFs from #Typst with TS/JS in the browser and in Node.js, with C#, Java, Python, PHP, and Rust.
If you use Quarto and want to bring Typst content into your documents and presentations, give a try to my new Quarto extension.
github.com/mcanouil/qua...
#Quarto #Typst
Screenshot showing a code block with basic Typst text and an image of the rendered version as an image inserted in the HTML output. Below a second code block showing a styled box Typst code rendered as an image and embedded below the code block in the HTML output
I'm more and more using Typst, but what if I could use it to create images, diagrams, equations, etc. for any formats, not just Typst inside Quarto.
#Quarto #Typst
A VS Code editor window showing a Quarto document alongside its rendered PDF preview. The editor displays `index.qmd` with YAML front matter configuring Typst format with `keep-typ: true`, GitHub Dark syntax highlighting, code annotations, and Julia as the engine. The document contains four sections demonstrating code block variants: a Julia code cell, an R code block with filename and annotations, a Python code block with annotations, and a Typst code block with a filename. The spell-checker flags "typst" as an unknown word on lines 3 and 37. The rendered preview on the right shows each section with styled code blocks, output, and annotation callouts. The status bar indicates the branch `feat/typst-annotation-filename`, Quarto version 99.9.9, and active Claude Code and Lua extensions.
"filename" and "code-annotation" features for Quarto Typst are coming along nicely.
#Quarto #Typst
Having spent a couple of hours sketching out the content of my talk, I think it's only fair that I spend the rest of the day converting my slideshow generator to use #Typst.
New post: Building Quarto Typst Templates (Part 2).
Handler factories, user-configurable mappings, WCAG-compliant badges, and a complete quote card example.
Production patterns for extensible Quarto Typst extensions.
mickael.canouil.fr/posts/2026-0...
#Quarto #Typst #Accessibility
If you are interested in PDF accessibility, there has been some big progress in Quarto.
Take a look at the latest blog post: quarto.org/docs/blog/po...
#Quarto #Accessibility #LaTeX #Typst
#typst #Вёрстка
Наговнокодил ещё одну практическую работу.
Осталось только в человеко-читаемый вид привести и всё замечательно.
:amogus_color:
New experimental Quarto extension bringing a macOS-style windows with traffic light buttons and a filename bar (automatically filled with language or user-provided value).
github.com/mcanouil/qua...
#Quarto #Typst #RevealJS #HTML #macOS
Screenshot from Claude: Check available skills > No relevant skill here — I'll write the corrected files directly. Created 2 files, read a file > Here are both files. A summary of every change made:
"No relevant skill here — I'll write the corrected files directly."
LOL... I think I just need to work on my self-confidence to become a better coder.
What I also take away from today's experiment: Neither ChatGPT nor Claude nor LeChat have any helpful level of […]
[Original post on fedihum.org]
