| ... |
... |
@@ -3,9 +3,25 @@ |
| 3 |
3 |
J("#document-title").remove();J("#document-info").remove(); |
| 4 |
4 |
</script> |
| 5 |
5 |
<style>.w208{width:208px}</style>{{/html}} |
| 6 |
|
- |
| 7 |
7 |
|((( |
| 8 |
8 |
(% style="text-align: center;margin-right:20px;" %) |
|
8 |
+{{html clean="false" wiki="false"}}<div id="countdown"><center> |
|
9 |
+ <p class="cdTitle">The OW2 90-Day Plan Countdown</p><br> |
|
10 |
+ <p class="days">00</p> |
|
11 |
+ <p class="timeRefDays">days</p><br> |
|
12 |
+ <div id="Hours"> |
|
13 |
+ <span class="hours">00</span> |
|
14 |
+ <p class="timeRefHours">:</p> |
|
15 |
+ <span class="minutes">00</span> |
|
16 |
+ <p class="timeRefMinutes">'</p> |
|
17 |
+ <span class="seconds">00</span> |
|
18 |
+ <p class="timeRefSeconds">"</p> |
|
19 |
+</div>{{/html}} |
|
20 |
+)))|(% style="margin-right:100px;" %)((( |
|
21 |
+The OW2 Management Office and the Board of Directors are engaged in a 90-day plan to obtain strategic support, including signing new strategic members, securing donations, developing in-kind contributions, etc. to take OW2 through the chasm and into the mainstream. |
|
22 |
+))) |
|
23 |
+|((( |
|
24 |
+(% style="text-align: center;margin-right:20px;" %) |
| 9 |
9 |
[[[[image:attach:Newsletters.HappyNewYearOfTheHorse@seasons-Greeting-2014-Chinathumbnail.jpg||target="blank" title="Happy New Year of the Horse 2014 (31 Jan. 2014)"]]>>Newsletters.HappyNewYearOfTheHorse]] |
| 10 |
10 |
)))|(% style="margin-right:100px" %)((( |
| 11 |
11 |
**Happy New Year of the Horse 2014! (31 Jan. 2014)** Wishing our friends in China a successful and peaceful Year of the Horse 2014. [[More>>Newsletters.HappyNewYearOfTheHorse]] |
| ... |
... |
@@ -180,8 +180,79 @@ |
| 180 |
180 |
[[XMLC>>ActivitiesDashboard.XMLC]] |
| 181 |
181 |
|
| 182 |
182 |
</div>{{/html}} |
| 183 |
|
- |
| 184 |
|
- |
| 185 |
|
-((( |
| 186 |
|
- |
| 187 |
|
-))) |
|
199 |
+{{velocity}} |
|
200 |
+## COUNTDOWN SCRIPT ## |
|
201 |
+{{html clean=false wiki=false}} |
|
202 |
+</center></div> |
|
203 |
+<style> |
|
204 |
+#countdown {padding:5px;background:#FF6600;color:white;width:140px;height:105px} |
|
205 |
+#countdown p {display: inline-block;padding: 0;margin: 0;} |
|
206 |
+.cdTitle{font-size:1em;line-height:1em} |
|
207 |
+.days{font-size:5em;line-height:1em;font-weight:700} |
|
208 |
+.timeRefDays{font-size:2.4em;line-height:0.7em} |
|
209 |
+#hours{font-size:1.2em;line-height:1em} |
|
210 |
+</style> |
|
211 |
+<script> |
|
212 |
+(function (e) { |
|
213 |
+ e.fn.countdown = function (t, n) { |
|
214 |
+ function i() { |
|
215 |
+ eventDate = Date.parse(r.date) / 1e3; |
|
216 |
+ currentDate = Math.floor(e.now() / 1e3); |
|
217 |
+ if (eventDate <= currentDate) { |
|
218 |
+ n.call(this); |
|
219 |
+ clearInterval(interval) |
|
220 |
+ } |
|
221 |
+ seconds = eventDate - currentDate; |
|
222 |
+ days = Math.floor(seconds / 86400); |
|
223 |
+ seconds -= days * 60 * 60 * 24; |
|
224 |
+ hours = Math.floor(seconds / 3600); |
|
225 |
+ seconds -= hours * 60 * 60; |
|
226 |
+ minutes = Math.floor(seconds / 60); |
|
227 |
+ seconds -= minutes * 60; |
|
228 |
+ days == 1 ? thisEl.find(".timeRefDays").text("day") : thisEl.find(".timeRefDays").text("days"); |
|
229 |
+ hours == 1 ? thisEl.find(".timeRefHours").text(":") : thisEl.find(".timeRefHours").text(":"); |
|
230 |
+ minutes == 1 ? thisEl.find(".timeRefMinutes").text("'") : thisEl.find(".timeRefMinutes").text("'"); |
|
231 |
+ seconds == 1 ? thisEl.find(".timeRefSeconds").text('"') : thisEl.find(".timeRefSeconds").text('"'); |
|
232 |
+ if (r["format"] == "on") { |
|
233 |
+ days = String(days).length >= 2 ? days : "0" + days; |
|
234 |
+ hours = String(hours).length >= 2 ? hours : "0" + hours; |
|
235 |
+ minutes = String(minutes).length >= 2 ? minutes : "0" + minutes; |
|
236 |
+ seconds = String(seconds).length >= 2 ? seconds : "0" + seconds |
|
237 |
+ } |
|
238 |
+ if (!isNaN(eventDate)) { |
|
239 |
+ thisEl.find(".days").text(days); |
|
240 |
+ thisEl.find(".hours").text(hours); |
|
241 |
+ thisEl.find(".minutes").text(minutes); |
|
242 |
+ thisEl.find(".seconds").text(seconds) |
|
243 |
+ } else { |
|
244 |
+ alert("Invalid date. Example: 30 Tuesday 2013 15:50:00"); |
|
245 |
+ clearInterval(interval) |
|
246 |
+ } |
|
247 |
+ } |
|
248 |
+ thisEl = e(this); |
|
249 |
+ var r = { |
|
250 |
+ date: null, |
|
251 |
+ format: null |
|
252 |
+ }; |
|
253 |
+ t && e.extend(r, t); |
|
254 |
+ i(); |
|
255 |
+ interval = setInterval(i, 1e3) |
|
256 |
+ } |
|
257 |
+ })(jQuery); |
|
258 |
+ J(document).ready(function () { |
|
259 |
+ function e() { |
|
260 |
+ var e = new Date; |
|
261 |
+ e.setDate(e.getDate()+ 60); |
|
262 |
+ dd = e.getDate(); |
|
263 |
+ mm = e.getMonth() + 1; |
|
264 |
+ y = e.getFullYear(); |
|
265 |
+ futureFormattedDate = mm + "/" + dd + "/" + y; |
|
266 |
+ return futureFormattedDate |
|
267 |
+ } |
|
268 |
+ J("#countdown").countdown({ |
|
269 |
+ date: "30 April 2014 01:00:00", // Change this to your desired date to countdown to |
|
270 |
+ format: "on" |
|
271 |
+ }); |
|
272 |
+}); |
|
273 |
+</script> |
|
274 |
+{{/html}} |
