Hours of Operation

Schedule

Schedule is still work in progress and subject to changes.
Last update: {{schedule_meta.last_update_display}}.
All times are in {{schedule_meta.timezone}}.

Jump to: Saturday (Day 2) | Sunday (Day 3)

{{day.label}}

{{room.short_label}} {{room.label}}
{{room.room_number}}
{{time}}
{{item.age_rating}}
{{item.start.time}}-{{item.end.time}}
.tooltip-inner { max-width: 500px; } body, .off-canvas-wrapper { overflow: scroll !important; } #page-full-width, .container { max-width: 100% !important; } #eventix table tbody tr { background-color: #a4a4a4; } #eventix-schedule { margin: -45px auto 0 auto; width: 2080px; background-color: white; font-family: ‘Roboto Condensed’, sans-serif; } h2.date { text-align: center; font-size: 4rem; margin-bottom: 1rem; font-weight: normal; border-bottom: 2px solid black; display: inline-block; } #eventix-schedule .program.monochrome .icon-container { color: white; background-color: black; } /* ================== schedule table ================== */ .schedule-container { position: relative; } .table { table-layout: fixed; width: 2050px !important; /* 150px per col */ margin-bottom: 6rem; } .table th { background-color: #f2f2f2; font-size: 1.2rem; text-transform: uppercase; } .table thead { background-color: white; } .table thead th { border: 0; height: 100px; } .table th, .table td { vertical-align: middle !important; text-align: center; text-align: center; height: 100px; border: 3px solid #f2f2f2; } .table th.time { width: 100px; background-color: #7c86a0; border-left: 0; border-right: 0; } .table th.time span { display: inline-block; position: relative; top: -48px; background-color: #7c86a0; padding: 0 2px; color: white; font-weight: normal; } .table th.room-name { padding: .5rem .75rem; font-size: 1.7rem; line-height: 1.7rem; font-weight: 900; color: white; background-color: grey; border: 2px solid white; position: sticky; top: 0; z-index: 5; } .table td.room-location { text-transform: uppercase; font-size: 1.2rem; height: 40px; padding: 0; color: white; background-color: #7c86a0; font-weight: normal; position: sticky; top: 100px; z-index: 5; box-shadow: 0 5px 5px white; } /* ================== absolute contents ================== */ #eventix-schedule .program { position: absolute; width: 152px; display: flex; flex-direction: column; text-align: left; border: 2px solid white; overflow: hidden; background-color: #666; font-size: 1rem; border-radius: 10px; margin-left:-1px; margin-top:1px; padding: 2px; } #eventix-schedule .program .subcategory { position: absolute; top: 5px; } #eventix-schedule .program .date { font-size: 12px; color: white; margin-left: 2px } #eventix-schedule .program .age_rating { position: absolute; right: 4px; top: 2px; color: white; font-size: 11px; } #eventix-schedule .program .age_rating[data-age-rating=”PG”], #eventix-schedule .program .age_rating[data-age-rating=”G”] { display: none; } #eventix-schedule .program .age_rating[data-age-rating=”18+”] { font-weight: bold; } #eventix-schedule .program .title { flex: 1; padding: 0 4px; line-height: 1.2rem; overflow: hidden; text-align: center; display: flex; align-items: center; font-size: 17px; font-weight: 400; color: rgba(255,255,255,1) !important; flex-wrap: nowrap; letter-spacing:0px; justify-content:center; border-radius:2px; } .table th, .table td{ border: 1px dashed white;} .table th.time { background-color: black; font-size:24px } .table th.time span{ background-color: black; padding:0px 5px; } .room-location{ background:black !important;} .room-name{ font-size:20px !important; letter-spacing:-0.5px; } var app1 = new Vue({ el: ‘#eventix’, methods: { getTooltip: function(item) { let text = item.title + ‘ (‘ + item.age_rating + ‘)\n\n’; if (typeof(item.speaker_list) != “undefined” && item.speaker_list != null) { text += ‘Guests: ‘ + item.speaker_list + ‘\n\n’; } if (typeof(item.description) != “undefined” && item.description != null && item.description != “”) { text += item.description + ‘\n\n’; } text+= ‘Tags: ‘ + item.category.label + ‘, ‘ + item.tag_list; return text; }, getStyle: function(prog) { let room = this.getRoom(prog.location.name); if (!room) { return ‘display: none’; } let bgcolor = room.color; let height = prog.length * this.settings.length_height; height = (height 0) { return this.settings.table_top_header_height + Math.round(this.settings.length_height * multiplier); } return this.settings.table_top_header_height; }, getRoom: function(roomid) { let room = this.rooms.filter(function(room) { return room.id == roomid; }); return (room) ? room[0] : null; }, programsByDay: function(i) { return this.schedule.filter(function(item) { return item.day_num == i; }); } }, data: { settings: { // All width and height are in pixels table_left_header_width: 100, table_top_header_height: 140, program_width: 150, length_height: 100, // Per hour time_start: 10, // 10AM (in 24-hour) }, schedule: [], schedule_meta: [], days: [ { “id”: 1, “label”: “Friday, August 9, 2019”, “label_short”: “Friday (Day 1)”, “times”: [“10AM”, “11AM”, “12PM”, “1PM”, “2PM”, “3PM”, “4PM”, “5PM”, “6PM”, “7PM”, “8PM”, “9PM”, “10PM”, “11PM”, “12AM”] }, { “id”: 2, “label”: “Saturday, August 10, 2019”, “label_short”: “Saturday (Day 2)”, “times”: [“10AM”, “11AM”, “12PM”, “1PM”, “2PM”, “3PM”, “4PM”, “5PM”, “6PM”, “7PM”, “8PM”, “9PM”, “10PM”, “11PM”, “12AM”] }, { “id”: 3, “label”: “Sunday, August 11, 2019”, “label_short”: “Sunday (Day 3)”, “times”: [“10AM”, “11AM”, “12PM”, “1PM”, “2PM”, “3PM”, “4PM”, “5PM”, “6PM”, “7PM”, “8PM”] } ], rooms: [ { “id”: “main-events”, “label”: “Main Events”, “full_name”: “Main Events – Ballroom A”, “room_number”: “Ballroom A”, “floor”: “Level 1”, “color”: “rgba(237,23,98,1)”, “order”: 1 }, { “id”: “vendor-hall-stage”, “label”: “Vendor Hall Stage”, “full_name”: “Vendor Hall Stage”, “room_number”: “Vendor Hall”, “floor”: “Exhibition Level”, “color”: “rgba(0,174,239,1)”, “order”: 2 }, { “id”: “panel-room-1”, “label”: “Panel Room 1”, “full_name”: “Panel Room 1 – Room 109”, “room_number”: “Room 109”, “room_list”: “Room 109-110”, “floor”: “Level 1”, “color”: “rgba(70,184,84,1)”, “order”: 3 }, { “id”: “panel-room-2”, “label”: “Panel Room 2”, “full_name”: “Panel Room 2 – Room 119”, “room_number”: “Room 119”, “room_list”: “Room 118-120”, “floor”: “Level 1”, “color”: “rgba(244,123,32,1)”, “order”: 4 }, { “id”: “panel-room-3”, “label”: “Panel Room 3”, “full_name”: “Panel Room 3 – Room 121”, “room_number”: “Room 121”, “room_list”: “Room 121-122”, “floor”: “Level 1”, “color”: “rgba(180,106,137,1)”, “order”: 5 }, { “id”: “vanpla-room”, “label”: “Vanpla Room”, “full_name”: “Vanpla Room – Room 117”, “room_number”: “Room 117”, “room_list”: “Room 116-117”, “floor”: “Level 1”, “color”: “rgba(123,8,8,1)”, “order”: 6 }, { “id”: “creation-station”, “label”: “Creation Station”, “full_name”: “Creation Station – Room 111”, “room_number”: “Room 111”, “room_list”: “Room 111-112”, “floor”: “Level 1”, “color”: “rgba(92,90,121,1) “, “order”: 7 }, { “id”: “autograph-1”, “label”: “Autograph 1”, “full_name”: “Autograph 1 – Vendor Hall”, “room_number”: “Vendor Hall”, “floor”: “Level 1”, “color”: “rgba(70,184,84,1)”, “order”: 8 }, { “id”: “autograph-2”, “label”: “Autograph 2”, “full_name”: “Autograph 2 – Vendor Hall”, “room_number”: “Vendor Hall”, “floor”: “Level 1”, “color”: “rgba(70,184,84,1)”, “order”: 9 }, { “id”: “autograph-3”, “label”: “Autograph 3”, “full_name”: “Autograph 3 – Vendor Hall”, “room_number”: “Vendor Hall”, “floor”: “Level 1”, “color”: “rgba(70,184,84,1)”, “order”: 10 }, { “id”: “photo-booth”, “label”: “Photo Booth”, “full_name”: “Viewing Room 1 – Vendor Hall”, “room_number”: “Room 114”, “floor”: “Level 1”, “color”: “red”, “order”: 11 }, { “id”: “viewing-room-1”, “label”: “Viewing Room 1”, “full_name”: “Viewing Room 1 – Room 114”, “room_number”: “Room 114”, “floor”: “Level 1”, “color”: “rgba(0,129,114,1)”, “order”: 12 }, { “id”: “viewing-room-2”, “label”: “Viewing Room 2”, “full_name”: “Viewing Room 2 – Room 115”, “room_number”: “Room 115”, “floor”: “Level 1”, “color”: “rgba(0,143,141,1)”, “order”: 13 } ] } }); fetch(‘https://s3-us-west-2.amazonaws.com/s.cdpn.io/213153/sched-anirevo-v2.json?7’) .then(function(response) { return response.json(); }) .then(function(data) { app1.schedule = data.schedule; app1.schedule_meta = data.meta; });