Skip to content

Commit b30e782

Browse files
jinjing777jinjing777
authored
Update index.html
1 parent db56040 commit b30e782

1 file changed

Lines changed: 86 additions & 239 deletions

File tree

‎index.html‎

Lines changed: 86 additions & 239 deletions
Original file line numberDiff line numberDiff line change
@@ -2,39 +2,31 @@
22
<html>
33
<head>
44
<meta charset="utf-8">
5-
<!-- Meta tags for social media banners, these should be filled in appropriatly as they are your "business card" -->
6-
<!-- Replace the content tag with appropriate information -->
7-
<meta name="description" content="DESCRIPTION META TAG">
8-
<meta property="og:title" content="SOCIAL MEDIA TITLE TAG"/>
9-
<meta property="og:description" content="SOCIAL MEDIA DESCRIPTION TAG TAG"/>
5+
<!-- Meta tags for social media banners -->
6+
<meta name="description" content="Large Language Model Psychometrics: A Comprehensive Survey of Evaluation, Validation, and Enhancement">
7+
<meta property="og:title" content="Large Language Model Psychometrics: A Comprehensive Survey of Evaluation, Validation, and Enhancement"/>
8+
<meta property="og:description" content="A comprehensive survey on large language model evaluation methods"/>
109
<meta property="og:url" content="URL OF THE WEBSITE"/>
11-
<!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X630-->
1210
<meta property="og:image" content="static/image/your_banner_image.png" />
1311
<meta property="og:image:width" content="1200"/>
1412
<meta property="og:image:height" content="630"/>
1513

16-
17-
<meta name="twitter:title" content="TWITTER BANNER TITLE META TAG">
18-
<meta name="twitter:description" content="TWITTER BANNER DESCRIPTION META TAG">
19-
<!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X600-->
14+
<meta name="twitter:title" content="Large Language Model Psychometrics: A Comprehensive Survey of Evaluation, Validation, and Enhancement">
15+
<meta name="twitter:description" content="A comprehensive survey on large language model evaluation methods">
2016
<meta name="twitter:image" content="static/images/your_twitter_banner_image.png">
2117
<meta name="twitter:card" content="summary_large_image">
22-
<!-- Keywords for your paper to be indexed by-->
23-
<meta name="keywords" content="KEYWORDS SHOULD BE PLACED HERE">
18+
<meta name="keywords" content="large language models, LLM, psychometrics, evaluation, validation, enhancement, survey">
2419
<meta name="viewport" content="width=device-width, initial-scale=1">
2520

26-
27-
<title>Academic Project Page</title>
21+
<title>Large Language Model Psychometrics: A Comprehensive Survey of Evaluation, Validation, and Enhancement</title>
2822
<link rel="icon" type="image/x-icon" href="static/images/favicon.ico">
29-
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
30-
rel="stylesheet">
23+
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
3124

3225
<link rel="stylesheet" href="static/css/bulma.min.css">
3326
<link rel="stylesheet" href="static/css/bulma-carousel.min.css">
3427
<link rel="stylesheet" href="static/css/bulma-slider.min.css">
3528
<link rel="stylesheet" href="static/css/fontawesome.all.min.css">
36-
<link rel="stylesheet"
37-
href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
29+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
3830
<link rel="stylesheet" href="static/css/index.css">
3931

4032
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@@ -43,60 +35,60 @@
4335
<script src="static/js/bulma-carousel.min.js"></script>
4436
<script src="static/js/bulma-slider.min.js"></script>
4537
<script src="static/js/index.js"></script>
38+
39+
<style>
40+
.publication-title {
41+
font-size: 2.5rem;
42+
line-height: 1.2;
43+
}
44+
45+
@media screen and (max-width: 768px) {
46+
.publication-title {
47+
font-size: 2rem;
48+
}
49+
}
50+
</style>
4651
</head>
4752
<body>
4853

