Skip to content

Commit b9b46ab

Browse files
khumnathkhumnath
committed
updated events load logic. arranged files.
1 parent bfdb981 commit b9b46ab

File tree

12 files changed

+515
-426
lines changed

12 files changed

+515
-426
lines changed

‎docs/amawasya.png‎ renamed to ‎docs/assets/amawasya.png‎

File renamed without changes.

‎docs/favicon.png‎ renamed to ‎docs/assets/favicon.png‎

File renamed without changes.

‎docs/purnima.png‎ renamed to ‎docs/assets/purnima.png‎

File renamed without changes.

‎docs/assets/style.css‎

Lines changed: 326 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,326 @@
1+
body {
2+
font-family: 'Laila', serif;
3+
margin: 20px;
4+
background-color: #f8f9fa;
5+
color: #333;
6+
}
7+
8+
.container {
9+
max-width: 825px;
10+
margin: 0 auto;
11+
padding: 20px;
12+
background-color: #fff;
13+
border-radius: 8px;
14+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
15+
}
16+
17+
h1 {
18+
text-align: center;
19+
color: #007bff;
20+
}
21+
22+
.event {
23+
color: #3c88f5;
24+
position: relative;
25+
font-size: 12px;
26+
}
27+
28+
.navigation {
29+
margin: 20px 0;
30+
text-align: center;
31+
display: flex;
32+
flex-wrap: wrap;
33+
justify-content: center;
34+
gap: 10px;
35+
}
36+
37+
.navigation select,
38+
.navigation input,
39+
.navigation button {
40+
padding: 10px;
41+
cursor: pointer;
42+
border: 1px solid #ddd;
43+
border-radius: 4px;
44+
background-color: #f1f1f1;
45+
flex: 1 1 auto;
46+
}
47+
48+
.navigation button {
49+
background-color: #007bff;
50+
color: white;
51+
border: none;
52+
}
53+
54+
.navigation button:hover {
55+
background-color: #0056b3;
56+
}
57+
58+
h2 {
59+
text-align: center;
60+
margin: 20px 0;
61+
font-size: 24px;
62+
color: #333;
63+
}
64+
65+
table {
66+
width: 100%;
67+
margin-top: 20px;
68+
table-layout: fixed;
69+
border-radius: 8px;
70+
border-collapse: separate;
71+
border-spacing: initial;
72+
}
73+
74+
th, td {
75+
border: 1px solid #c5bbff;
76+
padding: 10px;
77+
text-align: center;
78+
font-weight: bold;
79+
position: relative;
80+
cursor: pointer;
81+
}
82+
83+
th {
84+
background-color: #007bff;
85+
color: white;
86+
}
87+
88+
td {
89+
height: 80px;
90+
vertical-align: top;
91+
position: relative;
92+
}
93+
94+
tr:first-child td:first-child {
95+
border-top-left-radius: 8px;
96+
}
97+
98+
tr:first-child td:last-child {
99+
border-top-right-radius: 8px;
100+
}
101+
102+
tr:last-child td:first-child {
103+
border-bottom-left-radius: 8px;
104+
}
105+
106+
tr:last-child td:last-child {
107+
border-bottom-right-radius: 8px;
108+
}
109+
110+
.today {
111+
background-color: #7ce382;
112+
color: white;
113+
border-radius: 2px;
114+
}
115+
116+
.saturday {
117+
color: #e31212;
118+
background-color: #d8393926;
119+
font-size: medium;
120+
}
121+
122+
.today.saturday {
123+
background-color: #7ce382;
124+
}
125+
126+
.empty {
127+
background-color: #f1f1f1;
128+
}
129+
130+
@media (max-width: 768px) {
131+
body {
132+
margin: 10px;
133+
}
134+
135+
h2 {
136+
font-size: 20px;
137+
}
138+
139+
.navigation select,
140+
.navigation input,
141+
.navigation button {
142+
font-size: 14px;
143+
padding: 8px;
144+
}
145+
146+
th, td {
147+
padding: 8px;
148+
font-size: 14px;
149+
font-weight: bold;
150+
}
151+
152+
td {
153+
height: 60px;
154+
}
155+
.event {
156+
font-size: 10px;
157+
}
158+
159+
img {
160+
max-width: 100%;
161+
height: auto;
162+
}
163+
}
164+
165+
@media (max-width: 480px) {
166+
h2 {
167+
font-size: 18px;
168+
}
169+
170+
.navigation select,
171+
.navigation input,
172+
.navigation button {
173+
font-size: 12px;
174+
padding: 6px;
175+
}
176+
177+
th, td {
178+
padding: 5px;
179+
font-size: 12px;
180+
font-weight: bold;
181+
}
182+
183+
td {
184+
height: 50px;
185+
}
186+
.event {
187+
font-size: 8px;
188+
}
189+
190+
img {
191+
max-width: 100%;
192+
height: auto;
193+
}
194+
}
195+
196+
footer {
197+
text-align: center;
198+
padding: 20px;
199+
background-color: #f1f1f1;
200+
margin-top: 20px;
201+
font-size: 14px;
202+
color: #333;
203+
border-top: 1px solid #ddd;
204+
}
205+
206+
footer a {
207+
color: #007bff;
208+
text-decoration: none;
209+
}
210+
211+
footer a:hover {
212+
text-decoration: underline;
213+
}
214+
215+
@media (max-width: 768px) {
216+
footer {
217+
font-size: 12px;
218+
padding: 15px;
219+
}
220+
}
221+
222+
.modal {
223+
display: none;
224+
position: fixed;
225+
z-index: 1;
226+
left: 0;
227+
top: 0;
228+
width: 100%;
229+
height: 100%;
230+
overflow: auto;
231+
background-color: rgb(0,0,0);
232+
background-color: rgba(0,0,0,0.4);
233+
padding-top: 60px;
234+
}
235+
236+
.modal-content {
237+
background-color: #fefefe;
238+
margin: 5% auto;
239+
padding: 20px;
240+
border: 1px solid #888;
241+
width: 80%;
242+
max-width: 500px;
243+
border-radius: 8px;
244+
text-align: center;
245+
}
246+
247+
.close {
248+
color: #aaa;
249+
float: right;
250+
font-size: 28px;
251+
font-weight: bold;
252+
}
253+
254+
.close:hover,
255+
.close:focus {
256+
color: black;
257+
text-decoration: none;
258+
cursor: pointer;
259+
}
260+
261+
.tithi {
262+
color: #106bdb;
263+
font-size: xx-small;
264+
font-weight: lighter !important;
265+
}
266+
267+
.today .tithi {
268+
color: white !important;
269+
font-weight: bold !important;
270+
}
271+
272+
.gregorian {
273+
color: rgb(231, 175, 68);
274+
font-size: 65%;
275+
position: absolute;
276+
bottom: 2px;
277+
left: 2px;
278+
margin: 2px;
279+
}
280+
281+
.gregorian-month-display {
282+
font-size: x-small;
283+
color: #827a7a;
284+
display: flex;
285+
flex-direction: column;
286+
flex-wrap: wrap;
287+
justify-content: flex-end;
288+
}
289+
290+
.ConverterLink {
291+
display: block;
292+
padding: 10px 20px;
293+
font-weight: bold;
294+
color: white;
295+
background-color: #007bff;
296+
text-align: center;
297+
text-decoration: none;
298+
border-radius: 5px;
299+
transition: background-color 0.3s ease;
300+
}
301+
302+
.bikram-date {
303+
font-size: 1.2em;
304+
color: #2E7D32; /* Green color */
305+
}
306+
307+
.tithi-paksha {
308+
font-size: 1em;
309+
color: #D32F2F; /* Red color */
310+
}
311+
312+
.gregorian-date {
313+
font-size: 1em;
314+
color: #1976D2; /* Blue color */
315+
}
316+
317+
.event-text {
318+
font-size: 1em;
319+
color: #512DA8; /* Purple color */
320+
}
321+
322+
.event-detail {
323+
font-size: 0.9em;
324+
color: #616161; /* Grey color */
325+
white-space: pre-wrap; /* To handle multiline event details */
326+
}

‎docs/converter.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Date Converter</title>
77
<link href="https://fonts.googleapis.com/css2?family=Eczar:wght@400;500&display=swap" rel="stylesheet">
8-
<script type="text/javascript" src="bikram.js"></script>
9-
<script type="text/javascript" src="tithi.js"></script>
8+
<script type="text/javascript" src="javascript/bikram.js"></script>
9+
<script type="text/javascript" src="javascript/tithi.js"></script>
1010
<style>
1111
body, h1, h2, h3, label, input, select, button, div {
1212
margin: 0;

‎docs/events.js‎

Lines changed: 0 additions & 45 deletions
This file was deleted.

0 commit comments

Comments
 (0)