-
Notifications
You must be signed in to change notification settings - Fork 0
/
Echoupai sahib.htm
431 lines (396 loc) · 11.5 KB
/
Echoupai sahib.htm
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@800&family=Langar&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<style>
.fateh{
font-size: 35px;
font-family: 'Baloo Paaji 2', cursive;
background-color: black;
text-align: center;
color:deeppink;
border-radius: 300px;
border-style:double;
border-top-color:fuchsia;
border-bottom-color: deepskyblue;
border-left-color:darkorange;
border-right-color: lawngreen;
border-width: 10px;
padding: 16px;
}
.fateh#first{
margin-top: 114px;
}
.pages{
font-family: 'Langar', cursive;
background-color:navajowhite;
color: red;
font-weight: 600;
text-align: center;
font-size: 30px;
border:30px solid transparent;
border-image: url(floral.png) 220 repeat;
}
hr{
border-color:crimson;
border-style: dotted;
border-width: 3px;
border-radius: 16px;
}
.header{
border-radius: 0 0 16% 16%;
display: flex;
flex-direction: row;
position: fixed;
width:100%;
top: 0;
left: 0;
padding: 16px;
padding-left: 7px;
background-color: black;
font-size: 25px;
color: white;
}
.header a.first{
color: white;
margin-top: 2.6%;
text-decoration: none;
}
.header a:hover{
color: deepskyblue;
}
.back{
margin-left: 16px;
margin-right: 7px;
}
.header a.first:hover .back{
transition: 2s;
margin-left: 7px;
margin-right: 20px;
color: deepskyblue;
}
.header code{
color:deepskyblue;
margin-left: 220px;
margin-right: 220px;
font-weight: bold;
font-size: 70px;
}
.header code:hover{
animation: headerclr 1.6s ease-in-out infinite;
}
@keyframes headerclr {
0%{color: deepskyblue;}
50%{color: white;}
100%{color: deepskyblue;}
}
.dropbtn {
background-color: ghostwhite;
color: deepskyblue;
padding: 12px;
font-size:18px;
border: none;
cursor: pointer;
}
.dropbtn b{
margin-left: 16px;
}
.dropbtn:hover, .dropbtn:focus {
background-color: deepskyblue;
color: white;
}
.dropdown {
margin-top: 1.9%;
display: inline;
margin-right: 30px;
position: relative;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown a:hover {background-color: #ddd; color: deepskyblue;}
.show {display: block;}
@media screen and (max-width: 768px){
.header{
border-radius: 0 0 20% 20%;
text-align: center;
flex-direction: column;
padding: 5px 0;
}
.back{
margin-left: 0;
}
.header a.first{
font-size: 25px;
}
.header code{
font-size: 35px;
}
.dropbtn{
margin-left: 40px;
}
.dropdown-content{
margin-left: 319px;
}
}
@media screen and (max-width: 600px){
*{
padding: 0;
margin: 0;
}
.fateh{
width: 100%;
font-size: 17px;
border-width: 7px;
margin: 7px 3px;
}
hr{
width: 111%;
margin: 7px 3px;
}
.pages{
width: 103.5%;
margin: 7px 3px;
font-size: 11px;
border: 16px solid transparent;
border-image: url(floral.png) 220 repeat;
}
.header{
border-radius: 0 0 20% 20%;
text-align: center;
flex-direction: column;
padding: 7px 0 !important;
}
.back{
margin-left: 0;
}
.header a.first{
font-size: 25px;
}
.dropbtn{
padding: 7px;
margin-left: 40px;
font-size: 20px;
}
.dropdown-content{
margin-left: 94px;
}
.dropdown-content a{
text-align: center;
padding: 10px;
}
.header code{
margin: 0;
margin-top: 2%;
font-size: 30px;
}
}
</style>
<title>Choupai Saheb</title>
</head>
<body>
<div class="header" id="header">
<a href="index.htm" class="first"><b class="back"><i class="fa fa-angle-double-left"></i></b>Go Back</a>
<code id="hname">Choupai Saheb</code>
<div class="dropdown">
<i onclick="myFunction()" class="dropbtn fa fa-language"><b>Language</b></i>
<div id="myDropdown" class="dropdown-content">
<a href="Gchoupai sahib.htm">Gurmukhi</a>
<a href="Hchoupai sahib.htm">Hindi</a>
<a href="#">English</a>
</div>
</div>
<script>
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
</div>
<script>
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
document.getElementById("header").style.padding = "0px";
document.getElementById("header").style.transition = "0.7s all ease-in-out";
} else {
document.getElementById("header").style.padding = "16px";
document.getElementById("header").style.paddingLeft = "7px";
}
}
</script>
<div class="fateh" id="first">
<pre>Waheguru Ji Ka Khalsa
Waheguru Ji Ki Fateh</pre>
</div>
<hr>
<div>
<pre class="pages">
Patshai Dasvi
Kabio Vach Bainti
Chaupai
hamri kro hath dai rchcha.
pooran hoeh chit ki eichcha.
tav charnan mun rehai hmara.
apna jan kro pritipara. (1)
hamrai dust sabhai tum ghao
aapu hath dai moeh bachavo;
sukhi basaimoro privara
saivak sikh sbhai kartara. (2)
mo rchcha nij kr dai kriye.
sabh bairn ko aij sunghriye.
pooran hoeh hmari aasa.
tor bhjan ki rehai piaasa. (3)
tumeh chadi koei avr na dhiyaoun
jo bar chon so tum tai paoon.
saivk sikh hmarai tariaeh
chuni chuni strhmarai mariaeh. (4)
aap hath dai mujhai obriyai
mrn kal ka tras nivriaye.
hoojo sda hamaraipchcha
sri asidhuj joo kriyo rchcha. (5)
rakh laiho mohe rakhan harai
sahib sant shaeh piyarai
deen bundhu dustan kai hunta
tum ho puri chtur dus kunta. (6)
kal paeh brhma bup dhra.
kal paeh siv joo avtra.
kal paeh kr bisnu prkasa
skl kal ka kia tmasa. (7)
jvan kal jogi siv kio
baid raj brahma joo thio
jvn kal sabh lok svara
nmskar hai taeh hmara. (8)
jvn kal sabh jagat bnaio
dev daint jchchan oopjaio
adi aunti aikai avtara
soei guru smjhiayho hmara (9)
nmskar tis hi ko hamari
skal prja jin aap svari
sivkn ko siv gun sukh dio
sttrun ko pul mo bdh kio. (10)
ghat ghat kai antar ki jant
bhlai burai ki pir pachant
chiti tai kunchrasthoola
sabh par kirpa diristi kar phoola. (11)
suntun dukh paai tai dukhi
sukh paai sadhun kai sukhi
aik aik ki pir pchanain
ghat ghat kai put put ki janai. (12)
jub oodkrkh kra kartara
prja dhrt tab dai apara
jub aakrkh kart ho kabhoon
tum mai milat dai dhr sbhhoon (13)
jaitai bdan sirsti sbh dharai
aap aapni boojh oocharai
tum sabh hi tai reht niralm
jant baid bhaid ar aalm (14)
nirankar niribkar nirlunbh
adi anil anadi asunbh
ta ka moorh oocharut bhaida
ja ko bhaiv na pavat baida. (15)
ta ko kar pahn anumant
maha moorh kcho bhaid na jant
mahadaiv ko keht sda siv
nirankar ka chint neh bhiv. (16)
aap aapni budhi hai jaiti
barnt bhinun bhinun tuhe taiti
tumra lkha na jaeh psara
keh bidhi sja prthm sunsara. (17)
aikai roop anoop sroopa
runk bhyo rav kehi bhoopa
andj jairj saitj kini
ootbhuj khani bhor rchi deeni (18)
kahoon phool raja hvai baitha
kahoon simit bhio sunkr aikaitha
sgri sirsti dikhaeh achunbhv
adi jugadi sroop suyunbhv. (19)
ab rchcha mairi tum kro
sikh oobari asikh soghro
dust jitai oothvat ootpata
skal mlaich kro run ghata. (20)
jai asidhuj tav sarni parai
tin kai dusht dukhit hvai mrai
purkh jvan pug parai tiharai
tin kai tum sunkt sabh tarai. (21)
jo kal ko eik bar dhiaai hai
ta kai kal nikti neh aai hai
rchcha hoeh taeh sabh kala
dust arist train tatkala. (22)
kirpa diristi tun jaeh nihriho
ta kai tap tnak mo herho.
ridhdhi sidhdhi ghar mo sabh hoei
dust chah chvai skai na koei. (23)
aik bar jin tumai sunbhara
kal phas tai taeh oobara
jin nar nam tiharo kaha
darid dust dokh tai raha. (24)
kharag kait mai sarni tehari
aap hath dai laio oobari
sarb thor mo hohu sahaei
dust dokh tai laiho bchaei. (25)
Kripaa kari ham par jagmaataa||
Granth karaa pooran subh raataa||
Kilbikh sakal deh ko hartaa||
Dusht dokhiyan ko chhai kartaa ||26||
Sri asidhuj jab bhae dayaalaa||
Pooran karaa granth tatkaalaa||
Man baanchhat phal paavai soee||
Dookh na tisai biaapat koee||27||
Arhil
Sunai gung jo yaahe su rasnaa paavaee||
Sunai moorh chit laae chaturtaa aavaee||
Dookh dard bhau nikath na tin nar ke rahai||
Ho jo yaaki ek baar chaupai ko kahai||28||
Chaoupai
Sanbhat satrah sahas bhanijai||
Aradh sahas phun teen kahijai||
Bhaadrav sudi ashtami ravi vaaraa||
Teer satuddrav granth sudhaaraa||29||
Swaiyaa
Paahe gahe jab te tumre tab te
kou aankh tare nahi aanyo||
Raam Raheem Puraan Kuraan aneyk
kahai mat eyk na maanyo||
Sinmrit Shaastra Bed sabhai
bahu bhed kahai ham ek naa jaanyo||
Sri asipaan kripaa tumri kar
mai na kahyo sabh tohe bakhaanyo||863||
Dohraa
Sagal duaar kau chhaad kai gahyo tuhaaro duaar||
Bahe gahe ki laaj as Gobind daas tuhaar||864||
</pre>
</div>
<hr>
<div class="fateh">
<pre>Waheguru Ji Ka Khalsa
Waheguru Ji Ki Fateh</pre>
</div>
</body>
</html>