Html for practice- Shiv Tandav
Html codes for practice
1.Shiv Tandav:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
background-color: rgb(206, 241, 236);
}
#strot{
left:12.5cm;
position: absolute;
z-index:1;
top:410px;
}
pre{
z-index:1;
}
@keyframes move{
0%{
}
100%{
}
}
#img{
z-index:3;
position: absolute;
left:11.8cm;
}
#cont{
background-color: aqua;
z-index:3;
}
#audio{
height:30px;
width:90px;
color:rgba(74, 212, 166,0);
}
</style>
</head>
<body>
<center> <audio controls style="display:none;" loop id="audio">
<source id="audio-source"
src="http://docs.google.com/uc?export=open&id=1QfuXGXJAxZSTOi2FCa4uD2lMeLTxbADy">
</audio><span class="start" onclick="start()"></span>
</center>
<p id='p'></p>
<center><span id="cont"><img z-idex="1" onclick="start()" id="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-M7NczAHPhlBB5MDOgzqaBgVepP2pPfC48w5Q1K9GGebNmLkrijyC_Z4xdota97nqNVUmu2_SsKwXjaRJaYXk_SOwRQtjDy8khsRgeY_b7LD_M80n1Xoen1EkFpcPdoURy_fAlFTd2Y/s320/UO.jpg">
</span></center>
<span id="strot">
<pre >जटाटवीगलज्जल प्रवाहपावितस्थले
गलेऽवलम्ब्य लम्बितां भुजंगतुंगमालिकाम्।
डमड्डमड्डमड्डमनिनादवड्डमर्वयं
चकार चंडतांडवं तनोतु नः शिवः शिवम ॥1॥
जटा कटा हसंभ्रम भ्रमन्निलिंपनिर्झरी ।
विलोलवी चिवल्लरी विराजमानमूर्धनि ।
धगद्धगद्ध गज्ज्वलल्ललाट पट्टपावके
किशोरचंद्रशेखरे रतिः प्रतिक्षणं ममं ॥2॥
धरा धरेंद्र नंदिनी विलास बंधुवंधुर-
स्फुरदृगंत संतति प्रमोद मानमानसे ।
कृपाकटा क्षधारणी निरुद्धदुर्धरापदि
कवचिद्विगम्बरे मनो विनोदमेतु वस्तुनि ॥3॥
जटा भुजं गपिंगल स्फुरत्फणामणिप्रभा-
कदंबकुंकुम द्रवप्रलिप्त दिग्वधूमुखे ।
मदांध सिंधु रस्फुरत्वगुत्तरीयमेदुरे
मनो विनोदद्भुतं बिंभर्तु भूतभर्तरि ॥4॥
सहस्र लोचन प्रभृत्य शेषलेखशेखर-
प्रसून धूलिधोरणी विधूसरांघ्रिपीठभूः ।
भुजंगराज मालया निबद्धजाटजूटकः
श्रिये चिराय जायतां चकोर बंधुशेखरः ॥5॥
ललाट चत्वरज्वलद्धनंजयस्फुरिगभा-
निपीतपंचसायकं निमन्निलिंपनायम् ।
सुधा मयुख लेखया विराजमानशेखरं
महा कपालि संपदे शिरोजयालमस्तू नः ॥6॥
कराल भाल पट्टिकाधगद्धगद्धगज्ज्वल-
द्धनंजया धरीकृतप्रचंडपंचसायके ।
धराधरेंद्र नंदिनी कुचाग्रचित्रपत्रक-
प्रकल्पनैकशिल्पिनि त्रिलोचने मतिर्मम ॥7॥
नवीन मेघ मंडली निरुद्धदुर्धरस्फुर-
त्कुहु निशीथिनीतमः प्रबंधबंधुकंधरः ।
निलिम्पनिर्झरि धरस्तनोतु कृत्ति सिंधुरः
कलानिधानबंधुरः श्रियं जगंद्धुरंधरः ॥8॥
प्रफुल्ल नील पंकज प्रपंचकालिमच्छटा-
विडंबि कंठकंध रारुचि प्रबंधकंधरम्
स्मरच्छिदं पुरच्छिंद भवच्छिदं मखच्छिदं
गजच्छिदांधकच्छिदं तमंतकच्छिदं भजे ॥9॥
अगर्वसर्वमंगला कलाकदम्बमंजरी-
रसप्रवाह माधुरी विजृंभणा मधुव्रतम् ।
स्मरांतकं पुरातकं भावंतकं मखांतकं
गजांतकांधकांतकं तमंतकांतकं भजे ॥10॥
जयत्वदभ्रविभ्रम भ्रमद्भुजंगमस्फुर-
द्धगद्धगद्वि निर्गमत्कराल भाल हव्यवाट्-
धिमिद्धिमिद्धिमि नन्मृदंगतुंगमंगल-
ध्वनिक्रमप्रवर्तित प्रचण्ड ताण्डवः शिवः ॥11॥
दृषद्विचित्रतल्पयोर्भुजंग मौक्तिकमस्रजो-
र्गरिष्ठरत्नलोष्टयोः सुहृद्विपक्षपक्षयोः ।
तृणारविंदचक्षुषोः प्रजामहीमहेन्द्रयोः
समं प्रवर्तयन्मनः कदा सदाशिवं भजे ॥12॥
कदा निलिंपनिर्झरी निकुजकोटरे वसन्
विमुक्तदुर्मतिः सदा शिरःस्थमंजलिं वहन्।
विमुक्तलोललोचनो ललामभाललग्नकः
शिवेति मंत्रमुच्चरन्कदा सुखी भवाम्यहम्॥13॥
इमं हि नित्यमेव मुक्तमुक्तमोत्तम स्तवं
पठन्स्मरन् ब्रुवन्नरो विशुद्धमेति संततम्।
हरे गुरौ सुभक्तिमाशु याति नांयथा गतिं
विमोहनं हि देहना तु शंकरस्य चिंतनम ॥16॥
|| OM NAMAHA SHIVAYAE ||
॥ इति शिव तांडव स्तोत्रं संपूर्णम्॥ </pre>
</span>
<script>
alert("\n Tap anywhere to enable music\n");
window.addEventListener("mouseover",play);
window.addEventListener("click",play);
function play(){ document.getElementById("audio").play();
}
var i =0;
var t=50;
var myAudio = document.getElementById('audio');
function audio(){
if (!myAudio.paused) {
document.body.style.color="red";
}
var s = myAudio.currentTime;
if (s>47 && ((((((((s <108 || s>135) && s<220 )|| s>247) && s<306) || s>340) && s<422) || s>453)&& s<512) || s>538 ){
strot.style.top=-i+410+"px";
i+=1.5;
}
console.log(myAudio.currenTime);
var p = document.getElementById("p");
p.innerText=s;
}
setInterval(audio,500);
var mod = s%60;
var m= mod * 60;
var res= m;
</script>
</span>
</body>
</html>
Follow us to get such useful posts.
Comments
Post a Comment