Apríl 2021: Rotace webu :-)

mamweb/templates/base.html

@@ -131,6 +131,50 @@
 	   $("a[rel^='gallery-image']").prettyPhoto(prettyparams);
 	});
     </script>
+	{% if april == 2021 %}
+    <script type="text/javascript" charset="utf-8">
+	function rotace(vektor, uhel_deg) {
+		var uhel = uhel_deg *(Math.PI / 180);
+		var x = vektor[0];
+		var y = vektor[1];
+		return [x*Math.cos(uhel) - y*Math.sin(uhel), x*Math.sin(uhel) + y*Math.cos(uhel)];
+	}
+
+	function rotace_a_posun(obj, uhel) {
+		var ow = obj.width();
+		var oh = obj.height();
+
+		var rohy = [[0,0], [0,oh], [ow, 0], [ow, oh]];
+		var minx = 0;
+		var miny = 0;
+		for (var roh of rohy) {
+			var otoceny = rotace(roh, uhel);
+			if (otoceny[0] < minx) {
+				minx = otoceny[0];
+			}
+			if (otoceny[1] < miny) {
+				miny = otoceny[1];
+			}
+		}
+
+		miny *= -1;
+		minx *= -1;
+
+		var transf_str = "translateX("+minx+"px) translateY("+miny+"px) rotate("+uhel+"deg)";
+		obj.css('transform-origin', 'top left');
+		obj.css('transform', transf_str);
+	}
+
+	function randomUhel() {
+		return Math.floor(360*Math.random());
+	}
+
+	$(document).ready(function(){
+		$('.container').css('margin', 0);
+		rotace_a_posun($('.container'), randomUhel());
+	});
+	</script>
+	{% endif %}
     {% render_block "js" %}
   </body>
 </html>