lichess_widgets/index.html

<!doctype html>
<html>
<head>
	<title>Lichess Widgets</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="lichess_widgets.css" />
	<link rel="stylesheet" href="dark.css" />
	<link rel="stylesheet" href="light.css" />
	<script src="lichess_widgets.js"></script>
	<style>
		html, body {
			margin: 0;
			padding: 0;
			font-family: "Arial", sans-serif;
		}
		.container {
			width: 90%;
			max-width: 1000px;
			margin: auto;
		}
		#black_section {
			display: block;
			margin: 20px 0 0 0;
			padding: 5px 0 15px 0;
			background: #2a2a2a;
		}
		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;
		}
		#black_section blockcode {
			background: #333;
			color: #e0e0e0;
		}
		#credits {
			text-align: center;
			padding: 0;
			margin: 30px 0 0 0;
			color: #555;
		}
		#credits a {
			color: #666;
		}
		#credits a:hover {
			color: #999;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>Widgets for Lichess</h1>

		<p>
			Add the following to the &lt;head&gt; of your webpage,
			and then add at least one of the widgets to the &lt;body&gt; of your webpage.
		</p>

		<blockcode>
			&lt;link rel="stylesheet" href="https://rubenwardy.com/lichess_widgets/lichess_widgets.css" /&gt;<br />
			&lt;script src="https://rubenwardy.com/lichess_widgets/lichess_widgets.js"&gt;&lt;/script&gt;<br />
			&lt;!-- For the light theme --&gt; &lt;link rel="stylesheet" href="https://rubenwardy.com/lichess_widgets/light.css" /&gt;  <br />
			&lt;!-- For the dark theme --&gt; &lt;link rel="stylesheet" href="https://rubenwardy.com/lichess_widgets/dark.css" /&gt;
		</blockcode>

		<table>
			<tr>
				<td>
					<script>lichess_widgets.profile("light", "rubenwardy", "Lichess");</script>
				</td>
				<td>
					<blockcode>
						&lt;script&gt;lichess_widgets.profile("light", "rubenwardy", "Lichess");&lt;/script&gt;
					</blockcode>
				</td>
			</tr>
			<tr>
				<td>
					<script>lichess_widgets.profile("light", "rubenwardy");</script>
				</td>
				<td>
					<blockcode>
						&lt;script&gt;lichess_widgets.profile("light", "rubenwardy");&lt;/script&gt;
					</blockcode>
				</td>
			</tr>
			<tr>
				<td>
					<script>lichess_widgets.profile_scores("light", "rubenwardy");</script>
				</td>
				<td>
					<blockcode>
						&lt;script&gt;lichess_widgets.profile_scores("light", "rubenwardy");&lt;/script&gt;
					</blockcode>
				</td>
			</tr>
			<tr>
				<td>
					<script>lichess_widgets.profile_scores("light", "rubenwardy", "");</script>
				</td>
				<td>
					<blockcode>
						&lt;script&gt;lichess_widgets.profile_scores("light", "rubenwardy", "");&lt;/script&gt;
					</blockcode>
				</td>
			</tr>
			<tr>
				<td>
					<script>lichess_widgets.profile_big("light", "rubenwardy");</script>
				</td>
				<td>
					<blockcode>
						&lt;script&gt;lichess_widgets.profile_big("light", "rubenwardy");&lt;/script&gt;
					</blockcode>
				</td>
			</tr>

			<tr>
				<td>
					<script>lichess_widgets.profile_big("light", "rubenwardy", "My Lichess");</script>
				</td>
				<td>
					<blockcode>
						&lt;script&gt;lichess_widgets.profile_big("light", "rubenwardy", "My Lichess");&lt;/script&gt;
					</blockcode>
				</td>
			</tr>
		</table>
	</div>


	<div id="black_section">
		<div class="container">
			<table>
				<tr>
					<td>
						<script>lichess_widgets.profile("dark", "rubenwardy", "Lichess");</script>
					</td>
					<td>
						<blockcode>
							&lt;script&gt;lichess_widgets.profile("dark", "rubenwardy", "Lichess");&lt;/script&gt;
						</blockcode>
					</td>
				</tr>
				<tr>
					<td>
						<script>lichess_widgets.profile("dark", "rubenwardy");</script>
					</td>
					<td>
						<blockcode>
							&lt;script&gt;lichess_widgets.profile("dark", "rubenwardy");&lt;/script&gt;
						</blockcode>
					</td>
				</tr>
				<tr>
					<td>
						<script>lichess_widgets.profile_scores("dark", "rubenwardy");</script>
					</td>
					<td>
						<blockcode>
							&lt;script&gt;lichess_widgets.profile_scores("dark", "rubenwardy");&lt;/script&gt;
						</blockcode>
					</td>
				</tr>
				<tr>
					<td>
						<script>lichess_widgets.profile_scores("dark", "rubenwardy", "");</script>
					</td>
					<td>
						<blockcode>
							&lt;script&gt;lichess_widgets.profile_scores("dark", "rubenwardy", "");&lt;/script&gt;
						</blockcode>
					</td>
				</tr>
				<tr>
					<td>
						<script>lichess_widgets.profile_big("dark", "rubenwardy");</script>
					</td>
					<td>
						<blockcode>
							&lt;script&gt;lichess_widgets.profile_big("dark", "rubenwardy");&lt;/script&gt;
						</blockcode>
					</td>
				</tr>

				<tr>
					<td>
						<script>lichess_widgets.profile_big("dark", "rubenwardy", "My Lichess");</script>
					</td>
					<td>
						<blockcode>
							&lt;script&gt;lichess_widgets.profile_big("dark", "rubenwardy", "My Lichess");&lt;/script&gt;
						</blockcode>
					</td>
				</tr>
			</table>
			<p id="credits">
				Created by <a href="https://rubenwardy.com/">rubenwardy</a>
				|
				<a href="https://rubenwardy.com/donate/">Donate</a>
				|
				<a href="https://github.com/rubenwardy/lichess_widgets">GitHub</a>
				|
				Licensed under CC-BY-SA 3.0
			</p>
		</div>
	</div>
