What's happening in Computational Arts?

News

April 4

Winters College hits the Big 5-0

December 20

Announcing Graduate Degrees in Digital Media

December 19

AMPD Top Ten

see more news

Spotlight

LUXX - An interactive, technology-enhanced version of the childhood classic "tag" In a world where mobile technology has dramatically increased the physical distance between people, LUXX employs mobile technology to bring people together. LUXX is a large-scale game playable by up to 10 participants. It is conceived, designed and created by students in the Digital Media Program.

/* ----------------------------------------- */ /* Content Template: Revolution Department Slider - start */ /* ----------------------------------------- */ .slider__images {position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100vh;} .slider__overlay {position: fixed;top: 0;left: 0;z-index: 2;width: 100%;height: 100vh;pointer-events:none;} .body__overlay {pointer-events:none;} .grid {position: relative;display: block;list-style-type: none;/*margin: 0 0 0 -1.5em;*/padding: 0;z-index: 2;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;z-index: 3;} .page-template-template-homepage .container .h1, .page-template-template-landingpage .container .h1, .page-template-template-homepage .container .h2, .page-template-template-landingpage .container .h2 {margin-bottom: 1.2em;color: #fff;text-align: center;z-index: 70;position: relative;} .page-template-template-homepage .container, .page-template-template-landingpage .container {z-index: 2;position: relative;} /* ----------------------------------------- */ /* Content Template: Revolution Department Slider - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: New Event Display - start */ /* ----------------------------------------- */ #events_wrap {max-width: 100%;background-color: rgba(255, 255, 0, 0);} #ai1ec-event-modal .ai1ec-modal-dialog {width: auto;max-width: 950px !important;margin: 0 auto;} #ai1ec-event-modal .ai1ec-close {font-size: 4em !important;} .ai1ec-no-results {background-color: #ffffff;padding-left: 25px;padding-right: 25px;width: 265px;height: 100px;font-size: 16px;font-weight: 400;} @media screen and (min-width: 0px) and (max-width: 1120px){.ai1ec-no-results {width: 100%;}} #more-event-holder {width: 265px;float:left;background-color: #f2f2f2; border-top: white 3px solid;} @media screen and (min-width: 0px) and (max-width: 1120px){#more-event-holder{width:100%;}} #heading-holder {width: 265px;float:left;background-color: #fff;} @media screen and (min-width: 0px) and (max-width: 1120px){#heading-holder{width:100%;}} #events_wrap .section__heading {padding: 0.25em 2rem;padding-top: 0.25em;padding-right: 2rem;padding-bottom: 0.25em;padding-left: 2rem;font-size: 3em;text-align: left;} #events_wrap .section__heading {color: #e31837;} #events_wrap .section__more, .section__more:link, .section__more:visited {color: #e31837;text-decoration: none;} #events_wrap .section__more {background-color: #f2f2f2;} #events_wrap .section__more {font-size: 0.9em;} #events_wrap .ai1ec-stream-view .ai1ec-date-title {background-color: #c4c4c4;border-radius: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 12px;font-weight: 400;display: block;margin-bottom: 10px;padding: 4px;width: 265px;text-align: center;text-shadow: 0 0px 0px rgba(0,0,0,0);text-transform: uppercase;display: none;} #events_wrap .ai1ec-stream-view .ai1ec-event-meta {color: #666;font-weight: 400;font-size: 11px;margin-bottom: 15px;max-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #events_wrap .ai1ec-calendar-toolbar {background-color: none;border: 1px solid #dbdbdb;border-radius: 6px;margin-bottom: 8px;padding: 0 8px;display: none;} #events_wrap .ai1ec-stream-view .ai1ec-event-description {max-height: 37.2px;overflow: hidden;display: none;} #events_wrap .ai1ec-stream-view .ai1ec-event {background-color: #f2f2f2;border: 0px solid #fff;border-radius: 0px;-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);box-shadow: 0 0px 0px rgba(0,0,0,0);font-size: 13px;line-height: 18px;margin-bottom: 0px;border-top: white 4px solid;height: 200px;max-width: 265px;overflow: none;opacity: 0.95;filter: alpha(opacity=95);position: relative;overflow: visible;} #events_wrap .ai1ec-stream-view .ai1ec-event-time {font-size: 15px;padding-right: 2px;} @media screen and (min-width: 0px) and (max-width: 1120px){.ai1ec-stream-view .ai1ec-event{max-width:100%;}} #events_wrap .ai1ec-stream-view .ai1ec-event-inner {margin: 25px 30px 5px 30px;margin-top: 25px;margin-right: 30px;margin-bottom: 5px;margin-left: 30px;height: 200px;max-width: 265px;overflow: hidden;} #events_wrap .ai1ec-stream-view .ai1ec-event-title {line-height: 25px;font-weight: 400;font-size: 18px;margin-bottom: 10px;max-height: 200px;overflow: hidden;} #events_wrap .timely {margin: 0;font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;font-size: 16px;line-height: 1.428571429;color: #333;word-wrap: break-word;min-height: 190px !important;} @media only screen and (max-width: 768px) {.timely img, #ai1ec-container img {max-width: 100%; height: auto;} } #events_wrap .timely h1, .timely .ai1ec-h1 {font-size: 30px;} #events_wrap .ai1ec-stream-view .ai1ec-event .ai1ec-event-avatar img {opacity: 1;filter: alpha(opacity=100);} #events_wrap .ai1ec-stream-view .ai1ec-event-avatar {border-radius: 0px 0 0 0px;bottom: 0;-webkit-box-shadow: none;box-shadow: none;left: 0;overflow: hidden;position: absolute;top: 0;width: 465px;padding: 0px 0px 0px 265px;} #events_wrap .ai1ec-event-avatar {background-color: rgba(255, 255, 0, 0);-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);box-shadow: 0 0px 0px rgba(0,0,0,0);} #triangle_right {width: 0;height: 0;border-top: 20px solid transparent;border-left: 20px solid #F2F2F2;border-bottom: 20px solid transparent;position: absolute;z-index: 5;margin-top: 55px;margin-left: 235px;} @media screen and (min-width: 0px) and (max-width: 1120px) {#triangle_right { display: none; }} /* - old triangle - #events_wrap .ai1ec-date-events {background: url(https://ampd.yorku.ca/files/2015/09/event-arrow.png) no-repeat;background-position: center;background-position-x: 265px;} */ @media screen and (min-width: 0px) and (max-width: 1120px) {.ai1ec-event-avatar.timely.ai1ec-post_thumbnail.ai1ec-landscape { display: none; }} @media screen and (min-width: 0px) and (max-width: 1120px) {.ai1ec-stream-view .ai1ec-event-avatar { display: none; }} #events_wrap .ai1ec-stream-view .ai1ec-event-location {margin-left: 5px;font-size: 13px !important;display: none;} #events_wrap .ai1ec-btn-group, .ai1ec-btn-group-vertical {position: relative;display: none;vertical-align: middle;} #events_wrap .ai1ec-stream-view {margin-top: 0px;} #events_wrap a.url {color: #e31837;font-size: 1.2em;font-weight:900;text-decoration: none;} /*hides time.ly default image when event doesn't have one*/ #events_wrap .ai1ec-default_avatar {height: auto !important;width: 100% !important;display: none;background-color: rgba(255, 255, 0, 0);} #events_wrap .wp-caption p.wp-caption-text {padding-top: 1px;} #events_wrap .ai1ec-single-event .ai1ec-time .ai1ec-field-value, .ai1ec-multi-event .ai1ec-time .ai1ec-field-value {font-size: 1em !important; font-weight: 600;} #events_wrap .ai1ec-row {margin-left: -15px; margin-right: -30px !important;} /* ----------------------------------------- */ /* Content Template: New Event Display - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: This is free Tuition button - start */ /* ----------------------------------------- */ #free-holder { padding-top: 100px; } #free-tuition { } #free-tuition { background: #000000; } .free-tuition-image img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .free-tuition-image:hover img { opacity: .7; } @media screen and (min-width: 0px) and (max-width: 1120px) { .free-tuition-image img { width: 90%; height: 90% } } #spacer {height: 30px;} #open-mind { } #open-mind { background: #000000; } .open-mind-image img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .open-mind-image:hover img { opacity: .7; } @media screen and (min-width: 0px) and (max-width: 1120px) { .open-mind-image img { width: 100%; height: 100% } } /* ----------------------------------------- */ /* Content Template: This is free Tuition button - end */ /* ----------------------------------------- */