tabla-notation/chote_ustad_presentation.html at master · anjanai/tabla-notation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html>
  <head>
    <title>Chote Ustad Rupak Presentation  </title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
      <script
      src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>

	function get_duration() {
	let bpm=60;
	let d =  (33 * 7 * 60000)/bpm;
	console.log(d);
	return d;
	}

      $(document).ready(function(){
      $('body,html').animate({
      scrollTop: $(document).height()-$(window).height()},
	get_duration()
      );
      });
    </script>
    <style>
      @media print {
      p {page-break-after: always;}
      }
      td {
      font-size: 29px;
      }
      table, th, td {
      border: 1px solid black;
      }

      .wrapper {
  max-width: 1000px;
  margin: 0 20px;
  display: grid;
  grid-gap: 10px;
}
    </style>
  </head>
  <body>
    <div class="wrapper">
      <h3> Listen to Lehera for one cycle </h3>
      <table class="table-active"><tbody><tr><td>1 </td><td>2 </td><td>3 </td><td>4 </td><td>5 </td><td>6 </td><td>7 </td></tr><tr></tr>
</tbody></table>
      <h3> Uthaan </h3>
<table class="table-primary">
<tbody><tr><td>dhaa ti dhaa ge </td><td>dhaa ti dhaa ge </td><td>dhin naa ge naa </td><td>dhaa ti dhaa ge </td><td>dhaa ti dhaa ge </td><td>dhin naa ge naa </td><td>ki Ta dhaa - </td></tr>
<tr><td>ne dhaa - ne </td><td>dhaa - ti ra </td><td>ki Ta dhaa - </td><td>ne dhaa - ne </td><td>dhaa - ti ra </td><td>ki Ta dhaa - </td><td>ne dhaa - ne </td></tr>
</tbody></table>

<h3> Rupak theka </h3>
<table class="table-active"><tbody><tr><td>tin </td><td>tin </td><td>naa naa </td><td>dhin dhin </td><td>naa naa </td><td>dhin dhin </td><td>naa naa </td></tr><tr></tr>
</tbody></table>

<h3> Kaida Main Theme </h3>
<table class="table-danger"><tbody><tr><td>dhaa - dhaa ge </td><td>naa dhaa - ge </td><td>naa dhaa ti dhaa </td><td>ge naa dhaa ge </td><td>dhin naa ge naa </td><td>dhaa ti dhaa ge </td><td>tin naa ke naa </td></tr>
<tr><td>taa - taa ke </td><td>naa taa - ke </td><td>naa taa ti taa </td><td>ke naa taa ke </td><td>tin naa ke naa </td><td>dhaa ti dhaa ge </td><td>dhin naa ge naa </td></tr>
</tbody></table>


<h3>var1: (dhaa - dhaa ge naa dhaa -)x3; ge naa dhaa ti dhaa ge naa </h3>
<table class="table-warning" id="formatted"><tbody><tr><td>dhaa - dhaa ge </td><td>naa dhaa - dhaa </td><td>- dhaa ge naa </td><td>dhaa - dhaa - </td><td>dhaa ge naa dhaa </td><td>- ge naa dhaa </td><td>ti dhaa ge naa </td></tr><tr></tr>
<tr><td>dhaa - dhaa ge </td><td>naa dhaa - ge </td><td>naa dhaa ti dhaa </td><td>ge naa dhaa ge </td><td>dhin naa ge naa </td><td>dhaa ti dhaa ge </td><td>tin naa ke naa </td></tr><tr></tr>
<tr><td>taa - taa ke </td><td>naa taa - taa </td><td>- taa ke naa </td><td>taa - taa - </td><td>taa ke naa taa </td><td>- ke naa taa </td><td>ti taa ke naa </td></tr><tr></tr>
<tr><td>dhaa - dhaa ge </td><td>naa dhaa - ge </td><td>naa dhaa ti dhaa </td><td>ge naa dhaa ge </td><td>dhin naa ge naa </td><td>dhaa ti dhaa ge </td><td>dhin naa ge naa </td></tr><tr></tr>
</tbody></table>

<h3>var2: (dhaa - dhaa ge naa dhaa - ge naa dhaa ti dhaa ge naa )x2 </h3>
<table class="table-info" id="formatted"><tbody><tr><td>dhaa - dhaa ge </td><td>naa dhaa - ge </td><td>naa dhaa ti dhaa </td><td>ge naa dhaa - </td><td>dhaa ge naa dhaa </td><td>- ge naa dhaa </td><td>ti dhaa ge naa </td></tr><tr></tr>
<tr><td>dhaa - dhaa ge </td><td>naa dhaa - ge </td><td>naa dhaa ti dhaa </td><td>ge naa dhaa ge </td><td>dhin naa ge naa </td><td>dhaa ti dhaa ge </td><td>tin naa ke naa </td></tr><tr></tr>
<tr><td>taa - taa ke </td><td>naa taa - ke </td><td>naa taa ti taa </td><td>ke naa taa - </td><td>taa ke naa taa </td><td>- ke naa taa </td><td>ti taa ke naa </td></tr><tr></tr>
<tr><td>dhaa - dhaa ge </td><td>naa dhaa - ge </td><td>naa dhaa ti dhaa </td><td>ge naa dhaa ge </td><td>dhin naa ge naa </td><td>dhaa ti dhaa ge </td><td>dhin naa ge naa </td></tr><tr></tr>
</tbody></table>

