messageWelcomeScreenOnMobile method

MenuView messageWelcomeScreenOnMobile ()

This welcome view will only be displayed on mobile devices where the device orientation is available but the app was not started in fullscreen mode. This view is only used for a user interaction (namely a click event) to request the fullscreen mode. Since we give the opportunity to add the Webapp to the homescreen, this view should not be displayed often.

Implementation 

MenuView messageWelcomeScreenOnMobile() {
  DivElement div = DivElement();
  div.setAttribute("class", "message");
  div.append(getLogo());
  div.append(HRElement());

  ParagraphElement upperText = ParagraphElement();
  upperText.appendText("Welcome to Dozer - Have fun!");
  div.append(upperText);

  div.append(HRElement());

  ParagraphElement tapToAdvance = ParagraphElement()
    ..setAttribute("class", "tap-me")
    ..appendText("Tap To Continue");
  div.append(tapToAdvance);

  DivElement outerDiv = DivElement()..setAttribute("id", "button_to_menu");
  outerDiv.append(div);

  this.content = outerDiv;
  return this;
}