4 <meta charset="utf-8"/>
5 <meta name="viewport" content="width=device-width,user-scalable=no"/>
7 <link id="cowhide-theme" href="${cowhide}/cowhide-default.min.css" rel="stylesheet">
8 <link href="${cowhide}/cowhide-responsive.css" rel="stylesheet">
10 <title>Cowhide - Tizen Web UI Component</title>
15 <div class="container">
16 <ul><li><button id="night-mode-toggle" class="btn btn-primary">Toggle night mode</button></li>
18 <select class="btn" type="text" id="theme-selector">
19 <option value="0">Select theme:</option>
20 <option value="0">------------------------------------</option>
21 <option value="default">Default</option>
22 <option value="amelia">Amelia</option>
23 <option value="spruce">Spruce</option>
28 <div class="jumbotron masthead">
29 <div class="container">
31 <h2>Cowhide - Tizen Web UI Component</h1>
37 cowhide.js must be included.
38 DO NOT REMOVE below code!
41 <script src="${cowhide}/cowhide.js"></script>
46 $.cowhide.initThemeEngine({
51 $('button#night-mode-toggle').click(function() {
52 $.cowhide.toggleNightMode();
55 $('select#theme-selector').change(function() {
56 var value = $(this).find('option:selected').val();
58 $.cowhide.setTheme(value);