').attr('class',colors[i]+' clock').html(
+ '
'+
+
+ '
'+
+
+ '
'+
+
+ '
'
+ );
+
+ // Appending to the container:
+ $(this).append(tmp);
+
+ // Assigning some of the elements as variables for speed:
+ tmp.rotateLeft = tmp.find('.rotate.left');
+ tmp.rotateRight = tmp.find('.rotate.right');
+ tmp.display = tmp.find('.display');
+
+ // Adding the dial as a global variable. Will be available as gVars.colorName
+ gVars[colors[i]] = tmp;
+ }
+
+ // Setting up a interval, executed every 1000 milliseconds:
+ setInterval(function(){
+
+ var currentTime = new Date();
+ var h = currentTime.getHours();
+ var m = currentTime.getMinutes();
+ var s = currentTime.getSeconds();
+
+ animation(gVars.green, s, 60);
+ animation(gVars.blue, m, 60);
+ animation(gVars.orange, h, 24);
+
+ },1000);
+ }
+
+ function animation(clock, current, total)
+ {
+ // Calculating the current angle:
+ var angle = (360/total)*(current+1);
+
+ var element;
+
+ if(current==0)
+ {
+ // Hiding the right half of the background:
+ clock.rotateRight.hide();
+
+ // Resetting the rotation of the left part:
+ rotateElement(clock.rotateLeft,0);
+ }
+
+ if(angle<=180)
+ {
+ // The left part is rotated, and the right is currently hidden:
+ element = clock.rotateLeft;
+ }
+ else
+ {
+ // The first part of the rotation has completed, so we start rotating the right part:
+ clock.rotateRight.show();
+ clock.rotateLeft.show();
+
+ rotateElement(clock.rotateLeft,180);
+
+ element = clock.rotateRight;
+ angle = angle-180;
+ }
+
+ rotateElement(element,angle);
+
+ // Setting the text inside of the display element, inserting a leading zero if needed:
+ clock.display.html(current<10?'0'+current:current);
+ }
+
+ function rotateElement(element,angle)
+ {
+ // Rotating the element, depending on the browser:
+ var rotate = 'rotate('+angle+'deg)';
+
+ if(element.css('MozTransform')!=undefined)
+ element.css('MozTransform',rotate);
+
+ else if(element.css('WebkitTransform')!=undefined)
+ element.css('WebkitTransform',rotate);
+
+ // A version for internet explorer using filters, works but is a bit buggy (no surprise here):
+ else if(element.css("filter")!=undefined)
+ {
+ var cos = Math.cos(Math.PI * 2 / 360 * angle);
+ var sin = Math.sin(Math.PI * 2 / 360 * angle);
+
+ element.css("filter","progid:DXImageTransform.Microsoft.Matrix(M11="+cos+",M12=-"+sin+",M21="+sin+",M22="+cos+",SizingMethod='auto expand',FilterType='nearest neighbor')");
+
+ element.css("left",-Math.floor((element.width()-200)/2));
+ element.css("top",-Math.floor((element.height()-200)/2));
+ }
+
+ }
+
+})(jQuery)
\ No newline at end of file
diff --git a/public/desktop_widgets/clock/img/bg_blue.png b/public/desktop_widgets/clock/img/bg_blue.png
new file mode 100644
index 00000000..7f53ed5c
Binary files /dev/null and b/public/desktop_widgets/clock/img/bg_blue.png differ
diff --git a/public/desktop_widgets/clock/img/bg_green.png b/public/desktop_widgets/clock/img/bg_green.png
new file mode 100644
index 00000000..ce092cfc
Binary files /dev/null and b/public/desktop_widgets/clock/img/bg_green.png differ
diff --git a/public/desktop_widgets/clock/img/bg_orange.png b/public/desktop_widgets/clock/img/bg_orange.png
new file mode 100644
index 00000000..f13fdc7c
Binary files /dev/null and b/public/desktop_widgets/clock/img/bg_orange.png differ
diff --git a/public/desktop_widgets/clock/index.html.erb b/public/desktop_widgets/clock/index.html.erb
new file mode 100755
index 00000000..8fda567a
--- /dev/null
+++ b/public/desktop_widgets/clock/index.html.erb
@@ -0,0 +1,76 @@
+
+
+
\ No newline at end of file
diff --git a/public/desktop_widgets/school_events/events.json b/public/desktop_widgets/school_events/events.json
new file mode 100644
index 00000000..c4c6fd5e
--- /dev/null
+++ b/public/desktop_widgets/school_events/events.json
@@ -0,0 +1 @@
+{"first":{"date":"25 Feb","event":"國立政治大學101學年度碩士班暨…","timing":"時間：07:00-17:00"},"second":{"date":"26 Feb","event":"國立政治大學101學年度碩士班暨…","timing":"時間：07:00-17:00"}}
\ No newline at end of file
diff --git a/public/desktop_widgets/school_events/index.html.erb b/public/desktop_widgets/school_events/index.html.erb
new file mode 100644
index 00000000..e6ac921a
--- /dev/null
+++ b/public/desktop_widgets/school_events/index.html.erb
@@ -0,0 +1,7 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/public/desktop_widgets/school_events/school_events.js b/public/desktop_widgets/school_events/school_events.js
new file mode 100644
index 00000000..78240c72
--- /dev/null
+++ b/public/desktop_widgets/school_events/school_events.js
@@ -0,0 +1,21 @@
+var eventsjson = new Array;
+var loadEvents = function(){
+ $.getJSON(o.widgetfolder+"/school_events/events.json",function(events){
+ $.each(events,function(i,event){
+ eventsjson.push(event);
+ })
+
+ displayevents();
+ })
+}
+var i = 0;
+var displayevents = function(){
+ $("#school_events").fadeOut(500);
+ $("span#date").text(eventsjson[i].date);
+ $("span#event").text(eventsjson[i].event);
+ $("span#timings").text(eventsjson[i].timing);
+ $("#school_events").fadeIn(500);
+ i++;
+ if(i==eventsjson.length)i=0;
+ setTimeout(displayevents,5000);
+}
\ No newline at end of file
diff --git a/public/desktop_widgets/weather/img/clouds_180x150_bg.jpg b/public/desktop_widgets/weather/img/clouds_180x150_bg.jpg
new file mode 100644
index 00000000..744cdaec
Binary files /dev/null and b/public/desktop_widgets/weather/img/clouds_180x150_bg.jpg differ
diff --git a/public/desktop_widgets/weather/index.html.erb b/public/desktop_widgets/weather/index.html.erb
new file mode 100644
index 00000000..1dfa1849
--- /dev/null
+++ b/public/desktop_widgets/weather/index.html.erb
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/public/desktop_widgets/weather/weather.js b/public/desktop_widgets/weather/weather.js
new file mode 100644
index 00000000..e69de29b