chore: import upstream snapshot with attribution

static/plugins/clock/css/normalize.css

@@ -0,0 +1 @@
+html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

static/plugins/clock/css/style.css

@@ -0,0 +1,136 @@
+body, html {
+  color: #ff6400;
+  height: 100%;
+}
+
+a {
+  text-decoration: none;
+  color: #736963;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+.container {
+  max-width: 1200px;
+  padding-left: 25px;
+  padding-right: 25px;
+  margin: 0 auto;
+  text-align: center;
+  height: 100%;
+}
+
+.watch-section {
+  display: table;
+  width: 100%;
+  
+  position: relative;
+  overflow: hidden;
+}
+
+.watch-section .watch-inner {
+  display: table-cell;
+  
+}
+
+.watch-section header {
+  text-align: center;
+}
+
+.watch-section h2 {
+  font-size: 60px;
+  margin-bottom: 70px;
+  margin-top: 0;
+}
+@media (max-height: 768px) {
+  .watch-section h2 {
+    margin-bottom: 40px;
+  }
+}
+@media (max-height: 600px) {
+  .watch-section h2 {
+    margin-bottom: 20px;
+  }
+}
+
+.watch-section h3 {
+  font-size: 36px;
+  margin-bottom: 50px;
+}
+@media (max-height: 768px) {
+  .watch-section h3 {
+    margin-bottom: 40px;
+  }
+}
+@media (max-height: 600px) {
+  .watch-section h3 {
+    margin-bottom: 10px;
+  }
+}
+
+.watch-section .more {
+  position: absolute;
+  display: block;
+  margin: 0 auto;
+  bottom: 110px;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 40px;
+  text-align: center;
+}
+
+.watch-section .more .more-text {
+  display: block;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  top: -30px;
+  color: #ff6400;
+  font-size: 11.5px;
+}
+
+.faces .face {
+  background: transparent url("faces.png") top left no-repeat;
+  width: 160px;
+  height: 160px;
+  padding: 0;
+  display: inline-block;
+  position: relative;
+  margin: 10px;
+}
+
+.faces .face:before {
+  top: inherit;
+  bottom: -35px;
+  left: 57px;
+}
+
+.faces .face1 {
+  background-position: 0 0;
+}
+
+.faces .face2 {
+  background-position: -179px 0;
+}
+
+.faces .face3 {
+  background-position: -359px 0;
+}
+
+.faces .face4 {
+  background-position: -542px 0;
+}
+
+.faces .face5 {
+  background-position: -724px 0;
+}
+
+.faces .clock {
+  width: 160px;
+  height: 160px;
+  position: absolute;
+  top: 0;
+  left: 0;
+}

static/plugins/clock/js/index.js

