Trouble using Material Design Components Inside Hype

[DBear]

Your syntax should be

<a
class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"
href="#"
onclick="HYPE.documents['NAME_OF_DOC'].showSceneNamed('SCENE_NAME',HYPE.documents['NAME_OF_DOC'].kSceneTransitionPushRightToLeft)">Get Started</a>

Note that in preview the name of the Doc will be 'index'. It will become the name of your project once exported.

Example (used in preview with your example doc)

onclick="HYPE.documents['index'].showSceneNamed('Scene 1',HYPE.documents['index'].kSceneTransitionPushRightToLeft)""

The following is a link to a forum post on the topic of linking to scenes inside and outside Hype docs:

Linking to a specific scene from inside and outside of a Tumult Hype document

Tumult Hype documents are accessible from a single URL. If you name your document 'Flying' and upload it to your site, then your animation and all its scenes are accessible from http://example.com/flying.html (unless you change the name of your exported .html file). This article describes three ways to navigate between scenes: Load a scene directly from a URL (For example: http://site.com/hypedocument.html#contact) Use a button outside of your Tumult Hype document to load a scene in that docu…