-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-pa.html
202 lines (171 loc) · 13 KB
/
index-pa.html
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
<!DOCTYPE html><html lang=pa><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>ਸੋਲਰ ਅਨਾਮਨੇਸਿਸ ਪਬਲਿਸ਼ਿੰਗ</title><link rel=stylesheet href=https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css><meta name=description content="ਸੋਲਰ ਅਨਾਮਨੇਸਿਸ ਪਬਲਿਸ਼ਿੰਗ ਦੀ ਵਰਚੁਅਲ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਖੋਜ ਕਰੋ, ਜਿਸ ਵਿੱਚ ਕਿਤਾਬਾਂ ਅਤੇ ਸਰੋਤਾਂ ਦਾ ਇਕ ਸੰਗ੍ਰਹਿ ਹੈ। ਸਾਡੇ ਮਿਸ਼ਨ ਅਤੇ ਵਿਜ਼ਨ ਨੂੰ ਖੋਜੋ। ਮਿਊਸਾਂ ਅਤੇ ਦੇਵੀ ਨੀਥ ਨੂੰ ਸਮਰਪਿਤ, ਅਲੇਕਜ਼ੈਂਡ੍ਰੀਆ ਦੀ ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਯਾਦ ਕਰਨ ਲਈ।"><meta name=keywords content="books, virtual library, publishing, resources, Solar Anamnesis, latex, pdfs"><link rel=icon type=image/x-icon href=favicon.ico><style>
/* Define CSS Custom Properties */
:root {
--background-color: #f5e1b1;
/* Light background */
--text-color: #000;
/* Light text color */
--hero-background: #c44d3d;
/* Hero background */
--hero-text-color: #fff;
/* Hero text color */
--card-background: #f4f1e6;
/* Card background */
--card-text-color: #000;
/* Card text color */
--button-background: #00D1B2;
/* Button background */
--button-hover-background: #009B8C;
/* Button hover background */
--link-color: #00D1B2;
/* Link color */
--link-hover-color: #e0e0e0;
/* Link hover color */
}
/* Light Theme Styles */
body {
background-color: var(--background-color);
font-family: Georgia, serif;
color: var(--text-color);
}
.hero {
background-color: var(--hero-background);
color: var(--hero-text-color);
}
.card {
margin: 20px;
border: 2px solid var(--button-background);
border-radius: 8px;
}
.card-content {
background-color: var(--card-background);
color: var(--card-text-color);
}
.hero .title {
color: var(--hero-text-color);
padding-left: 5rem; /* Adjust this value as needed */
}
.hero .subtitle {
color: #ffd700;
padding-left: 5rem; /* Adjust this value as needed */
/* Gold for the subtitle */
}
.button {
background-color: var(--button-background);
color: #fff;
}
.button:hover {
background-color: var(--button-hover-background);
}
.filter-buttons {
margin-bottom: 20px;
}
.filter-buttons .button {
margin-right: 10px;
}
.language-list {
columns: 2;
column-gap: 20px;
padding: 0;
list-style-type: none;
}
.language-list li {
break-inside: avoid;
}
.language-list a {
color: var(--link-color);
text-decoration: none;
}
.language-list a:hover {
text-decoration: underline;
}
/* Dark Theme Styles */
html[data-theme="dark"] {
--background-color: #1a1a1a;
/* Dark background */
--text-color: #e0e0e0;
/* Light text color */
--card-background: #2c2c2c;
/* Dark card background */
}
html[data-theme="dark"] .hero {
background-color: var(--hero-background);
/* Keep hero background same */
color: var(--hero-text-color);
}
html[data-theme="dark"] .card-content {
background-color: var(--card-background);
color: var(--text-color);
}
html[data-theme="dark"] .button {
background-color: var(--button-background);
color: #fff;
}
html[data-theme="dark"] .button:hover {
background-color: var(--button-hover-background);
}
html[data-theme="dark"] .language-list a {
color: var(--link-color);
}
html[data-theme="dark"] .language-list a:hover {
color: var(--link-hover-color);
}
/* Media Queries for System Preferences */
@media (prefers-color-scheme: dark) {
body {
background-color: #1a1a1a;
/* Dark background */
color: #e0e0e0;
/* Light text color */
}
.hero {
background-color: var(--hero-background);
color: var(--hero-text-color);
}
.card-content {
background-color: #2c2c2c;
/* Dark card background */
color: #e0e0e0;
/* Card text color for dark theme */
}
.button {
background-color: var(--button-background);
color: #fff;
}
.button:hover {
background-color: var(--button-hover-background);
}
.language-list a {
color: var(--link-color);
}
.language-list a:hover {
color: var(--link-hover-color);
}
}
/* Add this CSS to your existing styles */
body {
margin: 0; /* Remove default margin */
position: relative; /* Position relative for absolute children */
overflow: hidden; /* Prevent overflow from elements */
}
/* Left Border */
.border-left {
position: absolute; /* Position absolutely */
left: 0; /* Align to the left */
top: 0; /* Align to the top */
height: 100%; /* Full height */
width: 100px; /* Width of the border */
background-color: #c44d3d; /* Solid color for the left border */
}
/* Right Border */
.border-right {
position: absolute; /* Position absolutely */
right: 0; /* Align to the right */
top: 0; /* Align to the top */
height: 100%; /* Full height */
width: 100px; /* Width of the border */
background-color: #c44d3d; /* Solid color for the right border */
}
</style></head><body><!-- Left Border --><div class=border-left></div><!-- Right Border --><div class=border-right></div><div class=minoan-wave-pattern><svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 4000 100" width=100% height=100px><!-- Background --><rect width=4000 height=100 fill=#c44d3d /><!-- Minoan Waves --><g fill=#e1b12c><path d="M0 60 Q 50 10, 100 60 T 200 60 T 300 60 T 400 60 T 500 60 T 600 60 T 700 60 T 800 60 T 900 60 T 1000 60 T 1100 60 T 1200 60 T 1300 60 T 1400 60 T 1500 60 T 1600 60 T 1700 60 T 1800 60 T 1900 60 T 2000 60 T 2100 60 T 2200 60 T 2300 60 T 2400 60 T 2500 60 T 2600 60 T 2700 60 T 2800 60 T 2900 60 T 3000 60 T 3100 60 T 3200 60 T 3300 60 T 3400 60 T 3500 60 T 3600 60 T 3700 60 T 3800 60 T 3900 60 T 4000 60 L 4000 100 L 0 100 Z"/></g><!-- Additional Decorative Elements --><g fill=#00D1B2><circle cx=50 cy=60 r=6 /><circle cx=150 cy=60 r=6 /><circle cx=250 cy=60 r=6 /><circle cx=350 cy=60 r=6 /><circle cx=450 cy=60 r=6 /><circle cx=550 cy=60 r=6 /><circle cx=650 cy=60 r=6 /><circle cx=750 cy=60 r=6 /><circle cx=850 cy=60 r=6 /><circle cx=950 cy=60 r=6 /><circle cx=1050 cy=60 r=6 /><circle cx=1150 cy=60 r=6 /><circle cx=1250 cy=60 r=6 /><circle cx=1350 cy=60 r=6 /><circle cx=1450 cy=60 r=6 /><circle cx=1550 cy=60 r=6 /><circle cx=1650 cy=60 r=6 /><circle cx=1750 cy=60 r=6 /><circle cx=1850 cy=60 r=6 /><circle cx=1950 cy=60 r=6 /><circle cx=2050 cy=60 r=6 /><circle cx=2150 cy=60 r=6 /><circle cx=2250 cy=60 r=6 /><circle cx=2350 cy=60 r=6 /><circle cx=2450 cy=60 r=6 /><circle cx=2550 cy=60 r=6 /><circle cx=2650 cy=60 r=6 /><circle cx=2750 cy=60 r=6 /><circle cx=2850 cy=60 r=6 /><circle cx=2950 cy=60 r=6 /><circle cx=3050 cy=60 r=6 /><circle cx=3150 cy=60 r=6 /><circle cx=3250 cy=60 r=6 /><circle cx=3350 cy=60 r=6 /><circle cx=3450 cy=60 r=6 /><circle cx=3550 cy=60 r=6 /><circle cx=3650 cy=60 r=6 /><circle cx=3750 cy=60 r=6 /><circle cx=3850 cy=60 r=6 /><circle cx=3950 cy=60 r=6 /></g></svg></div><section class="hero is-primary"><div class=hero-body><div class=container><h1 class=title>ਸੋਲਰ ਅਨਾਮਨੇਸਿਸ ਪਬਲਿਸ਼ਿੰਗ</h1><h3 class=subtitle>ਰਹੱਸ ਨੂੰ ਖੋਜੋ</h3></div></div></section><div class=container><div class="columns is-multiline"><div class="column is-one-third"><div class=card><div class=card-content><h3 class="title is-4">ਵਰਚੁਅਲ ਲਾਇਬ੍ਰੇਰੀ</h3><p>ਲਾਇਬ੍ਰੇਰੀ ਵਿੱਚ ਸਾਰੀਆਂ ਕਿਤਾਬਾਂ ਨਾਲ ਪਰਸਪਰ ਕਰਨਾ।</p></div><footer class=card-footer><a href=https://cdn.solaranamnesis.com/library-test/examples/book_shelf-pa.html class=card-footer-item>ਕਿਤਾਬਾਂ ਦੇ ਸ਼ੈਲਫ਼ 'ਤੇ ਜਾਓ</a></footer></div></div><div class="column is-one-third"><div class=card><div class=card-content><h3 class="title is-4">ਲਿੰਕ</h3><p>ਹੋਰ ਜਾਣਕਾਰੀ ਅਤੇ ਸਰੋਤਾਂ ਲੱਭੋ।</p></div><footer class=card-footer><a href=links.html class=card-footer-item>ਲਿੰਕਾਂ 'ਤੇ ਜਾਓ</a></footer></div></div><div class="column is-one-third"><div class=card><div class=card-content><h3 class="title is-4">ਸਾਡੇ ਬਾਰੇ</h3><p>ਸਾਡੇ ਮਿਸ਼ਨ ਅਤੇ ਵਿਜ਼ਨ ਬਾਰੇ ਹੋਰ ਜਾਣੋ।</p></div><footer class=card-footer><a href=about.html class=card-footer-item>ਸਾਡੇ ਬਾਰੇ ਜਾਓ</a></footer></div></div></div><div class="columns is-multiline"><div class="column is-full"><div class=card><div class=card-content><h3 class="title is-4">ਕਿਤਾਬਾਂ ਨੂੰ ਛਾਂਟੋ</h3><div class="columns is-mobile filter-buttons"><div class="column is-one-quarter"><label class=label>ਭਾਸ਼ਾ ਦੁਆਰਾ ਛਾਂਟੋ</label><div class=control><div class=select><select id=language-select><option>ਭਾਸ਼ਾ ਚੁਣੋ</option></select></div></div></div><div class="column is-one-quarter"><label class=label>ਸਾਲ ਦੁਆਰਾ ਛਾਂਟੋ</label><div class=control><div class=select><select id=year-select><option>ਸਾਲ ਚੁਣੋ</option></select></div></div></div><div class="column is-one-quarter"><label class=label>ਵਿਸ਼ਾ ਦੁਆਰਾ ਛਾਂਟੋ</label><div class=control><div class=select><select id=subject-select><option>ਵਿਸ਼ਾ ਚੁਣੋ</option></select></div></div></div><div class="column is-one-quarter"><label class=label>ਲੇਖਕ ਦੁਆਰਾ ਛਾਂਟੋ</label><div class=control><div class=select><select id=author-select><option>ਲੇਖਕ ਚੁਣੋ</option></select></div></div></div></div></div></div></div></div><div class=container><div class=card><div class=card-content><h3 class="title is-4">ਕਿਤਾਬਾਂ ਵੇਖੋ</h3><ul id=book-list class=list></ul></div></div></div></div><div class=container><div class=card style="max-width: 400px; margin: 10px auto; opacity: 0.8;"><div class=card-content><h3 class="title is-4">ਲਾਇਬ੍ਰੇਰੀ ਦਿਖਾਈ ਭਾਸ਼ਾ</h3><div class=content><p>ਆਪਣੀ ਪਸੰਦ ਦੀ ਭਾਸ਼ਾ ਚੁਣੋ:</p><ul class=language-list><li><a href=index.html>ਅੰਗਰੇਜ਼ੀ</a></li><li><a href=index-es.html>ਸਪੈਨਿਸ਼</a></li><li><a href=index-de.html>ਜਰਮਨ</a></li><li><a href=index-fr.html>ਫਰਾਂਸੀਸੀ</a></li><li><a href=index-ja.html>日本語 (ਜਾਪਾਨੀ)</a></li><li><a href=index-it.html>ਇਟਾਲੀਅਨ</a></li><li><a href=index-ru.html>Русский (ਰੂਸੀ)</a></li><li><a href=index-zh.html>中文 (ਚੀਨੀ)</a></li><li><a href=index-he.html>עברית (ਹਿਬਰੂ)</a></li><li><a href=index-th.html>ไทย (ਥਾਈ)</a></li><li><a href=index-vi.html>Tiếng Việt (ਵਿਅਤਨਾਮੀ)</a></li><li><a href=index-ar.html>العربية (ਅਰਬੀ)</a></li><li><a href=index-hi.html>हिन्दी (ਹਿੰਦੀ)</a></li><li><a href=index-el.html>Ελληνικά (ਗ੍ਰੀਕ)</a></li><li><a href=index-ko.html>한국어 (ਕੋਰੀਅਨ)</a></li><li><a href=index-pt.html>ਪੋਰਤਗਾਲੀ</a></li><li><a href=index-bn.html>বাংলা (ਬੰਗਾਲੀ)</a></li><li><a href=#>ਪੰਜਾਬੀ</a></li><li><a href=index-fa.html>فارسی (ਫਾਰਸੀ)</a></li><li><a href=index-sw.html>ਕਿਸਵਾਹਿਲੀ</a></li><li><a href=index-id.html>ਇੰਡੋਨੇਸ਼ੀਆਈ</a></li><li><a href=index-pl.html>ਪੋਲਿਸ਼</a></li><li><a href=index-nl.html>ਡੱਚ</a></li><li><a href=index-sv.html>ਸਵੀਡੀਸ਼</a></li><li><a href=index-tr.html>ਤੁਰਕੀ (Türkçe)</a></li><li><a href=index-hu.html>ਹੰਗਰੀਅਨ</a></li></ul></div></div></div></div><div class=wave-pattern><svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 100 10"><path fill=#c44d3d d="M0 5 Q 20 0 40 5 T 80 5 T 100 5 V 10 H 0 Z"/></svg></div><script>
const langCode = "pa"; // Define a global variable
</script><script src=script-pa.js></script></body></html>