@@ -0,0 +1,91 @@
+// SNAPSVG.JS Clock Layout 
+
+	// //clock 1
+	// var clock1   = Snap("#clock1");
+	// var hours1   = clock1.rect(79, 35, 2, 55).attr({fill: "#282828", transform: "r" + 10 * 30 + "," + 80 + "," + 80});
+	// var minutes1 = clock1.rect(79, 20, 2, 70).attr({fill: "#282828", transform: "r" + 10 * 6 + "," + 80 + "," + 80});
+	// var seconds1 = clock1.rect(80, 10, 1, 80).attr({fill: "#ff6400"});
+	// var middle1 =   clock1.circle(80, 80, 2).attr({fill: "#ff6400"});
+    //
+	// //clock 2
+	// var clock2   = Snap("#clock2");
+	// var hours2   = clock2.rect(79, 35, 3, 45).attr({fill: "#282828", transform: "r" + 10 * 30 + "," + 80 + "," + 80});
+	// var minutes2 = clock2.rect(79, 20, 3, 60).attr({fill: "#535353", transform: "r" + 10 * 6 + "," + 80 + "," + 80});
+	// var seconds2 = clock2.rect(80, 10, 1, 80).attr({fill: "#ff6400"});
+	// var middle2 =   clock2.circle(80, 80, 2).attr({fill: "#ff6400"});
+    //
+	// //clock 3
+	// var clock3   = Snap("#clock3");
+	// var hours3   = clock3.rect(79, 35, 3, 46).attr({fill: "#282828", transform: "r" + 10 * 30 + "," + 80 + "," + 80});
+	// var minutes3 = clock3.rect(79, 20, 3, 60).attr({fill: "#535353", transform: "r" + 10 * 6 + "," + 80 + "," + 80});
+	// var seconds3 = clock3.rect(80, 10, 1, 80).attr({fill: "#ff6400"});
+	// var middle3 =   clock3.circle(81, 80, 3).attr({fill: "#535353"});
+
+	//clock 4
+	var clock4   = Snap("#clock4");
+	var hours4   = clock4.rect(79, 35, 3, 55).attr({fill: "#282828", transform: "r" + 10 * 30 + "," + 80 + "," + 80});
+	var minutes4 = clock4.rect(79, 20, 3, 70).attr({fill: "#535353", transform: "r" + 10 * 6 + "," + 80 + "," + 80});
+	var seconds4 = clock4.rect(80, 10, 1, 80).attr({fill: "#ff6400"});
+	var middle4 =   clock4.circle(81, 80, 3).attr({fill: "#535353"});
+
+	// //clock 5
+	// var clock5   = Snap("#clock5");
+	// var hours5   = clock5.rect(79, 35, 3, 55).attr({fill: "#282828", transform: "r" + 10 * 30 + "," + 80 + "," + 80});
+	// var minutes5 = clock5.rect(79, 20, 3, 70).attr({fill: "#535353", transform: "r" + 10 * 6 + "," + 80 + "," + 80});
+	// var seconds5 = clock5.rect(80, 10, 1, 80).attr({fill: "#ff6400"});
+	// var middle5 =   clock5.circle(80, 80, 2).attr({fill: "#ff6400"});
+
+
+	// CLOCK Timer
+	var updateTime = function(_clock, _hours, _minutes, _seconds) {
+		var currentTime, hour, minute, second;
+		currentTime = new Date();
+		second = currentTime.getSeconds();
+		minute = currentTime.getMinutes();
+		hour = currentTime.getHours();
+		hour = (hour > 12)? hour - 12 : hour;
+		hour = (hour == '00')? 12 : hour;
+
+		if(second == 0){
+			//got to 360deg at 60s
+			second = 60;
+		}else if(second == 1 && _seconds){
+			//reset rotation transform(going from 360 to 6 deg)
+			_seconds.attr({transform: "r" + 0 + "," + 80 + "," + 80});
+		}
+		if(minute == 0){
+			minute = 60;
+		}else if(minute == 1){
+			_minutes.attr({transform: "r" + 0 + "," + 80 + "," + 80});
+		}
+		_hours.animate({transform: "r" + hour * 30 + "," + 80 + "," + 80}, 200, mina.elastic);
+		_minutes.animate({transform: "r" + minute * 6 + "," + 80 + "," + 80}, 200, mina.elastic);
+		if(_seconds){
+			_seconds.animate({transform: "r" + second * 6 + "," + 80 + "," + 80}, 500, mina.elastic);
+		}
+	};
+	var updateSeconds = function(_clock, _seconds){
+		var currentTime, second;
+		currentTime = new Date();
+		second = currentTime.getSeconds();
+
+		if(second == 0){
+			//got to 360deg at 60s
+			second = 60;
+		}else if(second == 1 && _seconds){
+			//reset rotation transform(going from 360 to 6 deg)
+			_seconds.attr({transform: "r" + 0 + "," + 80 + "," + 80});
+		}
+		if(_seconds){
+			_seconds.attr({transform: "r" + second * 6 + "," + 80 + "," + 80});
+		}
+	};
+
+	//update the clocks
+	setInterval(function(){
+		// updateTime(clock1, hours1, minutes1, seconds1);
+		// updateTime(clock2, hours2, minutes2, seconds2);
+		// updateTime(clock3, hours3, minutes3, seconds3);
+		updateTime(clock4, hours4, minutes4, seconds4);
+     	// updateTime(clock5, hours5, minutes5, seconds5);
+	}, 1000);