Actions Explanation

Output
URL Example JS Example Action Example

Source Code

Pages on getshark.org have the source code for the page handler at the bottom of the page. If there's no code, it's a static page. Here's the code needed to render the current page: 

class DocsActions(PageHandler):
    route = '^docs/actions$'

    def render_page(self, request):
        self += Markdown(self.text('Actions Explanation'))

        self.image = Image('/static/web/img/bart_bg.jpg')

        self += [Panel(
                header='Output',
                items=self.image
            ),
            Anchor('URL Example', URL('http://google.com/'), as_button=True),
            Anchor('JS Example', self.image.jq.fadeOut().src('/static/web/img/dylan_bg.jpg').fadeIn(), as_button=True),
            Anchor('Action Example', Action('example_action'), as_button=True)
        ]

    def example_action(self):
        self.image.jq.fadeOut().src('/static/web/img/mark_bg.jpg').fadeIn()