Skip to content

Commit d1665fe

Browse files
jeevasusejjeevasusej
committed
Update index.html
1 parent 59959f5 commit d1665fe

File tree

1 file changed

+129
-135
lines changed

1 file changed

+129
-135
lines changed

‎docs/index.html‎

Lines changed: 129 additions & 135 deletions
Original file line numberDiff line numberDiff line change
@@ -3,160 +3,154 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
7+
<meta http-equiv="Pragma" content="no-cache" />
8+
<meta http-equiv="Expires" content="0" />
69
<title>ValueMapper</title>
710
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" rel="stylesheet">
811

912
<style>
10-
body {
11-
font-family: 'Segoe UI', Roboto, sans-serif;
12-
line-height: 1.6;
13-
max-width: 960px;
14-
margin: 2rem auto;
15-
padding: 1rem;
16-
background: #f9f9f9;
17-
color: #222;
18-
}
19-
20-
h1, h2, h3, h4 {
21-
color: #1a202c;
22-
margin-top: 2rem;
23-
}
24-
25-
a {
26-
color: #0366d6;
27-
text-decoration: none;
28-
}
29-
30-
a:hover {
31-
text-decoration: underline;
32-
}
33-
34-
pre {
35-
background-color: #1e1e1e;
36-
color: #dcdcdc;
37-
font-family: 'Fira Code', monospace;
38-
font-size: 14px;
39-
line-height: 1.5;
40-
padding: 1rem;
41-
border-radius: 8px;
42-
overflow-x: auto;
43-
white-space: pre;
44-
margin-bottom: 1.5rem;
45-
border: 1px solid #444;
46-
}
47-
48-
code {
49-
background: none;
50-
color: inherit;
51-
}
52-
53-
54-
table {
55-
width: 100%;
56-
border-collapse: collapse;
57-
margin-top: 1rem;
58-
margin-bottom: 2rem;
59-
background: white;
60-
border: 1px solid #ccc;
61-
border-radius: 6px;
62-
overflow: hidden;
63-
}
64-
65-
table thead {
66-
background: #4a5568;
67-
color: #fff;
68-
}
69-
70-
table th, table td {
71-
padding: 0.75rem 1rem;
72-
border: 1px solid #ddd;
73-
text-align: left;
74-
vertical-align: middle;
75-
}
76-
77-
table tbody tr:nth-child(even) {
78-
background: #f7fafc;
79-
}
80-
81-
ul, ol {
82-
margin-left: 2rem;
83-
}
84-
85-
li {
86-
margin-bottom: 0.5rem;
87-
}
88-
89-
.button-link {
90-
display: inline-block;
91-
background-color: #24292e;
92-
color: white;
93-
padding: 0.5rem 1rem;
94-
text-decoration: none;
95-
border-radius: 4px;
96-
font-weight: bold;
97-
margin-top: 1rem;
98-
}
99-
100-
.button-link:hover {
101-
background-color: #444c56;
102-
}
103-
104-
.container {
105-
padding: 2rem;
106-
background: white;
107-
border-radius: 10px;
108-
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
109-
}
110-
button, .button-link {
111-
background-color: #2d3748;
112-
color: #ffffff;
113-
padding: 0.6rem 1.2rem;
114-
font-size: 15px;
115-
font-weight: 600;
116-
border: none;
117-
border-radius: 6px;
118-
cursor: pointer;
119-
text-decoration: none;
120-
display: inline-block;
121-
transition: background-color 0.25s ease, transform 0.1s ease;
122-
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
123-
}
124-
125-
button:hover, .button-link:hover {
126-
background-color: #4a5568;
127-
transform: translateY(-1px);
128-
}
129-
130-
button:active, .button-link:active {
131-
transform: translateY(0);
132-
}
133-
134-
</style>
13+
body {
14+
font-family: 'Segoe UI', Roboto, sans-serif;
15+
line-height: 1.6;
16+
max-width: 960px;
17+
margin: 2rem auto;
18+
padding: 1rem;
19+
background: #f9f9f9;
20+
color: #222;
21+
}
22+
23+
h1, h2, h3, h4 {
24+
color: #1a202c;
25+
margin-top: 2rem;
26+
}
27+
28+
a {
29+
color: #0366d6;
30+
text-decoration: none;
31+
}
32+
33+
a:hover {
34+
text-decoration: underline;
35+
}
36+
37+
pre {
38+
background-color: #1e1e1e;
39+
color: #dcdcdc;
40+
font-family: 'Fira Code', monospace;
41+
font-size: 14px;
42+
line-height: 1.5;
43+
padding: 1rem;
44+
border-radius: 8px;
45+
overflow-x: auto;
46+
white-space: pre;
47+
margin-bottom: 1.5rem;
48+
border: 1px solid #444;
49+
}
50+
51+
code {
52+
background: none;
53+
color: inherit;
54+
}
55+
56+
table {
57+
width: 100%;
58+
border-collapse: collapse;
59+
margin-top: 1rem;
60+
margin-bottom: 2rem;
61+
background: white;
62+
border: 1px solid #ccc;
63+
border-radius: 6px;
64+
overflow: hidden;
65+
}
66+
67+
table thead {
68+
background: #4a5568;
69+
color: #fff;
70+
}
71+
72+
table th, table td {
73+
padding: 0.75rem 1rem;
74+
border: 1px solid #ddd;
75+
text-align: left;
76+
vertical-align: middle;
77+
}
13578

