home.social

#hyperbook — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #hyperbook, aggregated by home.social.

  1. OpenPatch @openpatch ·

    Did you know that you can create turtle graphics in the pyide element?

    Due to some browser limitations, is it not a full implementation of the turtle module of python, but the code from your is compatible with the python module and should look the same. 🙏

    hyperbook.openpatch.org/elemen

    #hyperbook #python #pyodide #turtle #education
  2. OpenPatch @openpatch ·

    v0.94.0 introduced the element:

    Drop in your .scad code and get an interactive 3D viewer inline. Great for documentation, tutorials, and teaching parametric modeling.

    hyperbook.openpatch.org/elemen

    #hyperbook #openscad #3dprinting #opensource #education #edtech
  3. OpenPatch @openpatch ·

    v0.91.0 released

    This release brings some nice improvements to the built-in IDEs:
    - Fullscreen mode is now polished across PyIDE, the Web IDE, Typst, and p5
    - PyIDE now supports canvas rendering
    - Graphical output lands in PyIDE

    hyperbook.openpatch.org/elemen

    #hyperbook #opensource #education
  4. Mike Barkmin @[email protected] ·

    Ich wollte schon immer in Scratch Blöcke ausblenden, sodass meine Schüler:innen sich am Anfang besser zurechtfinden können. Also habe ich das Scratch-Projekt geforkt und Blockflow entwickelt.

    Hier ist Scratch ohne Sounds und nur mit Kontroll- und Bewegungsblöcken: blockflow.openpatch.org/editor

    Alles ist frei konfigurierbar mit dem Generator: blockflow.openpatch.org/genera

    Blockflow ist auch im #hyperbook integriert: hyperbook.openpatch.org/de/ele

    #FediLZ #informatik #InformatikEdu

    #hyperbook #fedilz #informatik #informatikedu
  5. Mike Barkmin @[email protected] ·

    Ich wollte schon immer in Scratch Blöcke ausblenden, sodass meine Schüler:innen sich am Anfang besser zurechtfinden können. Also habe ich das Scratch-Projekt geforkt und Blockflow entwickelt.

    Hier ist Scratch ohne Sounds und nur mit Kontroll- und Bewegungsblöcken: blockflow.openpatch.org/editor

    Alles ist frei konfigurierbar mit dem Generator: blockflow.openpatch.org/genera

    Blockflow ist auch im #hyperbook integriert: hyperbook.openpatch.org/de/ele

    #FediLZ #informatik #InformatikEdu

    #hyperbook #fedilz #informatik #informatikedu
  6. Mike Barkmin @[email protected] ·

    Ich wollte schon immer in Scratch Blöcke ausblenden, sodass meine Schüler:innen sich am Anfang besser zurechtfinden können. Also habe ich das Scratch-Projekt geforkt und Blockflow entwickelt.

    Hier ist Scratch ohne Sounds und nur mit Kontroll- und Bewegungsblöcken: blockflow.openpatch.org/editor

    Alles ist frei konfigurierbar mit dem Generator: blockflow.openpatch.org/genera

    Blockflow ist auch im #hyperbook integriert: hyperbook.openpatch.org/de/ele

    #FediLZ #informatik #InformatikEdu

    #hyperbook #fedilz #informatik #informatikedu
  7. Mike Barkmin @[email protected] ·

    Ich wollte schon immer in Scratch Blöcke ausblenden, sodass meine Schüler:innen sich am Anfang besser zurechtfinden können. Also habe ich das Scratch-Projekt geforkt und Blockflow entwickelt.

    Hier ist Scratch ohne Sounds und nur mit Kontroll- und Bewegungsblöcken: blockflow.openpatch.org/editor

    Alles ist frei konfigurierbar mit dem Generator: blockflow.openpatch.org/genera

    Blockflow ist auch im #hyperbook integriert: hyperbook.openpatch.org/de/ele

    #FediLZ #informatik #InformatikEdu

    #informatikedu #informatik #fedilz #hyperbook
  8. Mike Barkmin @[email protected] ·

    Ich wollte schon immer in Scratch Blöcke ausblenden, sodass meine Schüler:innen sich am Anfang besser zurechtfinden können. Also habe ich das Scratch-Projekt geforkt und Blockflow entwickelt.

    Hier ist Scratch ohne Sounds und nur mit Kontroll- und Bewegungsblöcken: blockflow.openpatch.org/editor

    Alles ist frei konfigurierbar mit dem Generator: blockflow.openpatch.org/genera

    Blockflow ist auch im #hyperbook integriert: hyperbook.openpatch.org/de/ele

    #FediLZ #informatik #InformatikEdu

    #hyperbook #fedilz #informatik #informatikedu
  9. Mike Barkmin @[email protected] ·

    Psst. Kleiner Hinweis auf mein neues Projekt. Vielleicht kannst du dir schon denken worum es geht. Mehr Infos gibt es, wenn alles im #hyperbook integriert ist.

    blockflow.openpatch.org/genera

    #FediLZ #informatik #InformatikEdu

    #hyperbook #fedilz #informatik #informatikedu
  10. OpenPatch @openpatch ·

    v0.86.0 released 🚀

    Welcome the new * element — the successor to the former stuktog element.

    It comes with built-in view and edit modes, making it easy to both present and create structograms directly inside your Hyperbook.

    Learn more about it here:

    hyperbook.openpatch.org/@/stru

    #hyperbook #struktolab
  11. OpenPatch @[email protected] ·

    #hyperbook v0.86.0 released 🚀

    Welcome the new #struktolab* element — the successor to the former stuktog element.

    It comes with built-in view and edit modes, making it easy to both present and create structograms directly inside your Hyperbook.

    Learn more about it here:

    hyperbook.openpatch.org/@/stru

    #hyperbook #struktolab
  12. OpenPatch @openpatch ·

    v0.85.0 released:

    We now show consent banners for YouTube and embed elements.

    #hyperbook
  13. Mike Barkmin @[email protected] ·

    @openpatch Der Pseudocode-Editor funktioniert bislang nicht perfekt, aber insgesamt bin ich mit dem Rewrite zufrieden. Vielleicht braucht jemand von euch auch demnächst einen Struktogrammeditor.

    Die #hyperbook Integration folgt in den kommenden Tagen.

    #FediLZ #informatik #informatikEdu

    #hyperbook #fedilz #informatik #informatikedu
  14. OpenPatch @openpatch ·

    v0.83.0 got released:

    The Online IDE includes a new compiler, and both the Online IDE and SQL IDE are now shipped as bundled local versions.

    This moves the project closer to a state where the entire Hyperbook is fully owned and independent of external services, improving reliability and control over updates.

    hyperbook.openpatch.org/elemen

    #hyperbook #edtech #floss
  15. OpenPatch @openpatch ·

    v0.80.0 got released:

    The Typst element now supports loading files other than images directly from your server.

    ```typst
    data = csv("test.csv")
    ```

    This loads the file directly from your server, making it incredibly powerful—and a very convenient way to build dynamic Typst documents inside your Hyperbook.

    #hyperbook #let #typst
  16. OpenPatch @[email protected] ·

    #hyperbook v0.80.0 got released:

    The Typst element now supports loading files other than images directly from your server.

    ```typst
    #let data = csv("test.csv")
    ```

    This loads the file directly from your server, making it incredibly powerful—and a very convenient way to build dynamic Typst documents inside your Hyperbook.

    #typst

    #hyperbook #let #typst
  17. OpenPatch @openpatch ·

    v0.79.0 got released:

    - Typst now loads images and other assets from the server when using relative paths.
    - Added debounce to Typst rendering to improve performance when typing quickly.

    Documentation: hyperbook.openpatch.org/elemen

    #hyperbook #typst
  18. OpenPatch @openpatch ·

    Did you know that anyone can embed a on their website?
    All you need is the Learningmap web component.

    You’ll find step-by-step instructions on how to set it up in the documentation:

    learningmap.openpatch.org/pack

    P.S.: If you use everything is setup for you ;) hyperbook.openpatch.org/elemen

    #learningmap #hyperbook
  19. OpenPatch @[email protected] ·

    Did you know that anyone can embed a #learningmap on their website?
    All you need is the Learningmap web component.

    You’ll find step-by-step instructions on how to set it up in the documentation:

    learningmap.openpatch.org/pack

    P.S.: If you use #hyperbook everything is setup for you ;) hyperbook.openpatch.org/elemen

    #learningmap #hyperbook
  20. OpenPatch @openpatch ·

    Did you know that creating a GeoGebra applet in is way easier than using geogebra.org — at least from a text-lover’s perspective 😅?

    :::geogebra{perspective="G" height=400 width=700 coordsystem="-10,10,-2,8"}

    a = Slider[-5,5]
    SetCoords(a, 450, 370)
    f_a(x) = x^2 * a + a * x

    :::

    Here you can find the hyperbook documentation: hyperbook.openpatch.org/elemen

    Here you can find every Geogebra-command.
    geogebra.github.io/docs/manual

    #hyperbook #geogebra
  21. OpenPatch @[email protected] ·

    Did you know that creating a GeoGebra applet in #hyperbook is way easier than using geogebra.org — at least from a text-lover’s perspective 😅?

    :::geogebra{perspective="G" height=400 width=700 coordsystem="-10,10,-2,8"}

    a = Slider[-5,5]
    SetCoords(a, 450, 370)
    f_a(x) = x^2 * a + a * x

    :::

    This makes GeoGebra applets very easy to modify and to track different versions with git.

    Here you can find every Geogebra-command.

    geogebra.github.io/docs/manual

    #geogebra

    #hyperbook #geogebra
  22. OpenPatch @openpatch ·

    Did you know that you can embed content directly into a

    Just place the .h5p file into your book folder and use the h5p element:

    ::h5p{src="/test.h5p"}

    Learner progress is automatically saved in the Hyperbook store and restored after a page refresh.

    Documentation: hyperbook.openpatch.org/elemen

    #h5p #hyperbook
  23. OpenPatch @openpatch ·

    Did you know that a works without JavaScript?

    Some advanced elements won’t work without it, of course — but the foundation of your hyperbook runs beautifully even with JavaScript turned off.

    #hyperbook
  24. OpenPatch @openpatch ·

    🛠 v0.77.x maintenance updates

    A few small but important fixes to keep things smooth and polished

    v0.77.5 – Normalized line-height in code blocks

    v0.77.4 – Fixed empty pages appearing in prev/next navigation

    v0.77.3 – Floating buttons are now hidden in standalone mode

    v0.77.2 – Fixed wide layout styling and line-height

    v0.77.1 – Emojis fixed (now updated manually for reliability)

    #hyperbook
  25. OpenPatch @openpatch ·

    🚀 v0.77.0 is out!

    Navigation just got a big upgrade ✨

    You now have a powerful new navigation field for pages and sections to control exactly how they appear in the sidebar — including hidden items, virtual sections, page-style sections (perfect for blogs), and sections that start expanded.

    Plus: Breadcrumb navigation
    Help readers understand where they are in your book with a clean breadcrumb trail, configurable globally or per page — even with emoji icons.

    #hyperbook
  26. OpenPatch @openpatch ·

    🚀 v0.76.0 is out!

    Better interoperability with other docs tools ✨
    You can now use title as an alternative to name in page and section frontmatter — making Hyperbook more compatible with tools like MkDocs.

    #hyperbook
  27. OpenPatch @openpatch ·

    🚀 v0.75.0 is out!

    Snippets and templates just got more powerful ✨
    This release adds three new Handlebars helpers for cleaner, more flexible content.

    New helpers:

    dateformat – format dates with custom patterns
    truncate – cut text by character limit
    truncateWords – cut text by word count

    hyperbook.openpatch.org/elemen

    #hyperbook
  28. OpenPatch @[email protected] ·

    🚀 #hyperbook v0.75.0 is out!

    Snippets and templates just got more powerful ✨
    This release adds three new Handlebars helpers for cleaner, more flexible content.

    New helpers:

    dateformat – format dates with custom patterns
    truncate – cut text by character limit
    truncateWords – cut text by word count

    hyperbook.openpatch.org/elemen

    #hyperbook
  29. OpenPatch @openpatch ·

    🚀 v0.74.0 is out!

    The pagelist element just got a major upgrade ✨
    You can now filter pages using a powerful query language.

    What’s new:

    Boolean logic with AND, OR, NOT and parentheses

    Query any frontmatter field (e.g. tags, difficulty, custom fields)

    Defined operator precedence (NOT > AND > OR)

    New params: limit and orderBy for precise control

    Perfect for building dynamic blog lists, feeds, and curated content.

    See the documentation for more info: hyperbook.openpatch.org/elemen

    #hyperbook
  30. Mike Barkmin @[email protected] ·

    Jetzt habe ich auch meine eigene Webseite auf #hyperbook umgestellt. Schon kann man Typst-Arbeitsblätter herunterladen und direkt im Browser bearbeiten. Das sollte Typst für viele zugänglciher machen.

    Hier ein Beispiel: barkmin.eu/material/buddy-book/

    #FediLZ

    #hyperbook #fedilz
  31. Mike Barkmin @[email protected] ·

    Jetzt habe ich auch meine eigene Webseite auf #hyperbook umgestellt. Schon kann man Typst-Arbeitsblätter herunterladen und direkt im Browser bearbeiten. Das sollte Typst für viele zugänglciher machen.

    Hier ein Beispiel: barkmin.eu/material/buddy-book/

    #FediLZ

    #hyperbook #fedilz
  32. Mike Barkmin @[email protected] ·

    Jetzt habe ich auch meine eigene Webseite auf #hyperbook umgestellt. Schon kann man Typst-Arbeitsblätter herunterladen und direkt im Browser bearbeiten. Das sollte Typst für viele zugänglciher machen.

    Hier ein Beispiel: barkmin.eu/material/buddy-book/

    #FediLZ

    #hyperbook #fedilz
  33. Mike Barkmin @[email protected] ·

    Jetzt habe ich auch meine eigene Webseite auf #hyperbook umgestellt. Schon kann man Typst-Arbeitsblätter herunterladen und direkt im Browser bearbeiten. Das sollte Typst für viele zugänglciher machen.

    Hier ein Beispiel: barkmin.eu/material/buddy-book/

    #FediLZ

    #fedilz #hyperbook
  34. Mike Barkmin @[email protected] ·

    Jetzt habe ich auch meine eigene Webseite auf #hyperbook umgestellt. Schon kann man Typst-Arbeitsblätter herunterladen und direkt im Browser bearbeiten. Das sollte Typst für viele zugänglciher machen.

    Hier ein Beispiel: barkmin.eu/material/buddy-book/

    #FediLZ

    #hyperbook #fedilz
  35. OpenPatch @openpatch ·

    🚀 v0.73.0 is out!

    Write and preview Typst documents directly in Hyperbook ✨
    With the new Typst directive you get an interactive editor with live preview and support for full multi-file projects.

    - Syntax-highlighted editor with live preview
    - Multi-file projects with tabs
    - Upload images, fonts & assets
    - Export to PDF or download as ZIP

    Docs: hyperbook.openpatch.org/elemen

    #hyperbook
  36. OpenPatch @[email protected] ·

    🚀 #hyperbook v0.73.0 is out!

    Write and preview Typst documents directly in Hyperbook ✨
    With the new Typst directive you get an interactive editor with live preview and support for full multi-file projects.

    - Syntax-highlighted editor with live preview
    - Multi-file projects with tabs
    - Upload images, fonts & assets
    - Export to PDF or download as ZIP

    Docs: hyperbook.openpatch.org/elemen

    #hyperbook
  37. OpenPatch @openpatch ·

    v0.72.2 is out 🚀

    Sometimes you have to take a step back to move forward.

    Hyperbook now includes a no-JavaScript mode. While this naturally limits some advanced features, it works perfectly for simple, content-focused books — even without JavaScript.

    hyperbook.openpatch.org/change

    #hyperbook
  38. OpenPatch @openpatch ·

    v0.72.0 is out 🎉

    🔗 Share content the way you want
    Create clean, shareable links that show exactly the parts you want - perfect for lessons, explanations, or quick references.

    Just press the share button, configure the URL, and copy it to your clipboard.

    Here is an example - linking only to the part of the changelog for this version:

    hyperbook.openpatch.org/change

    #hyperbook
  39. OpenPatch @[email protected] ·

    #hyperbook v0.72.0 is out 🎉

    🔗 Share content the way you want
    Create clean, shareable links that show exactly the parts you want - perfect for lessons, explanations, or quick references.

    Just press the share button, configure the URL, and copy it to your clipboard.

    Here is an example - linking only to the part of the changelog for this version:

    hyperbook.openpatch.org/change

    #hyperbook
  40. Mike Barkmin @[email protected] ·

    Ich habe für meinen Unterricht angefangen, die inf-schule.de Kids Lernpfad in mein #hyperbook zu übertragen, sodass ich noch Sachen verändern kann. Ich habe etwa mehr Möglichkeiten zum Bearbeiten der Aufgaben im Browser hinzugefügt.

    Danke, dass die Lernpfade bei inf-schule.de unter der CC-BY-SA veröffentlicht wurden. Übrigens genau wie mein #hyperbook zur Informatik.

    informatik.openpatch.org/unter

    Quelltext: github.com/openpatch/hyperbook

    #hyperbook
  41. Mike Barkmin @[email protected] ·

    Ich habe für meinen Unterricht angefangen, die inf-schule.de Kids Lernpfad in mein #hyperbook zu übertragen, sodass ich noch Sachen verändern kann. Ich habe etwa mehr Möglichkeiten zum Bearbeiten der Aufgaben im Browser hinzugefügt.

    Danke, dass die Lernpfade bei inf-schule.de unter der CC-BY-SA veröffentlicht wurden. Übrigens genau wie mein #hyperbook zur Informatik.

    informatik.openpatch.org/unter

    Quelltext: github.com/openpatch/hyperbook

    #hyperbook
  42. Mike Barkmin @[email protected] ·

    Ich habe für meinen Unterricht angefangen, die inf-schule.de Kids Lernpfad in mein #hyperbook zu übertragen, sodass ich noch Sachen verändern kann. Ich habe etwa mehr Möglichkeiten zum Bearbeiten der Aufgaben im Browser hinzugefügt.

    Danke, dass die Lernpfade bei inf-schule.de unter der CC-BY-SA veröffentlicht wurden. Übrigens genau wie mein #hyperbook zur Informatik.

    informatik.openpatch.org/unter

    Quelltext: github.com/openpatch/hyperbook

    #hyperbook
  43. Mike Barkmin @[email protected] ·

    Ich habe für meinen Unterricht angefangen, die inf-schule.de Kids Lernpfad in mein #hyperbook zu übertragen, sodass ich noch Sachen verändern kann. Ich habe etwa mehr Möglichkeiten zum Bearbeiten der Aufgaben im Browser hinzugefügt.

    Danke, dass die Lernpfade bei inf-schule.de unter der CC-BY-SA veröffentlicht wurden. Übrigens genau wie mein #hyperbook zur Informatik.

    informatik.openpatch.org/unter

    Quelltext: github.com/openpatch/hyperbook

    #hyperbook
  44. Mike Barkmin @[email protected] ·

    Ich habe für meinen Unterricht angefangen, die inf-schule.de Kids Lernpfad in mein #hyperbook zu übertragen, sodass ich noch Sachen verändern kann. Ich habe etwa mehr Möglichkeiten zum Bearbeiten der Aufgaben im Browser hinzugefügt.

    Danke, dass die Lernpfade bei inf-schule.de unter der CC-BY-SA veröffentlicht wurden. Übrigens genau wie mein #hyperbook zur Informatik.

    informatik.openpatch.org/unter

    Quelltext: github.com/openpatch/hyperbook

    #hyperbook
  45. OpenPatch @openpatch ·

    v0.62.0 is out!

    Hyperbook now uses the new @learningmap/web-component package — bringing better integration and flexibility for interactive learning maps. 🧭

    ✨ Works best together with the brand-new Editor.

    learningmap.app/

    #hyperbook #learningmap
  46. OpenPatch @openpatch ·

    v0.61.0 got released:

    ✨ New Page Layout Options:

    Default: Standard layout

    Wide: Full-width for tables, code, galleries

    Standalone: Content-only, perfect for embeds

    🧠 Auto iframe detection — switches to standalone mode automatically!

    hyperbook.openpatch.org/advanc

    #hyperbook
  47. OpenPatch @[email protected] ·

    #hyperbook v0.61.0 got released:

    ✨ New Page Layout Options:

    Default: Standard layout

    Wide: Full-width for tables, code, galleries

    Standalone: Content-only, perfect for embeds

    🧠 Auto iframe detection — switches to standalone mode automatically!

    hyperbook.openpatch.org/advanc

    #hyperbook
  48. OpenPatch @openpatch ·

    v0.60.0 got released:

    🚀 Hyperbook just got a little smarter!
    When building your project, if there’s no favicon.ico but you’ve set a logo in hyperbook.json, Hyperbook will now automatically generate a complete set of favicons and PWA icons for you. ✨

    #hyperbook
  49. OpenPatch @openpatch ·

    v0.54.0 is out!

    You can now customize image positioning & styling with advanced alignment options and custom attributes. Plus: improved lightbox without layout shifts! 🖼️✨

    Dive in here: hyperbook.openpatch.org/markdo

    #hyperbook
  50. OpenPatch @openpatch ·

    🚀 v0.51.0 is out!
    You can now add interactive geometry, function plots, charts & data visualizations with 📊📐

    Dive in here 👉 hyperbook.openpatch.org/elemen

    #hyperbook #jsxgraph #math #visualization