EmailCountdown/index.html at master · ChriStef/EmailCountdown · GitHub

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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Email Countdown</title>
<style>
body {
	background-color:#000000;
}
@media screen and (max-width: 480px) {
	.t300 {
		width: 300px !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.scale {
		width: 85% !important;
		height:auto !important;
	}
}
</style>
</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" style="border-collapse: collapse;">
	<tr>
		<td align="center" style="text-align:center;">
			<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="t300" style="border-collapse:collapse;margin-top:20px;">
				<tr>
					<td align="center" style="text-align:center;"><img src="gif.php?time=2018-12-31+11:59:59&color=ffffff&bg=000000&fontname=arialbd.ttf&fontsize=30&frames=120" alt="Countdown" border="0" class="scale" style="display:inline;"></td>
				</tr>
				<tr style="font-size:1px; line-height:0; -webkit-text-size-adjust:none;">
					<td height="10" style="font-size:1px;line-height:1px;"><font style="display:none;">&nbsp;</font></td>
				</tr>
				<tr>
					<td align="center" style="text-align:center;">
						<table width="400" border="0" align="center" cellpadding="0" cellspacing="0" class="t300">
							<tr>
								<td width="25%" style="text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:10px;line-height:12px;color:#ffffff;">DAYS</td>

								<td width="25%" style="text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:10px;line-height:12px;color:#ffffff;">HOURS</td>

								<td width="25%" style="text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:10px;line-height:12px;color:#ffffff;">MINUTES</td>

								<td width="25%" style="text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-size:10px;line-height:12px;color:#ffffff;">SECONDS</td>

							</tr>
						</table>
					</td>
				</tr>
				<tr style="font-size:1px; line-height:0; -webkit-text-size-adjust:none;">
					<td height="20" style="font-size:1px;line-height:1px;"><font style="display:none;">&nbsp;</font></td>
				</tr>
				<tr>
					<td style="text-align:left;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:12px;line-height:14px;color:#ffffff;">
<h1>URL Parameters (*required)</h1>
<ul>
	<li><strong>time</strong>* - Date & time when your countdown will end [e.g. 2018-12-31+23:59:59]</li>
	<li><strong>color</strong> - Hex colour code for the text [default = 000000 (black)]</li>
	<li><strong>bg</strong> - Hex colour code for the background [default = ffffff (white)]</li>
	<li><strong>fontname</strong> - File name for the font to be used. The ttf file must be loaded into the /fonts folder [default = arial.ttf]</li>
	<li><strong>fontsize</strong> - Point size of the font [default = 30]</li>
	<li><strong>frames</strong> - Number of frames in the animation. Must be in the range between 60-120 [default = 60]</li>
</ul>
<h2>Example</h2>

<code>&lt;img src="http://server.com/countdown/gif.php?time=2018-12-31+23:59:59&color=ff0000&bg=000000&fontname=OpenSans-Regular-webfont.ttf&fontsize=30&frames=120" alt="Countdown"&gt;</code>

					</td>
				</tr>
			</table>
		</td>
	</tr>

</table>
</body>
</html>