49-
5054
<section class="hero">
5155
<div class="hero-body">
5256
<div class="container is-max-desktop">
5357
<div class="columns is-centered">
5458
<div class="column has-text-centered">
55-
<h1 class="title is-1 publication-title">Academic Project Page</h1>
59+
<h1 class="title is-1 publication-title">Large Language Model Psychometrics: A Comprehensive Survey of Evaluation, Validation, and Enhancement</h1>
5660
<div class="is-size-5 publication-authors">
5761
<!-- Paper authors -->
5862
<span class="author-block">
59-
<a href="FIRST AUTHOR PERSONAL LINK" target="_blank">First Author</a><sup>*</sup>,</span>
60-
<span class="author-block">
61-
<a href="SECOND AUTHOR PERSONAL LINK" target="_blank">Second Author</a><sup>*</sup>,</span>
62-
<span class="author-block">
63-
<a href="THIRD AUTHOR PERSONAL LINK" target="_blank">Third Author</a>
64-
</span>
65-
</div>
63+
<a href="#" target="_blank">Haoran Ye</a>,</span>
64+
<span class="author-block">
65+
<a href="#" target="_blank">A</a>,</span>
66+
<span class="author-block">
67+
<a href="#" target="_blank">B</a>,</span>
68+
<span class="author-block">
69+
<a href="#" target="_blank">C</a>
70+
</span>
71+
</div>
6672

67-
<div class="is-size-5 publication-authors">
68-
<span class="author-block">Institution Name<br>Conferance name and year</span>
69-
<span class="eql-cntrb"><small><br><sup>*</sup>Indicates Equal Contribution</small></span>
70-
</div>
73+
<div class="is-size-5 publication-authors">
74+
<span class="author-block">Peking university</span>
75+
</div>
7176

72-
<div class="column has-text-centered">
73-
<div class="publication-links">
74-
<!-- Arxiv PDF link -->
75-
<span class="link-block">
76-
<a href="https://arxiv.org/pdf/<ARXIV PAPER ID>.pdf" target="_blank"
77-
class="external-link button is-normal is-rounded is-dark">
78-
<span class="icon">
79-
<i class="fas fa-file-pdf"></i>
80-
</span>
81-
<span>Paper</span>
82-
</a>
77+
<div class="column has-text-centered">
78+
<div class="publication-links">
79+
<!-- Paper PDF link -->
80+
<span class="link-block">
81+
<a href="#" target="_blank" class="external-link button is-normal is-rounded is-dark">
82+
<span class="icon">
83+
<i class="fas fa-file-pdf"></i>
8384
</span>
85+
<span>Paper</span>
86+
</a>
87+
</span>
8488

85-
<!-- Supplementary PDF link -->
86-
<span class="link-block">
87-
<a href="static/pdfs/supplementary_material.pdf" target="_blank"
88-
class="external-link button is-normal is-rounded is-dark">
89-
<span class="icon">
90-
<i class="fas fa-file-pdf"></i>
91-
</span>
92-
<span>Supplementary</span>
93-
</a>
94-
</span>
95-
96-
<!-- Github link -->
97-
<span class="link-block">
98-
<a href="https://github.com/YOUR REPO HERE" target="_blank"
99-
class="external-link button is-normal is-rounded is-dark">
89+
<!-- Github link -->
90+
<span class="link-block">
91+
<a href="#" target="_blank" class="external-link button is-normal is-rounded is-dark">
10092
<span class="icon">
10193
<i class="fab fa-github"></i>
10294
</span>
@@ -106,207 +98,62 @@ <h1 class="title is-1 publication-title">Academic Project Page</h1>
10698

