Skip to content

Commit 4fb4d23

Browse files
andy64lolandy64lol
authored
Update index.html
1 parent 03af651 commit 4fb4d23

1 file changed

Lines changed: 90 additions & 32 deletions

File tree

‎index.html‎

Lines changed: 90 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,114 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>ScriptJSON</title>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>ScriptJSON Downloads</title>
77
<style>
88
body {
99
font-family: Arial, sans-serif;
10-
margin: 20px;
11-
}
12-
h1 {
10+
margin: 0;
11+
background-color: #f5f5f5;
1312
color: #333;
13+
line-height: 1.6;
14+
}
15+
header {
16+
background-color: #007BFF;
17+
color: #fff;
18+
padding: 20px;
19+
text-align: center;
20+
}
21+
main {
22+
max-width: 900px;
23+
margin: 20px auto;
24+
padding: 0 20px;
25+
}
26+
section {
27+
margin-bottom: 40px;
28+
background: #fff;
29+
padding: 20px;
30+
border-radius: 8px;
31+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
32+
}
33+
h2 {
34+
margin-top: 0;
35+
border-bottom: 2px solid #007BFF;
36+
padding-bottom: 10px;
37+
}
38+
.buttons {
39+
display: flex;
40+
flex-wrap: wrap;
41+
gap: 10px;
42+
margin-top: 20px;
1443
}
1544
.button {
16-
display: inline-block;
45+
flex: 1 1 200px;
46+
max-width: 250px;
1747
padding: 10px 20px;
18-
margin: 10px;
1948
background-color: #007BFF;
20-
color: white;
49+
color: #fff;
50+
text-align: center;
2151
text-decoration: none;
2252
border-radius: 5px;
2353
transition: background-color 0.3s;
2454
}
2555
.button:hover {
2656
background-color: #0056b3;
2757
}
58+
footer {
59+
text-align: center;
60+
padding: 10px 20px;
61+
background-color: #007BFF;
62+
color: #fff;
63+
}
2864
</style>
2965
</head>
3066
<body>
31-
<h1>Download Library Files</h1>
32-
<p>Click the buttons below to download the json files:</p>
67+
<header>
68+
<h1>ScriptJSON Downloads</h1>
69+
</header>
70+
<main>
3371

34-
<a href="4ndyPi.json" download="4ndyPi.json" class="button">
35-
Download 4ndyPi.json
36-
</a>
37-
<a href="4ndyPhi.json" download="4ndyPhi.json" class="button">
38-
Download 4ndyPhi.json
39-
</a>
40-
<a href="4ndyProfanities.json" download="4ndyProfanities.json" class="button">
41-
Download 4ndyProfanities.json
42-
</a>
43-
<a href="4ndyGreetingsAndFarewells.json" download="4ndyGreetingsAndFarewells.json" class="button">
44-
Download 4ndyGreetingsAndFarewells.json
45-
</a>
46-
<a href="4ndyEuler.json" download="4ndyEuler.json" class="button">
47-
Download 4ndyEuler.json
48-
</a>
49-
<a href="4ndyRandomCities.json" download="4ndyRandomCities.json" class="button">
50-
Download 4ndyRandomCities.json
51-
</a>
52-
<a href="4ndyRandomUsernames.json" download="4ndyRandomUsernames.json" class="button">
53-
Download 4ndyRandomUsernames.json
54-
</a>
72+
<section id="json-files">
73+
<h2>Download JSON Files</h2>
74+
<p>Click the buttons below to download the JSON files:</p>
75+
<div class="buttons">
76+
<a href="4ndyPi.json" download="4ndyPi.json" class="button">
77+
4ndyPi.json
78+
</a>
79+
<a href="4ndyPhi.json" download="4ndyPhi.json" class="button">
80+
4ndyPhi.json
81+
</a>
82+
<a href="4ndyProfanities.json" download="4ndyProfanities.json" class="button">
83+
4ndyProfanities.json
84+
</a>
85+
<a href="4ndyGreetingsAndFarewells.json" download="4ndyGreetingsAndFarewells.json" class="button">
86+
4ndyGreetingsAndFarewells.json
87+
</a>
88+
<a href="4ndyEuler.json" download="4ndyEuler.json" class="button">
89+
4ndyEuler.json
90+
</a>
91+
<a href="4ndyRandomCities.json" download="4ndyRandomCities.json" class="button">
92+
4ndyRandomCities.json
93+
</a>
94+
<a href="4ndyRandomUsernames.json" download="4ndyRandomUsernames.json" class="button">
95+
4ndyRandomUsernames.json
96+
</a>
97+
</div>
98+
</section>
99+
100+
<section id="js-files">
101+
<h2>Download JavaScript Files</h2>
102+
<p>Click the buttons below to download the JavaScript files:</p>
103+
<div class="buttons">
104+
<a href="4ndyMath.js" download="4ndyMath.js" class="button">
105+
4ndyMath.js
106+
</a>
107+
</div>
108+
</section>
109+
</main>
110+
<footer>
111+
&copy; 2025 ScriptJSON
112+
</footer>
55113
</body>
56114
</html>

0 commit comments

Comments
 (0)