symposium-website/info.js at main · svthalia/symposium-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
var courses_button = document.getElementById("courses_button");
var beer_button = document.getElementById("beer_button");
var notification_button = document.getElementById("notification_button");
var settings_button = document.getElementById("settings_button");
var portofolio_button = document.getElementById("protofolio_button");
var help_button = document.getElementById("help_button");
var mobile_settings_button = document.getElementById("mobile_settings_button");
var mobile_portofolio_button = document.getElementById("mobile_portofolio_button");
var mobile_help_button = document.getElementById("mobile_help_button");
var profile = document.getElementById("profile");

profile.onclick = function() { easter_egg_display("resources/easter_egg_1.jpg"); }
beer_button.onclick = function() {easter_egg_display("resources/easter_egg_2.jpg"); }
courses_button.onclick = function() { easter_egg_display("resources/easter_egg_3.jpeg"); }
notification_button.onclick = function() { easter_egg_display("resources/easter_egg_4.png"); }
settings_button.onclick = function() { easter_egg_display("resources/easter_egg_5.png"); }
portofolio_button.onclick = function() { easter_egg_display("resources/easter_egg_6.png");}
help_button.onclick = function() { easter_egg_display("resources/easter_egg_7.png");}
mobile_settings_button.onclick = function() { easter_egg_display("resources/easter_egg_5.png"); }
mobile_portofolio_button.onclick = function() { easter_egg_display("resources/easter_egg_6.png");}
mobile_help_button.onclick = function() { easter_egg_display("resources/easter_egg_7.png");}

var easter_egg_opacity_curtain = document.getElementById("easter_egg_opacity_curtain");
var easter_egg = document.getElementById("easter_egg_curtain");
var easter_egg_img = document.getElementById("easter_egg_img");

function easter_egg_display(easter_egg_source) {
  easter_egg_img.src = easter_egg_source;

  easter_egg_opacity_curtain.style.display = "block";
  easter_egg.style.display = "block";
  document.body.style.overflow = "hidden";
}

easter_egg_img.onclick = function() {
  easter_egg_opacity_curtain.style.display = "none";
  easter_egg.style.display = "none";
  document.body.style.overflowY  = "scroll";
  document.body.style.overflowX = "hidden";
}

easter_egg_opacity_curtain.onclick = function() {
  easter_egg_opacity_curtain.style.display = "none";
  easter_egg.style.display = "none";
  document.body.style.overflowY  = "scroll";
  document.body.style.overflowX = "hidden";
}
//  variable for determining whether to hide or display the current schedule.
var display_schedule = true;

// event relevant elements
var event_list = document.getElementById("event_list");
var event_list_button = document.getElementById("upcomming_button")
var event_container = document.getElementById("upcomming");

//  assigning a handler for the event list view.
event_list_button.onclick = function() {
  if(display_schedule) {
      event_list.style.display = "none"
      event_list_button.style.rotate = "0deg";
  } else {
      event_list.style.display = "grid"
      event_list_button.style.rotate = "90deg";
  }

  display_schedule = !display_schedule;
}

//  mobile relevant elements.
var mobile_options_button = document.getElementById("top_side_bar_button");
var mobile_options_exit = document.getElementById("mobile_side_bar_exit");
var mobile_side_bar = document.getElementById("mobile_side_bar");
var mobile_opacity_curtain = document.getElementById("main_opacity_curtain");
var mobile_home_button = document.getElementById("mobile_logo_button");

/*******************/
/* Mobile Handlers */
/*******************/

function home_switch_handler() {
  mobile_side_bar.style.left = "-100%";
  mobile_opacity_curtain.style.display = "none";
  document.body.style.overflowY = "scroll";
  document.body.style.overflowX = "hidden";
}

//  assigning a proper handler for the mobile home button
mobile_home_button.onclick = home_switch_handler;

//  handler for the mobile side bar view.
mobile_options_button.onclick = function() {
    mobile_side_bar.style.left = "0";
    mobile_opacity_curtain.style.display = "block";
    document.body.style.overflow = "hidden";
}

//  handler for hiding the mobile side bar.
mobile_options_exit.onclick = function() {
    mobile_side_bar.style.left = "-100%";
    mobile_opacity_curtain.style.display = "none";
    document.body.style.overflowY = "scroll";
    document.body.style.overflowX = "hidden";
}