bubbl.pug – Mind maps from Bubbl

View source code on Github

Embed graph maps

mixin bubbl-map(id)
  - if ("alt" in attributes)
    - alt = attributes.alt;
    - delete attributes.alt;
  - else
    - alt = true;
  iframe(src=`https://bubbl.us/${id}?utm_source=page-embed&utm_medium=link&s=9040282`
         allowfullscreen="true"
         frameborder="0"
         width="100%"
         height="400")&attributes(attributes)
    - if (alt)
      | Your browser does not support iframes.
+bubbl-map(id)(width="100%", height="400")

Insert a mental map based on graphs nodes from https://bubbl.us

Arguments:
  • id (string) – Map identificator.

Usage

Input

+bubbl-map("NDcxMTQ1Ny85MDQwMjgyL2U5YTM3MWQyZTJlZDhkODdiOWNlMjRmYzg0MWFlYzIz-X")

Output

<iframe src="https://bubbl.us/NDcxMTQ1Ny85MDQwMjgyL2U5YTM3MWQyZTJlZDhkODdiOWNlMjRmYzg0MWFlYzIz-X?utm_source=page-embed&utm_medium=link&s=9040282 allowfullscreen="true" frameborder="0" width="100%" height="400"></iframe>

Render