Side Notes with ID Link

Side Notes ID URL Default

Display

Implementation

{% sidenotesidurl "id", "Text Body in here...", "Side Notes Text" %}

Example

{% sidenotesidurl  "1a", "Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit pharetra egestas.", "Exmaple of side notes" %}

Side Notes ID URL with Link

Display

Implementation

{% sidenotesidurllink "id", "Text Body in here...", "Side Notes Text" , "text link", "URL Link" %}

Example

{% sidenotesidurllink "1b", "Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit pharetra egestas.", "Example of side notes" , "click me" , "https://www.11ty.dev" %}

Side Notes ID URL with BlockQuote

Display

Implementation

{% sidenotesidurlblockquote "id", "Text Body in here...", "text blockquote", "Blockquote Footer" %}

Example

{% sidenotesidurllink  "1c", "Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit pharetra egestas.", "Example of side notes" , "click me" , "https://www.11ty.dev" %}

Side Notes ID URL with Image

Display

Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit pharetra egestas.

Example of side notes

Implementation

{% sidenotesidurlimage "id", "text sidenotesidurl", "URL Image here.." , "Text Body in here..." %}

Example

{% sidenotesidurlimage  "1d", "Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit pharetra egestas.", "Example of side notes" , "https://tufte.000000076.xyz/img/090-Subatomic%20Particles.png" , "Example side notes with image" %}

Side Notes ID URL + Image + Link

Display

Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit pharetra egestas.

Example of side notes click me

Implementation

{% sidenotesidurlimage "id", "Text Body in here...", "text sidenotesidurl", "URL Image here.." , "text link" , "URL link here.." %}

Example

{% sidenotesidurlimagelink  "1a", "Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit pharetra egestas.",  "Example side notes with image and URL Link" , "https://tufte.000000076.xyz/img/090-Subatomic%20Particles.png" , "click me" , "https://11ty.dev" %}

Side Notes ID URL with Video

Display

Implementation

{% sidenotesidurlvideo "id", "Text Body in here...", "text sidenotesidurl", "URL Video here.." %}

Example

{% sidenotesidurlvideo  "1f", "Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit pharetra egestas.", "Example side notes with video", "https://www.youtube.com/embed/Q3t5lzvpBdE" %}

Side Notes ID URL + Video + Link

Display

Implementation

{% sidenotesidurlvideolink "id","Text Body in here...", "text sidenotesidurl", "URL Video here.." , "text link" , "URL link here.." %}

Example

{% sidenotesidurlvideolink  "1g", "Sed ultricies dolor non ante vulputate hendrerit. Vivamus sit amet suscipit sapien. Nulla iaculis eros a elit pharetra egestas.",  "Example side notes with image and URL Link" , "https://tufte.000000076.xyz/img/090-Subatomic%20Particles.png" , "click me" , "https://11ty.dev" %}