examples/04-custom/widget/index.html

<!DOCTYPE html>
<html>
<head>
    <!--
      Copyright 2021 Samsung Electronics. All rights reserved.
      Use of this source code is governed by a BSD-style license that can be
      found in the LICENSE file.
    -->

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="Tizen basic template generated by Tizen Web IDE"/>

    <title>Video Splash Screen Application</title>

    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <script type="text/javascript">console.log('[DEMO] Loading')</script>
    <script src="js/main.js"></script>
</head>

<body>
  <header>
    <hgroup>
      <img src='res/tizen_32.png'/>
      <h1>Splash Screen</h1>
      <h2>Demo Application</h2>
    </hgroup>
  </header>

  <article>
    <main>
        <p>This is a Video Splash Screen demo for <code>custom</code> splash configuration.
            This screen should appear once the <i>(emulated)</i> setup finished. In this
            example, the setup takes 10 seconds.</p>

        <img src="res/timeline.svg" style="width:100%">


        <p>Demo calls <code>console.log</code> at certain points. Visible through DevTools, those
            logs can help see the relationship between splash screen and HTML application.</p>
    </main>
  </article>

  <footer>
    <p>&copy; 2021 Company Name. All rights reserved.
    <br/>
      <small>The video splash screen background music is sampled from <a href="https://freemusicarchive.org/music/Andy_G_Cohen/Through_The_Lens/Andy_G_Cohen_-_Bumbler">"Bumbler" by Andy G. Cohen</a>, released under
        <a href='https://creativecommons.org/licenses/by/4.0/'>Creative Commons Attribution International Licence</a> (cc-by-4.0).</small></p>
  </footer>

  <div id='logger'></div>
</body>
</html>