10799
<!-- ArXiv abstract Link -->
108100
<span class="link-block">
109-
<a href="https://arxiv.org/abs/<ARXIV PAPER ID>" target="_blank"
110-
class="external-link button is-normal is-rounded is-dark">
111-
<span class="icon">
112-
<i class="ai ai-arxiv"></i>
113-
</span>
114-
<span>arXiv</span>
115-
</a>
116-
</span>
101+
<a href="#" target="_blank" class="external-link button is-normal is-rounded is-dark">
102+
<span class="icon">
103+
<i class="ai ai-arxiv"></i>
104+
</span>
105+
<span>arXiv</span>
106+
</a>
107+
</span>
108+
</div>
117109
</div>
118110
</div>
119111
</div>
120112
</div>
121113
</div>
122-
</div>
123-
</section>
124-
125-
126-
<!-- Teaser video-->
127-
<section class="hero teaser">
128-
<div class="container is-max-desktop">
129-
<div class="hero-body">
130-
<video poster="" id="tree" autoplay controls muted loop height="100%">
131-
<!-- Your video here -->
132-
<source src="static/videos/banner_video.mp4"
133-
type="video/mp4">
134-
</video>
135-
<h2 class="subtitle has-text-centered">
136-
Aliquam vitae elit ullamcorper tellus egestas pellentesque. Ut lacus tellus, maximus vel lectus at, placerat pretium mi. Maecenas dignissim tincidunt vestibulum. Sed consequat hendrerit nisl ut maximus.
137-
</h2>
138-
</div>
139-
</div>
140-
</section>
141-
<!-- End teaser video -->
142-
143-
<!-- Paper abstract -->
144-
<section class="section hero is-light">
145-
<div class="container is-max-desktop">
146-
<div class="columns is-centered has-text-centered">
147-
<div class="column is-four-fifths">
148-
<h2 class="title is-3">Abstract</h2>
149-
<div class="content has-text-justified">
150-
<p>
151-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper tellus sed ante aliquam tempus. Etiam porttitor urna feugiat nibh elementum, et tempor dolor mattis. Donec accumsan enim augue, a vulputate nisi sodales sit amet. Proin bibendum ex eget mauris cursus euismod nec et nibh. Maecenas ac gravida ante, nec cursus dui. Vivamus purus nibh, placerat ac purus eget, sagittis vestibulum metus. Sed vestibulum bibendum lectus gravida commodo. Pellentesque auctor leo vitae sagittis suscipit.
152-
</p>
153-
</div>
154-
</div>
155-
</div>
156-
</div>
157-
</section>
158-
<!-- End paper abstract -->
159-
114+
</section>
160115

161-
<!-- Image carousel -->
162-
<section class="hero is-small">
163-
<div class="hero-body">
164-
<div class="container">
165-
<div id="results-carousel" class="carousel results-carousel">
166-
<div class="item">
167-
<!-- Your image here -->
168-
<img src="static/images/carousel1.jpg" alt="MY ALT TEXT"/>
169-
<h2 class="subtitle has-text-centered">
170-
First image description.
171-
</h2>
172-
</div>
173-
<div class="item">
174-
<!-- Your image here -->
175-
<img src="static/images/carousel2.jpg" alt="MY ALT TEXT"/>
176-
<h2 class="subtitle has-text-centered">
177-
Second image description.
178-
</h2>
116+
<!-- Main image - 这部分您可以自行设置图片 -->
117+
<section class="hero">
118+
<div class="container is-max-desktop">
119+
<div class="hero-body">
120+
<!-- 在这里放置您的图片，您可以替换src属性为您实际的图片路径 -->
121+
<img src="static/images/your_diagram.png" alt="LLM Psychometrics Framework">
179122
</div>
180-
<div class="item">
181-
<!-- Your image here -->
182-
<img src="static/images/carousel3.jpg" alt="MY ALT TEXT"/>
183-
<h2 class="subtitle has-text-centered">
184-
Third image description.
185-
</h2>
186-
</div>
187-
<div class="item">
188-
<!-- Your image here -->
189-
<img src="static/images/carousel4.jpg" alt="MY ALT TEXT"/>
190-
<h2 class="subtitle has-text-centered">
191-
Fourth image description.
192-
</h2>
193123
</div>
194-
</div>
195-
</div>
196-
</div>
197-
</section>
198-
<!-- End image carousel -->
199-
200-
201-
124+
</section>
202125