79+
table tbody tr:nth-child(even) {
80+
background: #f7fafc;
81+
}
82+
83+
ul, ol {
84+
margin-left: 2rem;
85+
}
86+
87+
li {
88+
margin-bottom: 0.5rem;
89+
}
90+
91+
button, .button-link {
92+
background-color: #2d3748;
93+
color: #ffffff;
94+
padding: 0.6rem 1.2rem;
95+
font-size: 15px;
96+
font-weight: 600;
97+
border: none;
98+
border-radius: 6px;
99+
cursor: pointer;
100+
text-decoration: none;
101+
display: inline-block;
102+
transition: background-color 0.25s ease, transform 0.1s ease;
103+
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
104+
}
105+
106+
button:hover, .button-link:hover {
107+
background-color: #4a5568;
108+
transform: translateY(-1px);
109+
}
110+
111+
button:active, .button-link:active {
112+
transform: translateY(0);
113+
}
114+
115+
.container {
116+
padding: 2rem;
117+
background: white;
118+
border-radius: 10px;
119+
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
120+
}
121+
122+
header {
123+
display: flex;
124+
justify-content: space-between;
125+
align-items: center;
126+
margin-bottom: 2rem;
127+
}
128+
</style>
136129
</head>
130+
137131
<body>
138-
<header>
139-
<h1>ValueMapper</h1>
140-
<a href="https://github.com/TechFusionMasters/ValueMapper" target="_blank">
141-
<button>View on GitHub</button>
142-
</a>
143-
</header>
132+
<div class="container">
133+
<header>
134+
<h1>ValueMapper</h1>
135+
<a href="https://github.com/TechFusionMasters/ValueMapper" target="_blank">
136+
<button>View on GitHub</button>
137+
</a>
138+
</header>
144139

145-
<div id="readme-content">Loading README...</div>
140+
<div id="readme-content">Loading README...</div>
141+
</div>
146142

147143
<script>
148144
async function loadReadme() {
149145
const res = await fetch('https://raw.githubusercontent.com/TechFusionMasters/ValueMapper/main/README.md');
150146
const markdown = await res.text();
151147

152-
// Convert markdown to HTML using GitHub API or a small markdown parser
153148
const html = marked.parse(markdown);
154149
document.getElementById('readme-content').innerHTML = html;
155150
}
156151

157-
// Add marked.js CDN
158152
const script = document.createElement('script');
159-
script.src = 'https://cdn.jsdelivr.net/npm/marked/marked.min.js';
153+
script.src = 'https://cdn.jsdelivr.net/npm/marked/marked.min.js?v=1.0.3'; // cache-busting query
160154
script.onload = loadReadme;
161155
document.body.appendChild(script);
162156
</script>

0 commit comments

Comments
 (0)