<h3>var3: dhaa - dhaa ge naa dhaa -  (ge naa dhaa ti dhaa ge naa )x3</h3>
<table class="table-danger"><tbody><tr><td>dhaa - dhaa ge </td><td>naa dhaa - ge </td><td>naa dhaa ti dhaa </td><td>ge naa ge naa </td><td>dhaa ti dhaa ge </td><td>naa ge naa dhaa </td><td>ti dhaa ge naa </td></tr><tr></tr>
<tr><td>dhaa - dhaa ge </td><td>naa dhaa - ge </td><td>naa dhaa ti dhaa </td><td>ge naa dhaa ge </td><td>dhin naa ge naa </td><td>dhaa ti dhaa ge </td><td>tin naa ke naa </td></tr><tr></tr>
<tr><td>taa - taa ke </td><td>naa taa - ke </td><td>naa taa ti taa </td><td>ke naa taa ke </td><td>tin naa ke naa </td><td>taa ti taa ke </td><td>tin naa ke naa </td></tr><tr></tr>
<tr><td>dhaa - dhaa ge </td><td>naa dhaa - ge </td><td>naa dhaa ti dhaa </td><td>ge naa dhaa ge </td><td>dhin naa ge naa </td><td>dhaa ti dhaa ge </td><td>dhin naa ge naa </td></tr><tr></tr>
</tbody></table>

<h5>tihai:dhaa - dhaa ge	naa dhaa - dhaa	ti dhaa ge dhin	naa ge naa dhaa	- (dhaa - dhaa	- ta dhaa -)x3 </h5>
  <table class="table-warning"><tbody><tr><td>dhaa - dhaa ge </td><td>naa dhaa - dhaa </td><td>ti dhaa ge dhin </td><td>naa ge naa dhaa </td><td>- dhaa - dhaa </td><td>- ta dhaa - </td><td>dhaa - dhaa - </td></tr>
<tr><td>ta dhaa - dhaa </td><td>- dhaa - ta </td><td>dhaa - dhaa - </td><td>dhaa ge naa dhaa </td><td>- dhaa ti dhaa </td><td>ge dhin naa ge </td><td>naa dhaa - dhaa </td></tr>
<tr><td>- dhaa - ta </td><td>dhaa - dhaa - </td><td>dhaa - ta dhaa </td><td>- dhaa - dhaa </td><td>- ta dhaa - </td><td>dhaa - dhaa ge </td><td>naa dhaa - dhaa </td></tr>
      <tr><td>ti dhaa ge dhin </td><td>naa ge naa dhaa </td><td>- dhaa - dhaa </td><td>- ta dhaa - </td><td>dhaa - dhaa - </td><td>ta dhaa - dhaa </td><td>- dhaa - ta </td></tr>
      <tr><td>dhaa</td></tr>
  </tbody></table>

  <h3> Composition 1</h3>
  <table class="table-info"><tbody><tr><td>ta ka ti - </td><td>ta ka taa - </td><td>ki Ta ta ka </td><td>ti ne ke ne </td><td>taa ke ti Ta </td><td>taa ke tra ka </td><td>tin naa ke naa </td></tr>
<tr><td>dhaa - taa ke </td><td>ti Ta taa ke </td><td>tra ka tin naa </td><td>ke naa dhaa - </td><td>taa ke ti Ta </td><td>taa ke tra ka </td><td>tin naa ke naa </td></tr>
</tbody></table>

<table class="table-active"><tbody><tr><td>tin </td><td>tin </td><td>naa naa </td><td>dhin dhin </td><td>naa naa </td><td>dhin dhin </td><td>naa naa </td></tr><tr></tr>
</tbody></table>

  <h3> Composition 2</h3>
  <table class="table-danger"><tbody><tr><td>dhiTa dhiTa </td><td>dhaage tiTa </td><td>kDadhe tiTa </td><td>dhaage tiTa </td><td>kDadhe tiTa </td><td>kDadhe tiTa </td><td>dhaage tiTa </td></tr>
<tr><td>tira kiTa </td><td>gadi gane </td><td>dhaa- tira </td><td>kiTa gadi </td><td>gane dhaa- </td><td>tira kiTa </td><td>gadi gane </td></tr>
</tbody></table>

<table class="table-active"><tbody><tr><td>tin </td><td>tin </td><td>naa naa </td><td>dhin dhin </td><td>naa naa </td><td>dhin dhin </td><td>naa naa </td></tr><tr></tr>
</tbody></table>

<div>
  </body></html>