lichess_widgets/index.html

115 lines
2.7 KiB
HTML
Raw Normal View History

2014-11-07 07:06:36 -08:00
<!doctype html>
<html>
<head>
<title>Lichess Widgets</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
2014-11-07 08:33:38 -08:00
<link rel="stylesheet" href="lichess_widgets.css" />
2014-11-07 07:06:36 -08:00
<link rel="stylesheet" href="dark.css" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="lichess_widgets.js"></script>
<style>
html {
margin: 0;
padding: 0;
font-family: "Arial", sans-serif;
}
body {
width: 90%;
2014-11-07 08:33:38 -08:00
max-width: 950px;
2014-11-07 07:06:36 -08:00
margin: auto;
padding: 0;
}
table {
margin: 20px 0 0 0;
width: 100%;
}
table td {
}
blockcode {
margin: 5px;
padding: 5px 5px 5px 20px;
background: #eee;
border-radius: 5px;
display: block;
}
</style>
</head>
<body>
2014-11-07 07:24:43 -08:00
<h1>Widgets for Lichess (Work in progress)</h1>
2014-11-07 07:06:36 -08:00
<p>
Add the following to the &lt;head&gt; of your webpage,
and then add one of the widgets to the &lt;body&gt; of your webpage.
</p>
<blockcode>
2014-11-07 08:33:38 -08:00
&lt;link rel="stylesheet" href="http://rubenwardy.github.io/lichess_widgets/lichess_widgets.css" /&gt;<br />
2014-11-07 07:06:36 -08:00
&lt;link rel="stylesheet" href="http://rubenwardy.github.io/lichess_widgets/dark.css" /&gt;<br />
&lt;script src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;<br />
&lt;script src="http://rubenwardy.github.io/lichess_widgets/lichess_widgets.js"&gt;&lt;/script&gt;
</blockcode>
<table>
<tr>
<td>
2014-11-07 08:33:38 -08:00
<script>lichess.profile("dark", "rubenwardy", "Lichess");</script>
2014-11-07 07:06:36 -08:00
</td>
<td>
<blockcode>
2014-11-07 08:33:38 -08:00
&lt;script&gt;lichess.profile("dark", "rubenwardy", "Lichess");&lt;/script&gt;
2014-11-07 07:06:36 -08:00
</blockcode>
</td>
</tr>
<tr>
<td>
2014-11-07 08:33:38 -08:00
<script>lichess.profile("dark", "rubenwardy");</script>
2014-11-07 07:06:36 -08:00
</td>
<td>
<blockcode>
2014-11-07 08:33:38 -08:00
&lt;script&gt;lichess.profile("dark", "rubenwardy");&lt;/script&gt;
2014-11-07 07:06:36 -08:00
</blockcode>
</td>
</tr>
<tr>
<td>
2014-11-07 08:33:38 -08:00
<script>lichess.profile_scores("dark", "rubenwardy");</script>
2014-11-07 07:06:36 -08:00
</td>
<td>
<blockcode>
2014-11-07 08:33:38 -08:00
&lt;script&gt;lichess.profile_scores("dark", "rubenwardy");&lt;/script&gt;
2014-11-07 07:06:36 -08:00
</blockcode>
</td>
</tr>
<tr>
<td>
2014-11-07 08:33:38 -08:00
<script>lichess.profile_scores("dark", "rubenwardy", "");</script>
2014-11-07 07:06:36 -08:00
</td>
<td>
<blockcode>
2014-11-07 08:33:38 -08:00
&lt;script&gt;lichess.profile_scores("dark", "rubenwardy", "");&lt;/script&gt;
2014-11-07 07:06:36 -08:00
</blockcode>
</td>
</tr>
<tr>
<td>
2014-11-07 08:33:38 -08:00
<script>lichess.profile_big("dark", "rubenwardy");</script>
2014-11-07 07:06:36 -08:00
</td>
<td>
<blockcode>
2014-11-07 08:33:38 -08:00
&lt;script&gt;lichess.profile_big("dark", "rubenwardy");&lt;/script&gt;
2014-11-07 07:06:36 -08:00
</blockcode>
</td>
</tr>
2014-11-07 07:24:43 -08:00
<tr>
<td>
2014-11-07 08:33:38 -08:00
<script>lichess.profile_big("dark", "rubenwardy", "My Lichess");</script>
2014-11-07 07:24:43 -08:00
</td>
<td>
<blockcode>
2014-11-07 08:33:38 -08:00
&lt;script&gt;lichess.profile_big("dark", "rubenwardy", "My Lichess");&lt;/script&gt;
2014-11-07 07:24:43 -08:00
</blockcode>
</td>
</tr>
2014-11-07 07:06:36 -08:00
</table>