| <style include="edu-login-css"> |
| .main-padding { |
| display: flex; |
| flex-direction: column; |
| height: calc(100% - 90px); |
| } |
| |
| .image-container { |
| align-items: center; |
| display: flex; |
| flex-grow: 1; |
| justify-content: center; |
| width: 100%; |
| } |
| |
| .welcome-image { |
| height: 256px; |
| width: 256px; |
| } |
| </style> |
| <edu-login-template> |
| <span slot="main"> |
| <div class="main-padding"> |
| <if expr="_google_chrome"> |
| <img class="google-logo" |
| src="chrome://chrome-signin/googleg.svg" alt=""> |
| </if> |
| <h1>[[getTitle_()]]</h1> |
| <p>[[getBody_()]]</p> |
| <div class="image-container"> |
| <img class="welcome-image" src="family_link_logo.svg" alt=""> |
| </div> |
| </div> |
| </span> |
| <span slot="buttons"> |
| <edu-login-button button-type="ok"> |
| </edu-login-button> |
| </span> |
| </edu-login-template> |