</html>
Initial Commit 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" />`
Support for multiple themes 2014-11-07 08:33:38 -08:00			`<link rel="stylesheet" href="lichess_widgets.css" />`
Initial Commit 2014-11-07 07:06:36 -08:00			`<link rel="stylesheet" href="dark.css" />`
Add light theme 2014-11-07 08:51:17 -08:00			`<link rel="stylesheet" href="light.css" />`
Initial Commit 2014-11-07 07:06:36 -08:00			`<script src="lichess_widgets.js"></script>`
			`<style>`
Add light theme 2014-11-07 08:51:17 -08:00			`html, body {`
Initial Commit 2014-11-07 07:06:36 -08:00			`margin: 0;`
			`padding: 0;`
			`font-family: "Arial", sans-serif;`
			`}`
Add light theme 2014-11-07 08:51:17 -08:00			`.container {`
Initial Commit 2014-11-07 07:06:36 -08:00			`width: 90%;`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`max-width: 1000px;`
Initial Commit 2014-11-07 07:06:36 -08:00			`margin: auto;`
Add light theme 2014-11-07 08:51:17 -08:00			`}`
			`#black_section {`
			`display: block;`
			`margin: 20px 0 0 0;`
Add credits and remove WIP 2014-11-07 09:34:23 -08:00			`padding: 5px 0 15px 0;`
Add light theme 2014-11-07 08:51:17 -08:00			`background: #2a2a2a;`
Initial Commit 2014-11-07 07:06:36 -08:00			`}`
			`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;`
			`}`
Add light theme 2014-11-07 08:51:17 -08:00			`#black_section blockcode {`
			`background: #333;`
			`color: #e0e0e0;`
			`}`