203-
<!-- Youtube video -->
204-
<section class="hero is-small is-light">
205-
<div class="hero-body">
206-
<div class="container">
207-
<!-- Paper video. -->
208-
<h2 class="title is-3">Video Presentation</h2>
126+
<!-- Project description -->
127+
<section class="section">
128+
<div class="container is-max-desktop">
209129
<div class="columns is-centered has-text-centered">
210130
<div class="column is-four-fifths">
211-
212-
<div class="publication-video">
213-
<!-- Youtube embed code here -->
214-
<iframe src="https://www.youtube.com/embed/JkaxUblCGz0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
131+
<div class="content has-text-centered">
132+
<p>
133+
This paper presents a comprehensive survey of evaluation methods for large language models,
134+
exploring the intersections between traditional psychometric approaches and modern LLM evaluation techniques.
135+
We review current validation methods, propose enhancements to existing frameworks, and discuss the future
136+
directions of LLM evaluation methodologies.
137+
</p>
215138
</div>
216139
</div>
217140
</div>
218141
</div>
219-
</div>
220-
</section>
221-
<!-- End youtube video -->
222-
223-
224-
<!-- Video carousel -->
225-
<section class="hero is-small">
226-
<div class="hero-body">
227-
<div class="container">
228-
<h2 class="title is-3">Another Carousel</h2>
229-
<div id="results-carousel" class="carousel results-carousel">
230-
<div class="item item-video1">
231-
<video poster="" id="video1" autoplay controls muted loop height="100%">
232-
<!-- Your video file here -->
233-
<source src="static/videos/carousel1.mp4"
234-
type="video/mp4">
235-
</video>
236-
</div>
237-
<div class="item item-video2">
238-
<video poster="" id="video2" autoplay controls muted loop height="100%">
239-
<!-- Your video file here -->
240-
<source src="static/videos/carousel2.mp4"
241-
type="video/mp4">
242-
</video>
243-
</div>
244-
<div class="item item-video3">
245-
<video poster="" id="video3" autoplay controls muted loop height="100%">\
246-
<!-- Your video file here -->
247-
<source src="static/videos/carousel3.mp4"
248-
type="video/mp4">
249-
</video>
250-
</div>
251-
</div>
252-
</div>
253-
</div>
254-
</section>
255-
<!-- End video carousel -->
256-
257-
258-
259-
260-
261-
262-
<!-- Paper poster -->
263-
<section class="hero is-small is-light">
264-
<div class="hero-body">
265-
<div class="container">
266-
<h2 class="title">Poster</h2>
267-
268-
<iframe src="static/pdfs/sample.pdf" width="100%" height="550">
269-
</iframe>
270-
271-
</div>
272-
</div>
273142
</section>
274-
<!--End paper poster -->
275-
276-
277-
<!--BibTex citation -->
278-
<section class="section" id="BibTeX">
279-
<div class="container is-max-desktop content">
280-
<h2 class="title">BibTeX</h2>
281-
<pre><code>BibTex Code Here</code></pre>
282-
</div>
283-
</section>
284-
<!--End BibTex citation -->
285-
286143

287144
<footer class="footer">
288-
<div class="container">
289-
<div class="columns is-centered">
290-
<div class="column is-8">
291-
<div class="content">
292-
293-
<p>
294-
This page was built using the <a href="https://github.com/eliahuhorwitz/Academic-project-page-template" target="_blank">Academic Project Page Template</a> which was adopted from the <a href="https://nerfies.github.io" target="_blank">Nerfies</a> project page.
295-
You are free to borrow the source code of this website, we just ask that you link back to this page in the footer. <br> This website is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative
296-
Commons Attribution-ShareAlike 4.0 International License</a>.
297-
</p>
298-
145+
<div class="container">
146+
<div class="columns is-centered">
147+
<div class="column is-8">
148+
<div class="content">
149+
<p>
150+
This page was built using the <a href="https://github.com/eliahuhorwitz/Academic-project-page-template" target="_blank">Academic Project Page Template</a>.
151+
</p>
152+
</div>
299153
</div>
300154
</div>
301155
</div>
302-
</div>
303-
</footer>
304-
305-
<!-- Statcounter tracking code -->
306-
307-
<!-- You can add a tracker to track page visits by creating an account at statcounter.com -->
308-
309-
<!-- End of Statcounter Code -->
156+
</footer>
310157

311-
</body>
312-
</html>
158+
</body>
159+
</html>

0 commit comments

Comments
 (0)