https://www.pantheress.pink/js/script.js

1/*!
2	Built in the VVVOID
3	VVVOID, London, U.K
4	http://vvvoid.co.uk
5	[email protected]
6!*/
7
8$(document).ready(function() {
9
10	// --------- helpers --------- //
11
12	// detect mobile
13	var $is_mobile = window.orientation > -1;
14	// alert(isMobile);
15
16	// function to fade content in
17	function fadein_timeout($element, delay, fade_class){
18		setTimeout(function(){
19			$element.addClass(fade_class);
20		}, delay );
21	}
22
23	// function to fade content out
24	function fadeout_timeout($element, delay, fade_class){
25		setTimeout(function(){
26			$element.removeClass(fade_class);
27		}, delay );
28	}
29
30	// usage
31	// $(".fade_in").each(function(i){
32	//	 fadein_timeout( $(this), 250 * i, "fade_out");
33	// });
34
35
36	// show / hide mobile menu
37	$(document).on('click', '#mobile_menu', function(){
38		$("#main_menu").toggleClass("mobile_menu_visible");
39	});
40
41	$(document).on("click", ".overlay_close_btn, #enter_btn", function(){
42		console.log("click");
43		$(this).closest(".overlay").removeClass("overlay_visible");
44		setTimeout(function(){
45			$("#quote_content").html("");
46		}, 400);
47	});
48
49/*
50	$(document).on("click", "#tour_btn", function(e){
51		e.preventDefault();
52		console.log("word click");
53		$("#tour_overlay").addClass("overlay_visible");
54	});
55*/
56
57
58	$(document).on("click", "#illegal_word", function(){
59		console.log("word click");
60		$(".countdown_message").html("i made a cute new ringtone for u!");
61		$("#download_overlay").addClass("overlay_visible");
62	});
63	
64	
65	$(document).on("click", "#clock", function(){
66	
67		$(".countdown_message").html("");
68
69		if($hour_rotation == 120) {
70			if ($second_rotation >= 0 && $second_rotation <= 45) {
71				$("#countdown_overlay").addClass("overlay_visible");
72				if ($time_left >1){
73					$(".countdown_message").html("Congratulations! You've just won " + $time_left  + " days of absolutely nothing");
74					
75				} else if ($time_left <= 0){
76
77					$(".countdown_message").html("Congratulations! You've just won 0 days of absolutely nothing");
78	
79				} else {
80					$(".countdown_message").html("Congratulations! You've just won " + $time_left  + " day of absolutely nothing");
81				}
82			}
83		} else {
84			//$("#countdown_overlay").addClass("overlay_visible");
85
86			//$(".countdown_message").html("You clicked at the WRONG time! " + //$time_left  + " days to go");
87		}
88
89	});
90
91
92	//-- clock --- //
93	var $second_rotation = 0;
94	var $hour_rotation = 0;
95
96	function second_spin(){
97		setTimeout(function(){
98			$second_rotation += 5;
99
100			$("#hand_second").css({'-webkit-transform' : 'rotate('+ $second_rotation +'deg)',
101						'-moz-transform' : 'rotate('+ $second_rotation +'deg)',
102						'-ms-transform' : 'rotate('+ $second_rotation +'deg)',
103						'transform' : 'rotate('+ $second_rotation +'deg)'});
104
105		if($second_rotation >= 360) {
106			$second_rotation = 0;
107		}
108		//console.log("second rotation = " + $second_rotation);
109		second_spin();
110		}, 100);
111	}
112	second_spin();
113
114	function hour_spin(){
115		setTimeout(function(){
116			$hour_rotation += 30;
117			$("#hand_hour").css({'-webkit-transform' : 'rotate('+ $hour_rotation +'deg)',
118						'-moz-transform' : 'rotate('+ $hour_rotation +'deg)',
119						'-ms-transform' : 'rotate('+ $hour_rotation +'deg)',
120						'transform' : 'rotate('+ $hour_rotation +'deg)'});
121		if($hour_rotation >= 360) {
122			$hour_rotation = 0
123		}
124		hour_spin();
125		//console.log("hour_rotation = " + $hour_rotation);
126		}, 7200);
127	}
128	hour_spin();
129
130	var end = new Date('04/07/2025 4:41 PM');
131
132	var _second = 1000;
133	var _minute = _second * 60;
134	var _hour = _minute * 60;
135	var _day = _hour * 24;
136	var timer;
137	var $time_left = "";
138
139	function showRemaining() {
140		var now = new Date();
141		var distance = end - now;
142		if (distance < 0) {
143
144			clearInterval(timer);
145			document.getElementById('countdown').innerHTML = 'EXPIRED!';
146
147			return;
148		}
149
150		var days = Math.floor(distance / _day);
151		var hours = Math.floor((distance % _day) / _hour);
152		var minutes = Math.floor((distance % _hour) / _minute);
153		var seconds = Math.floor((distance % _minute) / _second);
154
155		// $time_left = days + 'days, ' +  hours + 'hrs, ' + minutes + 'mins, ' + seconds + ' secs';
156		$time_left = days;
157
158		// console.log( $time_left);
159
160		//document.getElementById('countdown').innerHTML = days + 'days ';
161		//document.getElementById('countdown').innerHTML += hours + 'hrs ';
162		//document.getElementById('countdown').innerHTML += minutes + 'mins ';
163		// document.getElementById('countdown').innerHTML += seconds + 'secs';
164	}
165
166	timer = setInterval(showRemaining, 1000);
167	
168});