Add credits and remove WIP 2014-11-07 09:34:23 -08:00			`#credits {`
			`text-align: center;`
			`padding: 0;`
			`margin: 30px 0 0 0;`
			`color: #555;`
			`}`
			`#credits a {`
			`color: #666;`
			`}`
			`#credits a:hover {`
			`color: #999;`
			`}`
Initial Commit 2014-11-07 07:06:36 -08:00			`</style>`
			`</head>`
			`<body>`
Add light theme 2014-11-07 08:51:17 -08:00			`<div class="container">`
Add credits and remove WIP 2014-11-07 09:34:23 -08:00			`<h1>Widgets for Lichess</h1>`
Add light theme 2014-11-07 08:51:17 -08:00
			`<p>`
			`Add the following to the <head> of your webpage,`
Clean repo 2014-11-28 09:26:09 -08:00			`and then add at least one of the widgets to the <body> of your webpage.`
Add light theme 2014-11-07 08:51:17 -08:00			`</p>`

			`<blockcode>`
Update index.html 2017-05-08 16:36:48 -07:00			`<link rel="stylesheet" href="https://rubenwardy.com/lichess_widgets/lichess_widgets.css" /><br />`
			`<script src="https://rubenwardy.com/lichess_widgets/lichess_widgets.js"></script><br />`
			`<!-- For the light theme --> <link rel="stylesheet" href="https://rubenwardy.com/lichess_widgets/light.css" /> <br />`
			`<!-- For the dark theme --> <link rel="stylesheet" href="https://rubenwardy.com/lichess_widgets/dark.css" />`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`

			`<table>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile("light", "rubenwardy", "Lichess");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile("light", "rubenwardy", "Lichess");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile("light", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile("light", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_scores("light", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_scores("light", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_scores("light", "rubenwardy", "");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_scores("light", "rubenwardy", "");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_big("light", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_big("light", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
Initial Commit 2014-11-07 07:06:36 -08:00
Add light theme 2014-11-07 08:51:17 -08:00			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_big("light", "rubenwardy", "My Lichess");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_big("light", "rubenwardy", "My Lichess");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`</table>`
			`</div>`
Initial Commit 2014-11-07 07:06:36 -08:00

Add light theme 2014-11-07 08:51:17 -08:00			`<div id="black_section">`
			`<div class="container">`
			`<table>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile("dark", "rubenwardy", "Lichess");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile("dark", "rubenwardy", "Lichess");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile("dark", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile("dark", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_scores("dark", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_scores("dark", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_scores("dark", "rubenwardy", "");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_scores("dark", "rubenwardy", "");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_big("dark", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_big("dark", "rubenwardy");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
Tweek long widget 2014-11-07 07:24:43 -08:00
Add light theme 2014-11-07 08:51:17 -08:00			`<tr>`
			`<td>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_big("dark", "rubenwardy", "My Lichess");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</td>`
			`<td>`
			`<blockcode>`
Fix namespace bug 2014-11-11 09:56:39 -08:00			`<script>lichess_widgets.profile_big("dark", "rubenwardy", "My Lichess");</script>`
Add light theme 2014-11-07 08:51:17 -08:00			`</blockcode>`
			`</td>`
			`</tr>`
			`</table>`
Add credits and remove WIP 2014-11-07 09:34:23 -08:00			`<p id="credits">`
Add links to footer 2018-05-22 10:45:26 -07:00			`Created by <a href="https://rubenwardy.com/">rubenwardy</a>`
			`\|`
			`<a href="https://rubenwardy.com/donate/">Donate</a>`
rebuild gh-pages 2015-09-22 16:43:47 -07:00			`\|`
			`<a href="https://github.com/rubenwardy/lichess_widgets">GitHub</a>`
			`\|`
Add credits and remove WIP 2014-11-07 09:34:23 -08:00			`Licensed under CC-BY-SA 3.0`
			`</p>`
Add light theme 2014-11-07 08:51:17 -08:00			`</div>`
			`</div>`
			`</html>`