Skip to content

Commit 74be3b0

Browse files
ChiaBisChiaBis
committed
beautify html index
1 parent 9a92b5e commit 74be3b0

1 file changed

Lines changed: 151 additions & 41 deletions

File tree

‎index.html‎

Lines changed: 151 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,161 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Homepage</title>
8-
<style>
9-
body {
10-
font-family: 'courier new', monospace, serif;
11-
text-align: left;
12-
margin: 50px;
13-
}
14-
15-
ul {
16-
list-style-type: none;
17-
text-align: left;
18-
padding: 0;
19-
}
20-
21-
li {
22-
margin: 10px 0;
23-
text-align: left;
24-
}
25-
26-
a {
27-
text-decoration: none;
28-
color: blue;
29-
font-size: 18px;
30-
text-align: left;
31-
}
32-
33-
a:hover {
34-
color: darkred;
35-
}
36-
</style>
37-
</head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6+
<title>MAP Collaboration – Homepage</title>
7+
8+
<style>
9+
/*
10+
Body & Background:
11+
- Warm gradient
12+
- Open Sans font
13+
*/
14+
body {
15+
margin: 0;
16+
padding: 0;
17+
background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
18+
font-family: "Open Sans", Arial, sans-serif;
19+
color: #333;
20+
}
21+
22+
/*
23+
Container for main content:
24+
- Centered, white background, some padding, box shadow
25+
*/
26+
.container {
27+
max-width: 800px;
28+
margin: 60px auto;
29+
background-color: #fff;
30+
border-radius: 8px;
31+
padding: 30px;
32+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
33+
}
34+
35+
/* Optional logo */
36+
.logo {
37+
display: block;
38+
margin: 0 auto 20px auto;
39+
max-width: 150px;
40+
}
41+
42+
/* Headings: Keep them centered for a clean visual style */
43+
h1 {
44+
margin-top: 0;
45+
font-weight: 700;
46+
color: #e65100;
47+
text-align: center;
48+
font-size: 32px;
49+
}
50+
51+
h2 {
52+
margin-top: 10px;
53+
font-weight: 400;
54+
color: #888;
55+
text-align: center;
56+
font-size: 20px;
57+
}
58+
59+
/*
60+
Paragraphs:
61+
- Justified text for a “newspaper column” effect
62+
- Separated margins
63+
- Constrain width for readability
64+
*/
65+
p {
66+
font-size: 18px;
67+
line-height: 1.6;
68+
text-align: justify;
69+
margin: 20px auto;
70+
max-width: 600px;
71+
}
3872

73+
/* Center-align welcome paragraph */
74+
.welcome {
75+
text-align: center;
76+
}
77+
78+
/*
79+
Lists:
80+
- No bullet style
81+
- Left-aligned
82+
- Spaced out list items
83+
*/
84+
ul {
85+
list-style-type: none;
86+
padding: 0;
87+
margin: 30px auto;
88+
max-width: 600px; /* Keep in line with the paragraph width if you like */
89+
text-align: left; /* Start from the left */
90+
}
91+
92+
li {
93+
margin: 16px 0;
94+
}
95+
96+
/*
97+
Links:
98+
- Blue color, become orange on hover
99+
*/
100+
a {
101+
text-decoration: none;
102+
font-size: 20px;
103+
font-weight: 500;
104+
color: #007acc;
105+
transition: color 0.3s ease;
106+
}
107+
108+
a:hover {
109+
color: #d84315;
110+
}
111+
112+
/*
113+
Footer:
114+
- Centered
115+
- Smaller text
116+
- Soft color
117+
*/
118+
footer {
119+
text-align: center;
120+
margin-top: 40px;
121+
color: #666;
122+
font-size: 14px;
123+
}
124+
</style>
125+
</head>
39126
<body>
127+
<div class="container">
128+
<!-- Optional logo image -->
129+
<!-- <img src="path/to/logo.png" alt="MAP Collaboration Logo" class="logo"> -->
130+
131+
<h1>The MAP Collaboration</h1>
132+
<h2>Multi-dimensional Analyses of Partonic Distributions</h2>
40133

41-
<h2>The MAP (Multi-dimensional Analyses of Partonic distributions) Collaboration</h2>
42-
<p>Click on a link below to visit a page:</p>
134+
<!-- Make "Welcome!" a separate, centered paragraph -->
135+
<p class="welcome">
136+
Welcome!
137+
</p>
138+
<p>
139+
The MAP Collaboration conducts multi-dimensional analyses of partonic
140+
distributions through cutting-edge techniques and data-driven approaches.
141+
Key objects of study include Transverse Momentum Distributions (TMDs),
142+
Generalized Parton Distributions (GPDs), and Fragmentation Functions (FFs).
143+
</p>
144+
<p>
145+
Click on the links below to see the reports of some of our latest results.
146+
</p>
43147

44-
<ul>
45-
<li><a href="Results/TMDNN/NN.html">Neural Network fit</a></li>
46-
<li><a href="Results/TMDNN/MAP22.html">MAP22 Drell-Yan fit</a></li>
47-
</ul>
148+
<ul>
149+
<li> &#128391; <a href="Results/TMDNN/NN.html">Neural Network fit</a></li>
150+
<li> &#128391; <a href="Results/TMDNN/MAP22.html">MAP22 Drell-Yan fit</a></li>
151+
</ul>
48152

153+
<!-- Make footer a separate, centered paragraph -->
154+
<footer>
155+
<p class="welcome">
156+
&copy; 2025 The MAP Collaboration. </p>
157+
</footer>
158+
</div>
49159
</body>
160+
</html>
50161

51-
</html>

0 commit comments

Comments
 (0)