NIH | National Cancer Institute | NCI Wiki  

Error rendering macro 'rw-search'

null

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
titleContents of this page:

Table of Contents
maxLevel3

 This catalog demonstrates selected features available on the NCI Wiki. Examples of these features implemented using a site generator are also included for exploratory purposes.

Wiki Features

Faster Wiki Space Search

HTML Comment
hiddentrue

Do we intend to say "More Focused" instead of "Faster" in this heading?

Use the Page Tree macro and select the Search Box Above Page Tree option.

Wiki page showing a site search box above the page tree.

Animated GIF

Created using SnagIt 2018.

https://www.slideshare.net/DigitalGov/accessibility-for-animated-gifs-victoria-wales-us-agov-gobiernousagov

Video

Multimedia
nameTCIAMovie.mp4
width100%
height100%

Screencast/Software Demo

Created using Camtasia

Shared via Screencast.com:

...

Multimedia
nameCSSI DCC Filtering.mp4

Confluence Gliffy Flowchart

The following diagram was created within this Confluence page, using a Gliffy macro.

Expand/Collapse Image via Confluence Macro

Expand
titleClick here to show/hide image.

 

Thumbnail Image

Trial Data Verification page in CTRP

Presentation / Slideshow

Office Powerpoint Macro

Office Powerpoint
name2017-12-21 SEER VTR meeting.pptx

Site Generator Features

Thumbnail in DocDock Markdown

The following code block demonstrates implementation of a thumbnail for Hugo DockDock, as described in Resizing image:

...

  • By default, the image appears as indicated in the HTTP parameter: 
    The image appears as indicated in the HTTP parameter.
  • After click, the image expands to fill the window.

Expand as DocDock Shortcode Markdown

The following code block demonstrates implementation of the Expand shortcode for Hugo DockDock:

...

  • By default, the image is hidden: 
    With Expand shortcode, by default, screen shot is hidden.
  • After the initial click, the image is visible:
    With Expand shortcode, after initial click, the screenshot is visible.

Presentation / Slideshow via Markdown

Markdown to Presentation / Slideshow lists some tools for using markdown to create presentations or slideshows. The following files demonstrate one of them, Slide Show (S9):

Markdown Flowchart via DocDock Mermaid Shortcode

In a Hugo project with the DocDock theme, the following markdown code produces a similar diagram.

Code Block
languagexml
{{<mermaid align="left">}}
graph TD;
    A(Start) --> B
    B[Submitter submits trial.] --> |Trial has Submitted status.| C{Submission complete?}
    C -->|No| D[CTRO asks submitter for information.]
    D -->|Trial is on hold.| E[Submitter provides requested information.]
    E -->|Trial is off hold.| C
    C -->|Yes| F(End)

{{< /mermaid >}}

Flowchart with decision and loop

Markdown Flowchart via Mermaid Live Editor

In the Mermaid Live Editor, the following markdown code produces a similar diagram.

...