-
Notifications
You must be signed in to change notification settings - Fork 8
/
PersuasionArena.html
99 lines (92 loc) · 4.88 KB
/
PersuasionArena.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Measuring And Improving Persuasiveness Of Large Language Models">
<meta name="keywords" content="transsuasion, behavior, persuasion, large language model">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PersuasionArena</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" href="./static/css/base.css">
<link rel="icon" href="https://cdn-icons-png.flaticon.com/512/954/954591.png">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/js/all.min.js"></script>
<script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/4.16.0/gradio.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<style>
.medal {
font-size: 1.2em;
}
.gold { color: gold; }
.silver { color: silver; }
.bronze { color: #cd7f32; }
</style>
<body>
<header class="header", style="height: 50px; width: 100%; position: fixed; top: 0; z-index: 1000;"></header>
<nav class="navbar", role="navigation", aria-label="main navigation", style="background-color:#ff0202;", align="center">
<a href="./index.html" class="navbar-item" style="font-weight: bold; text-decoration: none;background-color:transparent;" align="center">
<img src="https://cdn-icons-png.flaticon.com/512/954/954591.png" alt="Behavior in the Wild" style="width:20px;height:20px;margin-right:5px;"><b style="color:white;font-weight:bold;height:20px;font-size: 20px;">Behavior in the Wild</b>
</a>
</nav>
</header>
<div class="container mt-6">
<h1 class="text-center">Persuasion Arena: ELO</h1>
<p>Select your task to view ELO for the task, default is average, for a detailed description of the tasks check <a href="./transsuasion.html#Dataset" target="_blank">Transuasion Dataset</a></p>
<div class="form-group">
<select id="taskFilter" class="form-control">
<!-- Options will be dynamically added here -->
</select>
</div>
<table class="table table-striped table-bordered mt-3">
<thead class="thead-dark">
<tr>
<th>Model</th>
<th>Training</th>
<th id="scoreHeader">ELO (AVG)</th>
</tr>
</thead>
<tbody>
<!-- Table rows will be dynamically added here -->
</tbody>
</table>
</div>
<script src="./static/js/persuasionLeaderBoardScores.js"></script>
<script src="./static/js/leaderboard.js"></script>
<section class="section" id="BibTeX">
<div class="container is-max-desktop content">
<h2 class="title">BibTeX</h2>
<pre><code>
@article{singh2024measuring,
title={Measuring and Improving Persuasiveness of Large Language Models},
author={Somesh Singh and Yaman K Singla and Harini SI and Balaji Krishnamurthy},
year={2024},
journal={arXiv preprint arXiv:2410.02653}
}
</code></pre>
<p>Get in touch with us at <a href="mailto:behavior-in-the-wild@googlegroups.com">behavior-in-the-wild@googlegroups.com</a> </p>
</div>
</section>
<section class="section" id="Acknowledgement">
<div class="container is-max-desktop content">
<h2 class="title">Acknowledgement</h2>
<p>
We thank Adobe for their generous sponsorship.
<br>
This website is adapted from <a
href="https://github.com/nerfies/nerfies.github.io">Nerfies</a>, licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative
Commons Attribution-ShareAlike 4.0 International License</a>. We thank the LLaMA team for giving us access to their models, and open-source projects, including Vicuna.
</p>
<p>
<a href='https://github.com/behavior-in-the-wild'><img id="painting_icon" width="10%" src="https://avatars.githubusercontent.com/u/476009?s=200&v=4">
</a><a href="./index.html">Related Work</a>
</p>
</div>
</section>
</body>
</html>