www.iscc.org
Open in
urlscan Pro
34.226.77.200
Public Scan
URL:
https://www.iscc.org/
Submission: On June 07 via api from US — Scanned from DE
Submission: On June 07 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST
<form method="post" action="" id="form">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="feOPelRqHGrk2cZ6lQs1ynIsRXPN0FtDVjIk2zcrIJHuTCHBgjVVy4HRKtEOiGA5A463FKevuwMWfNRCZT7RvUNFJQ6IDdUEaUDd/Gy0roT9SsnDvHYY19iCUZjiLuXdgD/X92/yunr8wI3+aFlyPzE282bMiaTQoPNxqQfffbXQFGtA0cyh4jjjB2MZor9Mwk+5nck2ACjhc/YPQuQ4NIo7chFGz0r3Fl3X3iBS7ysrOhA9VqNSsmSiKUE4AJ9VwVXgkW5HPjXyEEHcqLKqHSrKrCkTIHEw2VO1EuHCFhvttAni">
</div>
<input type="hidden" name="FunctionalBlock1$contentModeHidden" id="FunctionalBlock1_contentModeHidden" value="1">
<div class="upcomingEventsOuterContainer" id="idUpcomingEventsContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="upcomingEventsContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<h3 class="sectionTitle"> Upcoming Events </h3>
<h1 class="pageTitle SystemPageTitle">
</h1>
<div class="pageTitleOuterContainer idEventsTitleMainContainer">
<div id="idEventViewSwitcher" class="pageViewSwitcherOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div>
</div>
</div>
<div class="pageViewSwitcherContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<img id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventListViewSwitcher_calendarModeIcon" class="calendarModeIcon"
src="/Admin/html_res/images/calendar-view.gif"><a id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventListViewSwitcher_calendarModeLink" class="calendarModeLink" rel="nofollow" href="https://www.iscc.org/?EventViewMode=1&EventListViewMode=2">Switch to Calendar View</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners">
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
</div>
<ul class="boxesList">
<li class="boxesListItem" id="idUpcomingEvent_5752349">
<div class="boxOuterContainer boxViewOutline">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<div class="boxHeaderOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxHeaderContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<h4 class="boxHeaderTitle">
<a id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventDetailsLink" title="View event details" class="eventDetailsLink" href="https://www.iscc.org/event-5752349">Colour Literacy Forum: The Interaction of Colour and Light</a>
</h4>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="boxBodyOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxBodyContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<div class="boxBodyInfoOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxBodyInfoContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<div class="boxInfoContainer">
<ul class="boxInfo">
<li class="eventInfoStartDate">
<label class="eventInfoBoxLabel">When</label>
<div class="eventInfoBoxValue"><strong>13 Jun 2024</strong></div>
</li>
<li id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventInfoBox_startTimeLi" class="eventInfoStartTime">
<label class="eventInfoBoxLabel"> </label>
<div class="eventInfoBoxValue"><span>10:00 AM (US Eastern) - 11:30 PM (US Eastern)</span></div>
</li>
<li id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventInfoBox_locationLi" class="eventInfoLocation">
<label class="eventInfoBoxLabel">Location</label>
<div class="eventInfoBoxValue"><span>virtual</span></div>
</li>
</ul>
</div>
<div class="boxActionContainer">
<div class="inner">
<a id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventRegistrationActions_RegistrationLink_hl" rel="nofollow" href="https://www.iscc.org/event-5752349/Registration" style="display: none;">Register</a><input
name="FunctionalBlock1$ctl00$eventPageViewBase$ctl00$ctl00$UpcomingEventsRepeater$ctl01$eventRegistrationActions$RegistrationLink$bt"
type="button"
id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventRegistrationActions_RegistrationLink_bt"
class="typeButton registerButton" rel="nofollow" value="Register"
onclick="if(cter_ctl01_eventRegistrationActions_RegistrationLink_Link){if(cter_ctl01_eventRegistrationActions_RegistrationLink_Link.target=='_blank')window.open(cter_ctl01_eventRegistrationActions_RegistrationLink_Link.href);else window.location.href=cter_ctl01_eventRegistrationActions_RegistrationLink_Link.href;}"
style="">
<script type="text/javascript">
(function() {
var oneClickRegistrationDialog;
var unableToRegisterDialog;
var internalErrorDialog;
var guestCountNumberTextbox;
var guestCountDropdownList;
var showRegistrationOnPublicCheckBox;
var closeButton;
var registerButton;
var dataAccessor;
var eventId = 5752349;
var closeButtonText = 'Close';
var registerButtonText = 'Complete registration';
var registerDialogTitle = 'Registration confirmation';
var includeGuestsBeforeEditorText = 'Include';
var includeGuestsAfterEditorText = 'additional guests';
var registerDialogConfirmMessage = '';
var isAdminMode = false;
var dateMessage = 'When: 13 Jun 2024';
var locationPrefix = 'Where:';
var location = 'virtual';
var shouldShowLocation = location.length > 0;
var adminNote = '<strong>Note:</strong> registration is not available in admin mode';
var shouldShowAdminNote = isAdminMode;
var internalErrorDialogTitle = 'Internal error';
var internalErrorDialogMessage = 'An internal error has prevented your registration from being recorded. Please try again.';
var unableToRegisterDialogTitle = 'Unable to register';
var unableToRegisterDialogMessage = '';
var shouldAskGuestsCount = false;
var maxGuestsCount = 0;
var guestsLimitHint = '';
var showRegistrationOnPublicLabel = 'Include name in public list of event registrants';
var shouldShowShowRegistrationOnPublicCheckBox = false;
var shouldMakeOneClickRegistration = false;
var isBatchWizardRegistration = false;
var oneClickRegistrationCompleteUrl = 'https://www.iscc.org/event-5752349/Registration';
var oneClickRegistrationUrl = 'https://www.iscc.org/event-5752349/OneClickRegistration';
var batchEventRegistrationWizard;
var graphqlOuterEndpoint = '/sys/api/graphql';
if (shouldMakeOneClickRegistration || isBatchWizardRegistration) {
var hyperLink = WA.$(
'FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventRegistrationActions_RegistrationLink_hl',
window);
var button = WA.$(
'FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventRegistrationActions_RegistrationLink_bt',
window);
WA.addHandler(hyperLink, 'click', onRegisterClick);
WA.addHandler(button, 'click', onRegisterClick);
}
if (isBatchWizardRegistration) {
batchEventRegistrationWizard = window.createBatchEventRegistrationWizard(graphqlOuterEndpoint);
}
function onRegisterClick() {
if (shouldMakeOneClickRegistration) {
oneClickRegistrationDialog = createOneClickRegistrationDialog();
oneClickRegistrationDialog.show();
}
if (isBatchWizardRegistration) {
batchEventRegistrationWizard.openWizard({
eventId: eventId
});
}
}
function applyChanges() {
var isSuccess = dataAccessor.applyChanges().isSuccess;
guestCountNumberTextbox.setErrorState(!isSuccess);
if (isSuccess) {
registerButton.enableButton();
} else {
registerButton.disableButton();
}
}
function createGuestCountDropdownList(guestCountDropdownListId, numberOfGuestsOptions, dialog) {
guestCountDropdownList = new WA.UI.WaDropdownList({
id: guestCountDropdownListId,
items: numberOfGuestsOptions,
value: numberOfGuestsOptions[0]
}, {
parentComponent: dialog
});
guestCountDropdownList.renderComplete();
}
function createGuestTextbox(guestCountNumberTextboxId, dialog) {
guestCountNumberTextbox = new WA.UI.TextBox({
id: guestCountNumberTextboxId,
valueAccessor: dataAccessor.createValueAccessor('guestsCount', dialog)
}, {
parentComponent: dialog
});
guestCountNumberTextbox.ValueChanged.addHandler(applyChanges);
guestCountNumberTextbox.onRenderComplete();
}
function createOneClickRegistrationDialog() {
var dialogId = 'oneClickRegistrationDialog';
var registerButtonId = dialogId + '_RegisterButton';
var closeButtonId = dialogId + '_CloseButton';
var showRegistrationOnPublicCheckBoxId = dialogId + '_ShowRegistrationOnPublicCheckBox';
var guestCountNumberTextboxId = dialogId + '_guestCountNumberTextbox';
var guestCountDropdownListId = dialogId + '_guestCountDropdownList';
var dialogHeight = 234;
var locationRowHeight = 20;
var adminNoteRowHeight = 30;
var showRegistrationOnPublicCheckBoxHeight = 32;
var guestsCountControlHeight = 42;
var guestsLimitHintHeight = 20;
if (shouldShowLocation) {
dialogHeight += locationRowHeight;
}
if (shouldAskGuestsCount) {
dialogHeight += guestsCountControlHeight;
}
if (shouldShowGuestLimitHint()) {
dialogHeight += guestsLimitHintHeight;
}
if (shouldShowShowRegistrationOnPublicCheckBox) {
dialogHeight += showRegistrationOnPublicCheckBoxHeight;
}
if (shouldShowAdminNote) {
dialogHeight += adminNoteRowHeight;
}
var dialogWidth = 400;
var dialog = WA.UI.WaWindowManager.createDialog(dialogId, {
width: dialogWidth,
height: dialogHeight,
isModal: true,
hideCloseButton: true
});
dialog.setDialogSize(dialogWidth, dialogHeight);
dialog.addMainContainerCssClass("oneClickRegistrationDialog");
dialog.setTitle(registerDialogTitle);
var numberOfGuestsOptions = createNumberOfGuestsOptions();
var contentModel = {
dialogId: dialogId,
registerDialogConfirmMessage: registerDialogConfirmMessage,
dateMessage: dateMessage,
locationPrefix: locationPrefix,
location: location,
shouldShowLocation: shouldShowLocation,
shouldAskGuestsCount: shouldAskGuestsCount,
guestCountNumberTextboxId: guestCountNumberTextboxId,
guestCountDropdownListId: guestCountDropdownListId,
numberOfGuestsOptions: numberOfGuestsOptions,
guestsLimitHint: guestsLimitHint,
maxGuestsCount: maxGuestsCount,
includeGuestsBeforeEditorText: includeGuestsBeforeEditorText,
includeGuestsAfterEditorText: includeGuestsAfterEditorText,
shouldShowShowRegistrationOnPublicCheckBox: shouldShowShowRegistrationOnPublicCheckBox,
showRegistrationOnPublicCheckBoxId: showRegistrationOnPublicCheckBoxId,
showRegistrationOnPublicLabel: showRegistrationOnPublicLabel,
adminNote: adminNote,
shouldShowAdminNote: shouldShowAdminNote
}
dialog.setContent(oneClickRegistrationDialogContentTemplate(contentModel));
dataAccessor = new WA.ModelAccessor({
model: {
'guestsCount': null
},
customValidator: function(model) {
var maxGuestsCountDefaultValue = 9999;
var maxGuestsCountValue = maxGuestsCount || maxGuestsCountDefaultValue;
var isValid = model.guestsCount >= 0 && model.guestsCount <= maxGuestsCountValue;
return {
isValid: isValid,
errors: {}
};
}
}, {
parentComponent: dialog
});
if (shouldAskGuestsCount) {
if (shouldUseDropdownForNumberOfGuests()) {
createGuestCountDropdownList(guestCountDropdownListId, numberOfGuestsOptions, dialog);
} else {
createGuestTextbox(guestCountNumberTextboxId, dialog);
}
}
if (shouldShowShowRegistrationOnPublicCheckBox) {
showRegistrationOnPublicCheckBox = new WA.UI.CheckBox({
id: showRegistrationOnPublicCheckBoxId,
value: true
}, {
parentComponent: dialog
});
showRegistrationOnPublicCheckBox.renderComplete();
}
var footerModel = {
registerButtonId: registerButtonId,
registerButtonText: registerButtonText,
closeButtonId: closeButtonId,
closeButtonText: closeButtonText
}
dialog.setFooter(oneClickRegistrationDialogFooterTemplate(footerModel));
closeButton = new WA.UI.Button({
id: closeButtonId
}, {
parentComponent: dialog
});
closeButton.ButtonClick.addHandler(function() {
onDialogCloseButtonClick(oneClickRegistrationDialog);
});
closeButton.renderComplete();
registerButton = new WA.UI.WaButton({
id: registerButtonId
}, {
parentComponent: dialog
});
if (!isAdminMode) {
registerButton.WaButtonClick.addHandler(function() {
var showRegistrationOnPublic;
if (shouldShowShowRegistrationOnPublicCheckBox) {
showRegistrationOnPublic = showRegistrationOnPublicCheckBox.getValue() || false;
} else {
showRegistrationOnPublic = false;
}
var guestCount = null;
if (shouldAskGuestsCount) {
guestCount = shouldUseDropdownForNumberOfGuests() ? guestCountDropdownList.getValue() : guestCountNumberTextbox.getValue()
}
sendRegistrationRequest(eventId, showRegistrationOnPublic, guestCount);
});
}
registerButton.renderComplete();
return dialog;
}
function createNumberOfGuestsOptions() {
var options = [];
for (var i = 0; i <= maxGuestsCount; i++) {
options.push({
contentText: i.toString(),
value: i
});
}
return options;
}
function oneClickRegistrationDialogContentTemplate(model) {
var containerTemplate = WA.UI.ContainerTemplate;
var checkBoxTemplate = WA.UI.CheckBoxTemplate;
var dateMessageCssClass = model.shouldShowLocation ? "dateMessageLocationExists" : "dateMessageLocationDoesntExists";
var dialogContentTemplate = containerTemplate({
cssClass: 'oneClickRegistrationDialogContent',
contentHTML: containerTemplate({
cssClass: 'confirmMessage',
contentHTML: model.registerDialogConfirmMessage
}) + containerTemplate({
cssClass: dateMessageCssClass,
contentHTML: model.dateMessage
})
});
if (model.shouldShowLocation) {
dialogContentTemplate += containerTemplate({
cssClass: 'locationMessage',
contentHTML: model.locationPrefix + ' ' + location
});
}
var guestPromptClass = shouldShowGuestLimitHint() ? 'guestPromptWithHint' : 'guestPromptWithoutHint';
if (model.shouldAskGuestsCount) {
var numberTextboxTemplate = WA.UI.TextBoxTemplate;
var dropdownListTemplate = WA.UI.WaDropdownListTemplate;
var guestsCountControl = shouldUseDropdownForNumberOfGuests() ? dropdownListTemplate({
id: model.guestCountDropdownListId,
cssClass: 'guestsCountControl guestCountDropdown ' + guestPromptClass,
items: model.numberOfGuestsOptions
}) : numberTextboxTemplate({
id: model.guestCountNumberTextboxId,
cssClass: 'guestsCountControl ' + guestPromptClass,
controlContainerDisplayType: WA.UI.ControlLayoutTemplate.ControlContainerDisplayType.Fixed,
width: 50
});
dialogContentTemplate += containerTemplate({
cssClass: 'includeGuestsBeforeEditorText ' + guestPromptClass,
contentHTML: model.includeGuestsBeforeEditorText
}) + guestsCountControl + containerTemplate({
cssClass: 'includeGuestsAfterEditorText ' + guestPromptClass,
contentHTML: model.includeGuestsAfterEditorText
});
if (shouldShowGuestLimitHint()) {
dialogContentTemplate += containerTemplate({
cssClass: 'guestsLimitHint',
contentHTML: model.guestsLimitHint
});
}
}
if (model.shouldShowShowRegistrationOnPublicCheckBox) {
dialogContentTemplate += checkBoxTemplate({
id: model.showRegistrationOnPublicCheckBoxId,
cssClass: 'showRegistrationOnPublicCheckBox',
isFirst: true,
contentText: model.showRegistrationOnPublicLabel,
checked: true
});
}
if (model.shouldShowAdminNote) {
dialogContentTemplate += containerTemplate({
cssClass: 'adminNote',
contentHTML: model.adminNote
});
}
return dialogContentTemplate;
}
function shouldUseDropdownForNumberOfGuests() {
return maxGuestsCount && maxGuestsCount < 10;
}
function shouldShowGuestLimitHint() {
return maxGuestsCount && !shouldUseDropdownForNumberOfGuests();
}
function oneClickRegistrationDialogFooterTemplate(model) {
var buttonTemplate = WA.UI.WaButtonTemplate;
return WA.UI.ContainerTemplate({
cssClass: 'actionButtons',
contentHTML: buttonTemplate({
id: model.registerButtonId,
name: model.registerButtonText,
enabled: !isAdminMode
}, {
color: WA.UI.WaButton.ButtonColor.Green
}) + buttonTemplate({
id: model.closeButtonId,
name: model.closeButtonText
}, {
color: WA.UI.WaButton.ButtonColor.Green
})
});
}
function onDialogCloseButtonClick(dialog) {
if (showRegistrationOnPublicCheckBox) {
showRegistrationOnPublicCheckBox.dispose();
showRegistrationOnPublicCheckBox = null;
}
if (guestCountDropdownList) {
guestCountDropdownList.dispose();
guestCountDropdownList = null;
}
if (guestCountNumberTextbox) {
guestCountNumberTextbox.dispose();
guestCountNumberTextbox = null;
}
if (registerButton) {
registerButton.dispose();
registerButton = null;
}
if (closeButton) {
closeButton.dispose();
closeButton = null;
}
dialog.hide();
}
function sendRegistrationRequest(eventId, showRegistrationOnPublic, guestsCount) {
var model = {
eventId: eventId,
showRegistrationOnPublic: showRegistrationOnPublic,
guestsCount: guestsCount
};
WA.Ajax({
url: oneClickRegistrationUrl,
dataType: 'text',
contentType: "application/json; charset=utf-8",
global: false,
type: 'POST',
data: JSON.stringify(model),
success: onRegistrationSuccess,
error: onRegistrationError
});
}
function onRegistrationSuccess() {
window.location = oneClickRegistrationCompleteUrl;
}
function onRegistrationError(e) {
oneClickRegistrationDialog.hide();
if (e.statusText === 'CantRegister') {
if (!unableToRegisterDialog) {
var unableToRegisterDialogModel = {
dialogId: 'unableToRegisterDialog',
title: unableToRegisterDialogTitle,
message: unableToRegisterDialogMessage,
dialogHeight: 202
};
unableToRegisterDialog = createErrorDialog(unableToRegisterDialogModel);
}
unableToRegisterDialog.show();
} else {
if (!internalErrorDialog) {
var internalErrorDialogModel = {
dialogId: 'internalErrorDialog',
title: internalErrorDialogTitle,
message: internalErrorDialogMessage,
dialogHeight: 182
};
internalErrorDialog = createErrorDialog(internalErrorDialogModel);
}
internalErrorDialog.show();
}
}
function createErrorDialog(model) {
var dialogId = model.dialogId;
var closeButtonId = dialogId + '_closeButton';
var dialog = WA.UI.WaWindowManager.createDialog(dialogId, {
width: 400,
height: model.dialogHeight,
isModal: true,
hideCloseButton: true
});
dialog.setTitle(model.title);
dialog.setContent(WA.UI.ContainerTemplate({
contentHTML: model.message
}));
var footerModel = {
closeButtonId: closeButtonId,
closeButtonText: closeButtonText
}
dialog.setFooter(errorDialogFooterTemplate(footerModel));
var closeButton = new WA.UI.Button({
id: closeButtonId
}, {
parentComponent: dialog
});
closeButton.ButtonClick.addHandler(function() {
onDialogCloseButtonClick(dialog);
});
closeButton.renderComplete();
return dialog;
}
function errorDialogFooterTemplate(model) {
return WA.UI.ContainerTemplate({
cssClass: 'actionButtons',
contentHTML: WA.UI.WaButtonTemplate({
id: model.closeButtonId,
name: model.closeButtonText
}, {
color: WA.UI.WaButton.ButtonColor.Green
})
});
}
})();
</script>
</div>
</div>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="boxBodyContentOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxBodyContentContainer fixedHeight">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner gadgetEventEditableArea">
<p><img src="/resources/Pictures/CLP-color-literacy-project-570.jpg" alt="" title="" border="0"><br></p>
<div class="page" title="Page 1">
<div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%)">
<div class="layoutArea">
<div class="column">
<div class="page" title="Page 1">
<div class="section" style="background-color: rgb(100.000000%, 100.000000%, 100.000000%)">
<div class="layoutArea">
<div class="column">
<p>The Colour Literacy Forum is an international, collaborative effort to align university-level colour education with current
design needs in the culture. The goal of the Forum is to connect faculty, students, and administrators with interdisciplinary
professionals to provide cutting-edge research, curricula, tools, and resources.</p>
<p>The Colour Literacy Forum is a virtual gathering featuring presentations and discussions related to updating and expanding colour
education in art and design programs at the university level. The forum convenes for three events per year to share information
and offer dynamic networking opportunities for participants.</p>
<p>Register using the button at left. For complete details
visit, <a href="http://www.colourliteracy.org">Colour Literacy Project</a>.</p>
<p style="margin-top: 0px !important; margin-bottom: 0px;" align="center">
<font face="Arial, Helvetica, sans-serif"><span><img src="/resources/Pictures/Screen%20Shot%202024-06-01%20at%2012.46.46%20AM.png"
alt="" title="" border="0"></span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font color="#72CBCB">COLOURS OF OBJECTS AND COLOURS OF ILLUMINATION</font>
</span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font>Our visual system detects variations in the intensity and overall balance of spectral composition of the light reaching
our eyes, but also does much more, seemingly instantly arriving at unconscious estimates of the</font>
</span> <span>
<font>overall spectral reflectances of objects, and of the intensity and overall balance of spectral composition of the light
illuminating those objects.</font>
</span> <span>
<font>We perceive these unconscious estimates of spectral properties as</font>
</span> <span>
<font>colours. Colours of light can be escribed in terms of the attributes of</font>
</span> <span>
<font>hue, brightness and either saturation or colourfulness, while colours of</font>
</span> <span>
<font>objects can be described in terms of the more familiar attributes of hue, lightness and chroma, among others. Using an
orange cube on a tiled floor</font>
</span> <span>
<font>as an illustration, this presentation will describe and contrast these six colour attributes and show how they apply to
our superimposed colour</font>
</span> <span>
<font>perceptions (1) of objects, (2) of the light illuminating objects, and (3) of the light reaching our eyes from objects.
</font>
</span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font><strong>Dr. David J. C. Briggs</strong></font>
</span> <span>
<font>is Vice President of the Colour Society of Australia, Co-chair of the AIC Study Group on Art and Design, and a member of
the Project Team of the AIC/ISCC Colour Literacy Project. His published work includes the websites The Dimensions of Colour
and Colour Online, a chapter on Colour Spaces in the Routledge Handbook of Philosophy</font>
</span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font>of Colour, The Elements of Colour - a two-part paper in Volume 33, a Special Issue on Contributions by the Colour
Literacy Project Team in the Journal of the International Colour Association, and numerous conference presentations and
webinars. David has taught numerous classes for</font>
</span> <span>
<font>art and design undergraduates and for the general public, including</font>
</span> <span>
<font>Understanding and Applying Colour, an eight-week online lecture course available through the National Art School in
Sydney.</font>
</span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font color="#72CBCB">LIGHTING COLOURS AND COLOURING LIGHT</font>
</span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font>Lighting can influence the appearance of colours, that is, their hue, saturation, and brightness. For perfectly matte,
smooth, opaque, flat materials, the reflected light is determined by the spectra of the light and the reflectance of the
material. But we do not see spectra, we see</font>
</span> <span>
<font>colours, which, in isolation,can be related to the relative power of the</font>
</span> <span>
<font>different broadband parts of the spectra. Since this relative power can be</font>
</span> <span>
<font>the same for different combinations of light and materials, it is possible</font>
</span> <span>
<font>that materials with different spectral reflectances can look the same under a certain light spectrum. But, if those
materials are then put under another light spectrum, they can look different. This phenomenon is called metamerism. Such
interactions, influencing colour appearance, can</font>
</span> <span>
<font>happen at different scales –– from the microscale on material surfaces to</font>
</span> <span>
<font>the mesoscale of objects, up to the macroscale of buildings, and even the planetary scale of sun and sky. In this
presentation, these phenomena will be illustrated visually and explained with DIY exercises.</font>
</span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font><strong>Sylvia Pont</strong></font>
</span> <span>
<font>is an Antoni van Leeuwenhoek professor Perceptual Intelligence at Delft University of Technology. In Delft she
coordinates the Perceptual Intelligence lab (π-lab), a centre of expertise on perception</font>
</span> <span>
<font>and design of multisensory experiences and smart products, services,</font>
</span> <span>
<font>and systems, and unique for its cross-disciplinary approach to real- world perception problems. Her research includes
studies into design,</font>
</span> <span>
<font>perception and optics of light and its interactions with materials, shapes</font>
</span> <span>
<font>and spaces. She coordinates a Master’s elective course Lighting Design</font>
</span> <span>
<font>and teaches in several other courses in human centered design, human</font>
</span> <span>
<font>factors, and multisensory design.</font>
</span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font color="#72CBCB">LIGHT AND COLOUR IN URBAN COLOUR COMPOSITION</font>
</span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font>Current architectural education largely focuses on the tectonic, in relation</font>
</span> <span>
<font>to building and construction, and on the formal aspects of the visual</font>
</span> <span>
<font>tectonic. But little attention has been devoted to the visual tectonics of colour. Current research estimates that
approximately 80% of our</font>
</span> <span>
<font>perception, cognition, and activities are mediated through vision –– with form and colour a key feature –– it could be
argued that we should put</font>
</span> <span>
<font>more emphasis on the visual qualities of colour in architecture. The Faculty of Architecture and Design at NTNU has been
developing a structure for colour teaching that is integrated in the overall curriculum. In this model, colour is emphasized
as a material quality that engages in and contributes to the formal, structural, and aesthetic discourse</font>
</span> <span>
<font>in architectural and urban practice. With examples from teaching and</font>
</span> <span>
<font>research, this presentation will focus on the interaction of light and colour</font>
</span> <span>
<font>in spatial contexts, and more specifically the importance of facade texture</font>
</span> <span>
<font>in various daylight and give examples of urban colour composition that</font>
</span> <span>
<font>demonstrate how we perceive the visual gestalt of urban spaces.</font>
</span></font>
</p>
<p>
<font style="font-size: 16px;"><span>
<font><strong>Kine Angelo</strong></font>
</span> <span>
<font>is an Associate Professor with more than twenty years of practice as Interior Architect, specializing in colour in
architecture. She joined the Faculty of Architecture and Design at Norwegian University of Science and Technology (NTNU) in
2010 where she is currently a full-time lecturer and researcher at Department for Architecture and Technology. Her teaching
and research activities are devoted to light and colour in the architectural realm. Building on previous and ongoing design
practice of architectural projects, her overall aim is to promote colour and material</font>
</span> <span>
<font>gestalt in architecture and urban space through research, architectural</font>
</span> <span>
<font>education, and public outreach.</font>
</span></font>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="boxFooterOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxFooterContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<a id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_footerEventDetailsLink" title="View event details" class="footerEventDetailsLink" href="https://www.iscc.org/event-5752349">Show details</a>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
</li>
<li class="boxesListItem" id="idUpcomingEvent_5757889">
<div class="boxOuterContainer boxViewOutline">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<div class="boxHeaderOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxHeaderContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<h4 class="boxHeaderTitle">
<a id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventDetailsLink" title="View event details" class="eventDetailsLink" href="https://www.iscc.org/event-5757889">July Colorful Connections</a>
</h4>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="boxBodyOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxBodyContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<div class="boxBodyInfoOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxBodyInfoContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<div class="boxInfoContainer">
<ul class="boxInfo">
<li class="eventInfoStartDate">
<label class="eventInfoBoxLabel">When</label>
<div class="eventInfoBoxValue"><strong>15 Jul 2024</strong></div>
</li>
<li id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventInfoBox_startTimeLi" class="eventInfoStartTime">
<label class="eventInfoBoxLabel"> </label>
<div class="eventInfoBoxValue"><span>10:00 AM (US Eastern) - 11:00 AM</span></div>
</li>
<li id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventInfoBox_locationLi" class="eventInfoLocation">
<label class="eventInfoBoxLabel">Location</label>
<div class="eventInfoBoxValue"><span>virtual</span></div>
</li>
<li id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventInfoBox_ticketsLeft" class="eventInfoSpacesLeft">
<label class="eventInfoBoxLabel">Spaces left</label>
<div class="eventInfoBoxValue"><span>26</span></div>
</li>
<li id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventInfoBox_alreadyRegistered"
class="eventInfoSpacesLeft">
<label class="eventInfoBoxLabel">Registered</label>
<div class="eventInfoBoxValue"><span>4 registrants</span></div>
</li>
</ul>
</div>
<div class="boxActionContainer">
<div class="inner">
<a id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventRegistrationActions_RegistrationLink_hl" rel="nofollow" href="https://www.iscc.org/event-5757889/Registration" style="display: none;">Register</a><input
name="FunctionalBlock1$ctl00$eventPageViewBase$ctl00$ctl00$UpcomingEventsRepeater$ctl02$eventRegistrationActions$RegistrationLink$bt"
type="button"
id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventRegistrationActions_RegistrationLink_bt"
class="typeButton registerButton" rel="nofollow" value="Register"
onclick="if(cter_ctl02_eventRegistrationActions_RegistrationLink_Link){if(cter_ctl02_eventRegistrationActions_RegistrationLink_Link.target=='_blank')window.open(cter_ctl02_eventRegistrationActions_RegistrationLink_Link.href);else window.location.href=cter_ctl02_eventRegistrationActions_RegistrationLink_Link.href;}"
style="">
<script type="text/javascript">
(function() {
var oneClickRegistrationDialog;
var unableToRegisterDialog;
var internalErrorDialog;
var guestCountNumberTextbox;
var guestCountDropdownList;
var showRegistrationOnPublicCheckBox;
var closeButton;
var registerButton;
var dataAccessor;
var eventId = 5757889;
var closeButtonText = 'Close';
var registerButtonText = 'Complete registration';
var registerDialogTitle = 'Registration confirmation';
var includeGuestsBeforeEditorText = 'Include';
var includeGuestsAfterEditorText = 'additional guests';
var registerDialogConfirmMessage = '';
var isAdminMode = false;
var dateMessage = 'When: 15 Jul 2024';
var locationPrefix = 'Where:';
var location = 'virtual';
var shouldShowLocation = location.length > 0;
var adminNote = '<strong>Note:</strong> registration is not available in admin mode';
var shouldShowAdminNote = isAdminMode;
var internalErrorDialogTitle = 'Internal error';
var internalErrorDialogMessage = 'An internal error has prevented your registration from being recorded. Please try again.';
var unableToRegisterDialogTitle = 'Unable to register';
var unableToRegisterDialogMessage = '';
var shouldAskGuestsCount = false;
var maxGuestsCount = 0;
var guestsLimitHint = '';
var showRegistrationOnPublicLabel = 'Include name in public list of event registrants';
var shouldShowShowRegistrationOnPublicCheckBox = true;
var shouldMakeOneClickRegistration = false;
var isBatchWizardRegistration = false;
var oneClickRegistrationCompleteUrl = 'https://www.iscc.org/event-5757889/Registration';
var oneClickRegistrationUrl = 'https://www.iscc.org/event-5757889/OneClickRegistration';
var batchEventRegistrationWizard;
var graphqlOuterEndpoint = '/sys/api/graphql';
if (shouldMakeOneClickRegistration || isBatchWizardRegistration) {
var hyperLink = WA.$(
'FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventRegistrationActions_RegistrationLink_hl',
window);
var button = WA.$(
'FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventRegistrationActions_RegistrationLink_bt',
window);
WA.addHandler(hyperLink, 'click', onRegisterClick);
WA.addHandler(button, 'click', onRegisterClick);
}
if (isBatchWizardRegistration) {
batchEventRegistrationWizard = window.createBatchEventRegistrationWizard(graphqlOuterEndpoint);
}
function onRegisterClick() {
if (shouldMakeOneClickRegistration) {
oneClickRegistrationDialog = createOneClickRegistrationDialog();
oneClickRegistrationDialog.show();
}
if (isBatchWizardRegistration) {
batchEventRegistrationWizard.openWizard({
eventId: eventId
});
}
}
function applyChanges() {
var isSuccess = dataAccessor.applyChanges().isSuccess;
guestCountNumberTextbox.setErrorState(!isSuccess);
if (isSuccess) {
registerButton.enableButton();
} else {
registerButton.disableButton();
}
}
function createGuestCountDropdownList(guestCountDropdownListId, numberOfGuestsOptions, dialog) {
guestCountDropdownList = new WA.UI.WaDropdownList({
id: guestCountDropdownListId,
items: numberOfGuestsOptions,
value: numberOfGuestsOptions[0]
}, {
parentComponent: dialog
});
guestCountDropdownList.renderComplete();
}
function createGuestTextbox(guestCountNumberTextboxId, dialog) {
guestCountNumberTextbox = new WA.UI.TextBox({
id: guestCountNumberTextboxId,
valueAccessor: dataAccessor.createValueAccessor('guestsCount', dialog)
}, {
parentComponent: dialog
});
guestCountNumberTextbox.ValueChanged.addHandler(applyChanges);
guestCountNumberTextbox.onRenderComplete();
}
function createOneClickRegistrationDialog() {
var dialogId = 'oneClickRegistrationDialog';
var registerButtonId = dialogId + '_RegisterButton';
var closeButtonId = dialogId + '_CloseButton';
var showRegistrationOnPublicCheckBoxId = dialogId + '_ShowRegistrationOnPublicCheckBox';
var guestCountNumberTextboxId = dialogId + '_guestCountNumberTextbox';
var guestCountDropdownListId = dialogId + '_guestCountDropdownList';
var dialogHeight = 234;
var locationRowHeight = 20;
var adminNoteRowHeight = 30;
var showRegistrationOnPublicCheckBoxHeight = 32;
var guestsCountControlHeight = 42;
var guestsLimitHintHeight = 20;
if (shouldShowLocation) {
dialogHeight += locationRowHeight;
}
if (shouldAskGuestsCount) {
dialogHeight += guestsCountControlHeight;
}
if (shouldShowGuestLimitHint()) {
dialogHeight += guestsLimitHintHeight;
}
if (shouldShowShowRegistrationOnPublicCheckBox) {
dialogHeight += showRegistrationOnPublicCheckBoxHeight;
}
if (shouldShowAdminNote) {
dialogHeight += adminNoteRowHeight;
}
var dialogWidth = 400;
var dialog = WA.UI.WaWindowManager.createDialog(dialogId, {
width: dialogWidth,
height: dialogHeight,
isModal: true,
hideCloseButton: true
});
dialog.setDialogSize(dialogWidth, dialogHeight);
dialog.addMainContainerCssClass("oneClickRegistrationDialog");
dialog.setTitle(registerDialogTitle);
var numberOfGuestsOptions = createNumberOfGuestsOptions();
var contentModel = {
dialogId: dialogId,
registerDialogConfirmMessage: registerDialogConfirmMessage,
dateMessage: dateMessage,
locationPrefix: locationPrefix,
location: location,
shouldShowLocation: shouldShowLocation,
shouldAskGuestsCount: shouldAskGuestsCount,
guestCountNumberTextboxId: guestCountNumberTextboxId,
guestCountDropdownListId: guestCountDropdownListId,
numberOfGuestsOptions: numberOfGuestsOptions,
guestsLimitHint: guestsLimitHint,
maxGuestsCount: maxGuestsCount,
includeGuestsBeforeEditorText: includeGuestsBeforeEditorText,
includeGuestsAfterEditorText: includeGuestsAfterEditorText,
shouldShowShowRegistrationOnPublicCheckBox: shouldShowShowRegistrationOnPublicCheckBox,
showRegistrationOnPublicCheckBoxId: showRegistrationOnPublicCheckBoxId,
showRegistrationOnPublicLabel: showRegistrationOnPublicLabel,
adminNote: adminNote,
shouldShowAdminNote: shouldShowAdminNote
}
dialog.setContent(oneClickRegistrationDialogContentTemplate(contentModel));
dataAccessor = new WA.ModelAccessor({
model: {
'guestsCount': null
},
customValidator: function(model) {
var maxGuestsCountDefaultValue = 9999;
var maxGuestsCountValue = maxGuestsCount || maxGuestsCountDefaultValue;
var isValid = model.guestsCount >= 0 && model.guestsCount <= maxGuestsCountValue;
return {
isValid: isValid,
errors: {}
};
}
}, {
parentComponent: dialog
});
if (shouldAskGuestsCount) {
if (shouldUseDropdownForNumberOfGuests()) {
createGuestCountDropdownList(guestCountDropdownListId, numberOfGuestsOptions, dialog);
} else {
createGuestTextbox(guestCountNumberTextboxId, dialog);
}
}
if (shouldShowShowRegistrationOnPublicCheckBox) {
showRegistrationOnPublicCheckBox = new WA.UI.CheckBox({
id: showRegistrationOnPublicCheckBoxId,
value: true
}, {
parentComponent: dialog
});
showRegistrationOnPublicCheckBox.renderComplete();
}
var footerModel = {
registerButtonId: registerButtonId,
registerButtonText: registerButtonText,
closeButtonId: closeButtonId,
closeButtonText: closeButtonText
}
dialog.setFooter(oneClickRegistrationDialogFooterTemplate(footerModel));
closeButton = new WA.UI.Button({
id: closeButtonId
}, {
parentComponent: dialog
});
closeButton.ButtonClick.addHandler(function() {
onDialogCloseButtonClick(oneClickRegistrationDialog);
});
closeButton.renderComplete();
registerButton = new WA.UI.WaButton({
id: registerButtonId
}, {
parentComponent: dialog
});
if (!isAdminMode) {
registerButton.WaButtonClick.addHandler(function() {
var showRegistrationOnPublic;
if (shouldShowShowRegistrationOnPublicCheckBox) {
showRegistrationOnPublic = showRegistrationOnPublicCheckBox.getValue() || false;
} else {
showRegistrationOnPublic = false;
}
var guestCount = null;
if (shouldAskGuestsCount) {
guestCount = shouldUseDropdownForNumberOfGuests() ? guestCountDropdownList.getValue() : guestCountNumberTextbox.getValue()
}
sendRegistrationRequest(eventId, showRegistrationOnPublic, guestCount);
});
}
registerButton.renderComplete();
return dialog;
}
function createNumberOfGuestsOptions() {
var options = [];
for (var i = 0; i <= maxGuestsCount; i++) {
options.push({
contentText: i.toString(),
value: i
});
}
return options;
}
function oneClickRegistrationDialogContentTemplate(model) {
var containerTemplate = WA.UI.ContainerTemplate;
var checkBoxTemplate = WA.UI.CheckBoxTemplate;
var dateMessageCssClass = model.shouldShowLocation ? "dateMessageLocationExists" : "dateMessageLocationDoesntExists";
var dialogContentTemplate = containerTemplate({
cssClass: 'oneClickRegistrationDialogContent',
contentHTML: containerTemplate({
cssClass: 'confirmMessage',
contentHTML: model.registerDialogConfirmMessage
}) + containerTemplate({
cssClass: dateMessageCssClass,
contentHTML: model.dateMessage
})
});
if (model.shouldShowLocation) {
dialogContentTemplate += containerTemplate({
cssClass: 'locationMessage',
contentHTML: model.locationPrefix + ' ' + location
});
}
var guestPromptClass = shouldShowGuestLimitHint() ? 'guestPromptWithHint' : 'guestPromptWithoutHint';
if (model.shouldAskGuestsCount) {
var numberTextboxTemplate = WA.UI.TextBoxTemplate;
var dropdownListTemplate = WA.UI.WaDropdownListTemplate;
var guestsCountControl = shouldUseDropdownForNumberOfGuests() ? dropdownListTemplate({
id: model.guestCountDropdownListId,
cssClass: 'guestsCountControl guestCountDropdown ' + guestPromptClass,
items: model.numberOfGuestsOptions
}) : numberTextboxTemplate({
id: model.guestCountNumberTextboxId,
cssClass: 'guestsCountControl ' + guestPromptClass,
controlContainerDisplayType: WA.UI.ControlLayoutTemplate.ControlContainerDisplayType.Fixed,
width: 50
});
dialogContentTemplate += containerTemplate({
cssClass: 'includeGuestsBeforeEditorText ' + guestPromptClass,
contentHTML: model.includeGuestsBeforeEditorText
}) + guestsCountControl + containerTemplate({
cssClass: 'includeGuestsAfterEditorText ' + guestPromptClass,
contentHTML: model.includeGuestsAfterEditorText
});
if (shouldShowGuestLimitHint()) {
dialogContentTemplate += containerTemplate({
cssClass: 'guestsLimitHint',
contentHTML: model.guestsLimitHint
});
}
}
if (model.shouldShowShowRegistrationOnPublicCheckBox) {
dialogContentTemplate += checkBoxTemplate({
id: model.showRegistrationOnPublicCheckBoxId,
cssClass: 'showRegistrationOnPublicCheckBox',
isFirst: true,
contentText: model.showRegistrationOnPublicLabel,
checked: true
});
}
if (model.shouldShowAdminNote) {
dialogContentTemplate += containerTemplate({
cssClass: 'adminNote',
contentHTML: model.adminNote
});
}
return dialogContentTemplate;
}
function shouldUseDropdownForNumberOfGuests() {
return maxGuestsCount && maxGuestsCount < 10;
}
function shouldShowGuestLimitHint() {
return maxGuestsCount && !shouldUseDropdownForNumberOfGuests();
}
function oneClickRegistrationDialogFooterTemplate(model) {
var buttonTemplate = WA.UI.WaButtonTemplate;
return WA.UI.ContainerTemplate({
cssClass: 'actionButtons',
contentHTML: buttonTemplate({
id: model.registerButtonId,
name: model.registerButtonText,
enabled: !isAdminMode
}, {
color: WA.UI.WaButton.ButtonColor.Green
}) + buttonTemplate({
id: model.closeButtonId,
name: model.closeButtonText
}, {
color: WA.UI.WaButton.ButtonColor.Green
})
});
}
function onDialogCloseButtonClick(dialog) {
if (showRegistrationOnPublicCheckBox) {
showRegistrationOnPublicCheckBox.dispose();
showRegistrationOnPublicCheckBox = null;
}
if (guestCountDropdownList) {
guestCountDropdownList.dispose();
guestCountDropdownList = null;
}
if (guestCountNumberTextbox) {
guestCountNumberTextbox.dispose();
guestCountNumberTextbox = null;
}
if (registerButton) {
registerButton.dispose();
registerButton = null;
}
if (closeButton) {
closeButton.dispose();
closeButton = null;
}
dialog.hide();
}
function sendRegistrationRequest(eventId, showRegistrationOnPublic, guestsCount) {
var model = {
eventId: eventId,
showRegistrationOnPublic: showRegistrationOnPublic,
guestsCount: guestsCount
};
WA.Ajax({
url: oneClickRegistrationUrl,
dataType: 'text',
contentType: "application/json; charset=utf-8",
global: false,
type: 'POST',
data: JSON.stringify(model),
success: onRegistrationSuccess,
error: onRegistrationError
});
}
function onRegistrationSuccess() {
window.location = oneClickRegistrationCompleteUrl;
}
function onRegistrationError(e) {
oneClickRegistrationDialog.hide();
if (e.statusText === 'CantRegister') {
if (!unableToRegisterDialog) {
var unableToRegisterDialogModel = {
dialogId: 'unableToRegisterDialog',
title: unableToRegisterDialogTitle,
message: unableToRegisterDialogMessage,
dialogHeight: 202
};
unableToRegisterDialog = createErrorDialog(unableToRegisterDialogModel);
}
unableToRegisterDialog.show();
} else {
if (!internalErrorDialog) {
var internalErrorDialogModel = {
dialogId: 'internalErrorDialog',
title: internalErrorDialogTitle,
message: internalErrorDialogMessage,
dialogHeight: 182
};
internalErrorDialog = createErrorDialog(internalErrorDialogModel);
}
internalErrorDialog.show();
}
}
function createErrorDialog(model) {
var dialogId = model.dialogId;
var closeButtonId = dialogId + '_closeButton';
var dialog = WA.UI.WaWindowManager.createDialog(dialogId, {
width: 400,
height: model.dialogHeight,
isModal: true,
hideCloseButton: true
});
dialog.setTitle(model.title);
dialog.setContent(WA.UI.ContainerTemplate({
contentHTML: model.message
}));
var footerModel = {
closeButtonId: closeButtonId,
closeButtonText: closeButtonText
}
dialog.setFooter(errorDialogFooterTemplate(footerModel));
var closeButton = new WA.UI.Button({
id: closeButtonId
}, {
parentComponent: dialog
});
closeButton.ButtonClick.addHandler(function() {
onDialogCloseButtonClick(dialog);
});
closeButton.renderComplete();
return dialog;
}
function errorDialogFooterTemplate(model) {
return WA.UI.ContainerTemplate({
cssClass: 'actionButtons',
contentHTML: WA.UI.WaButtonTemplate({
id: model.closeButtonId,
name: model.closeButtonText
}, {
color: WA.UI.WaButton.ButtonColor.Green
})
});
}
})();
</script>
</div>
</div>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="boxBodyContentOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxBodyContentContainer fixedHeight">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner gadgetEventEditableArea">
<img src="/resources/Pictures/ColCon%20logo%20FINAL.png" alt="" title="" border="0">
<p>
<font color="#373737" face="Open Sans">Colorful Connections is an opportunity to gather informally with other members of ISCC for a little
socializing, networking and learning from each other. Discussions are wide-ranging and depend on attendees, their current interests and past
experience. Consider this the online version of coffee breaks and happy hours at a color conference. BYO coffee or beverage and join in the
conversation!<span> </span></font>
</p>
<p>
<font color="#373737" face="Open Sans">Note that this is Members Only event. Not a member, no problem
-<span> </span><a href="/join-us"><font color="#2C4B87">Join here!</font></a></font>
</p>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="boxFooterOuterContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="boxFooterContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<a id="FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_footerEventDetailsLink" title="View event details" class="footerEventDetailsLink" href="https://www.iscc.org/event-5757889">Show details</a>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
</li>
</ul>
<div class="pastEventsOuterContainer" id="idPastEventsContainer">
<div class="cornersContainer">
<div class="topCorners">
<div class="c1"></div>
<div class="c2"></div>
<div class="c3"></div>
<div class="c4"></div>
<div class="c5"></div><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
</div>
</div>
<div class="pastEventsContainer">
<div class="d1">
<div class="d2">
<div class="d3">
<div class="d4">
<div class="d5">
<div class="d6">
<div class="d7">
<div class="d8">
<div class="d9">
<div class="inner">
<h3 class="sectionTitle"></h3>
<table class="pastEventsList">
</table>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="clearEndContainer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cornersContainer">
<div class="bottomCorners"><!--[if gt IE 6]><!-->
<div class="r1">
<div class="r2">
<div class="r3">
<div class="r4">
<div class="r5"></div>
</div>
</div>
</div>
</div><!--<![endif]-->
<div class="c5"></div>
<div class="c4"></div>
<div class="c3"></div>
<div class="c2"></div>
<div class="c1"></div>
</div>
</div>
</div>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="2AE9EEA8">
</div>
<script type="text/javascript">
//<![CDATA[
var cter_ctl01_eventRegistrationActions_RegistrationLink_Link, cter_ctl01_eventRegistrationActions_RegistrationLink_Button;
function cter_ctl01_eventRegistrationActions_RegistrationLink_setLinkOrButtonDisplayMode() {
cter_ctl01_eventRegistrationActions_RegistrationLink_Link = document.getElementById('FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventRegistrationActions_RegistrationLink_hl');
cter_ctl01_eventRegistrationActions_RegistrationLink_Button = document.getElementById('FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl01_eventRegistrationActions_RegistrationLink_bt');
if (cter_ctl01_eventRegistrationActions_RegistrationLink_Link && cter_ctl01_eventRegistrationActions_RegistrationLink_Button) {
cter_ctl01_eventRegistrationActions_RegistrationLink_Link.style.display = 'none';
cter_ctl01_eventRegistrationActions_RegistrationLink_Button.style.display = '';
}
}
cter_ctl01_eventRegistrationActions_RegistrationLink_setLinkOrButtonDisplayMode();
var cter_ctl02_eventRegistrationActions_RegistrationLink_Link, cter_ctl02_eventRegistrationActions_RegistrationLink_Button;
function cter_ctl02_eventRegistrationActions_RegistrationLink_setLinkOrButtonDisplayMode() {
cter_ctl02_eventRegistrationActions_RegistrationLink_Link = document.getElementById('FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventRegistrationActions_RegistrationLink_hl');
cter_ctl02_eventRegistrationActions_RegistrationLink_Button = document.getElementById('FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_UpcomingEventsRepeater_ctl02_eventRegistrationActions_RegistrationLink_bt');
if (cter_ctl02_eventRegistrationActions_RegistrationLink_Link && cter_ctl02_eventRegistrationActions_RegistrationLink_Button) {
cter_ctl02_eventRegistrationActions_RegistrationLink_Link.style.display = 'none';
cter_ctl02_eventRegistrationActions_RegistrationLink_Button.style.display = '';
}
}
cter_ctl02_eventRegistrationActions_RegistrationLink_setLinkOrButtonDisplayMode(); //]]>
</script>
</form>Text Content
* About
* Structure and Mission
* Board of Directors
* Society Awards
* History of the Organization
* Presidents of the ISCC
* Membership
* Resources
* Student Support Grant
* Quarterly Publication
* Hue Angles
* Other Color Organizations
* U.S. Color Researchers Born in the 19th Century
* Site map
* Events
* Fluorescent Fridays
* Cutting Edge Color Webinar Series
* Color Impact 2025 conference
* Past Conferences
* Contact
* Home
* Join us
* Login
SHARING KNOWLEDGE + EXPERIENCE ABOUT COLOR
* Research
* Design/Arts
* Industry
* Education
The Color Council is the principal interdisciplinary society in the United
States dedicated to advancing color research and best practices in industry,
design/arts and education.
Become a Member
NEWS!
Deadlines for our new Student Support Grant are May 15 and October 15, 2024!
This grant is designed to assist undergraduate and graduate students with
activities pertaining to color. Details and application forms here.
UPCOMING EVENTS
Switch to Calendar View
* COLOUR LITERACY FORUM: THE INTERACTION OF COLOUR AND LIGHT
* When
13 Jun 2024
*
10:00 AM (US Eastern) - 11:30 PM (US Eastern)
* Location
virtual
Register
The Colour Literacy Forum is an international, collaborative effort to align
university-level colour education with current design needs in the culture.
The goal of the Forum is to connect faculty, students, and administrators
with interdisciplinary professionals to provide cutting-edge research,
curricula, tools, and resources.
The Colour Literacy Forum is a virtual gathering featuring presentations and
discussions related to updating and expanding colour education in art and
design programs at the university level. The forum convenes for three events
per year to share information and offer dynamic networking opportunities for
participants.
Register using the button at left. For complete details visit, Colour
Literacy Project.
COLOURS OF OBJECTS AND COLOURS OF ILLUMINATION
Our visual system detects variations in the intensity and overall balance of
spectral composition of the light reaching our eyes, but also does much more,
seemingly instantly arriving at unconscious estimates of the overall spectral
reflectances of objects, and of the intensity and overall balance of spectral
composition of the light illuminating those objects. We perceive these
unconscious estimates of spectral properties as colours. Colours of light can
be escribed in terms of the attributes of hue, brightness and either
saturation or colourfulness, while colours of objects can be described in
terms of the more familiar attributes of hue, lightness and chroma, among
others. Using an orange cube on a tiled floor as an illustration, this
presentation will describe and contrast these six colour attributes and show
how they apply to our superimposed colour perceptions (1) of objects, (2) of
the light illuminating objects, and (3) of the light reaching our eyes from
objects.
Dr. David J. C. Briggs is Vice President of the Colour Society of Australia,
Co-chair of the AIC Study Group on Art and Design, and a member of the
Project Team of the AIC/ISCC Colour Literacy Project. His published work
includes the websites The Dimensions of Colour and Colour Online, a chapter
on Colour Spaces in the Routledge Handbook of Philosophy
of Colour, The Elements of Colour - a two-part paper in Volume 33, a Special
Issue on Contributions by the Colour Literacy Project Team in the Journal of
the International Colour Association, and numerous conference presentations
and webinars. David has taught numerous classes for art and design
undergraduates and for the general public, including Understanding and
Applying Colour, an eight-week online lecture course available through the
National Art School in Sydney.
LIGHTING COLOURS AND COLOURING LIGHT
Lighting can influence the appearance of colours, that is, their hue,
saturation, and brightness. For perfectly matte, smooth, opaque, flat
materials, the reflected light is determined by the spectra of the light and
the reflectance of the material. But we do not see spectra, we see colours,
which, in isolation,can be related to the relative power of the different
broadband parts of the spectra. Since this relative power can be the same for
different combinations of light and materials, it is possible that materials
with different spectral reflectances can look the same under a certain light
spectrum. But, if those materials are then put under another light spectrum,
they can look different. This phenomenon is called metamerism. Such
interactions, influencing colour appearance, can happen at different scales
–– from the microscale on material surfaces to the mesoscale of objects, up
to the macroscale of buildings, and even the planetary scale of sun and sky.
In this presentation, these phenomena will be illustrated visually and
explained with DIY exercises.
Sylvia Pont is an Antoni van Leeuwenhoek professor Perceptual Intelligence at
Delft University of Technology. In Delft she coordinates the Perceptual
Intelligence lab (π-lab), a centre of expertise on perception and design of
multisensory experiences and smart products, services, and systems, and
unique for its cross-disciplinary approach to real- world perception
problems. Her research includes studies into design, perception and optics of
light and its interactions with materials, shapes and spaces. She coordinates
a Master’s elective course Lighting Design and teaches in several other
courses in human centered design, human factors, and multisensory design.
LIGHT AND COLOUR IN URBAN COLOUR COMPOSITION
Current architectural education largely focuses on the tectonic, in relation
to building and construction, and on the formal aspects of the visual
tectonic. But little attention has been devoted to the visual tectonics of
colour. Current research estimates that approximately 80% of our perception,
cognition, and activities are mediated through vision –– with form and colour
a key feature –– it could be argued that we should put more emphasis on the
visual qualities of colour in architecture. The Faculty of Architecture and
Design at NTNU has been developing a structure for colour teaching that is
integrated in the overall curriculum. In this model, colour is emphasized as
a material quality that engages in and contributes to the formal, structural,
and aesthetic discourse in architectural and urban practice. With examples
from teaching and research, this presentation will focus on the interaction
of light and colour in spatial contexts, and more specifically the importance
of facade texture in various daylight and give examples of urban colour
composition that demonstrate how we perceive the visual gestalt of urban
spaces.
Kine Angelo is an Associate Professor with more than twenty years of practice
as Interior Architect, specializing in colour in architecture. She joined the
Faculty of Architecture and Design at Norwegian University of Science and
Technology (NTNU) in 2010 where she is currently a full-time lecturer and
researcher at Department for Architecture and Technology. Her teaching and
research activities are devoted to light and colour in the architectural
realm. Building on previous and ongoing design practice of architectural
projects, her overall aim is to promote colour and material gestalt in
architecture and urban space through research, architectural education, and
public outreach.
Show details
* JULY COLORFUL CONNECTIONS
* When
15 Jul 2024
*
10:00 AM (US Eastern) - 11:00 AM
* Location
virtual
* Spaces left
26
* Registered
4 registrants
Register
Colorful Connections is an opportunity to gather informally with other
members of ISCC for a little socializing, networking and learning from each
other. Discussions are wide-ranging and depend on attendees, their current
interests and past experience. Consider this the online version of coffee
breaks and happy hours at a color conference. BYO coffee or beverage and join
in the conversation!
Note that this is Members Only event. Not a member, no problem - Join here!
Show details
GROW YOUR COLOR KNOWLEDGE
Learn and connect with color professionals through our events, resources, and
programs!
The Colour Literacy Project is an educational initiative to strengthen the
bridge between art and science in 21st century colour education.
This project provides foundational, state-of-the-art resource within a STEAM
framework. Teaching guides available for free download.
VISIT COLORLITERACY.ORG
Join students from all disciplines and network with color professionals.
Discover state-of-the-art information about color in our lives and applications
in the world. New episode every month. One-hour presentation on topics such as
branding, architecture, paint, and more.
MORE ABOUT FLUORESCENT FRIDAYS
Consider this the online version of coffee breaks and happy hours at a color
conference. BYO coffee or beverage and join in the conversation!
Socialize, network, and learn! Discussions are wide-ranging and depend on
attendees, their current interests and past experience.
REGISTER FOR THE NEXT ONE
A deeper dive into a range of topics related to color.
BOLD: COLOR FROM TEST TUBE TO TEXTILE
Presented by Dr Elisabeth Berry Drago, Director of Visitor Engagement at the
Science History Institute. Recorded January 23, 2024.
We are sharing this webinar to non-members for free. Visit this link and enter
your name and email address.
A LOOK INSIDE OUR QUARTERLY:
Join the Color Council to receive the entire publication!
DIFFUSION MATERIAL FOR LUMINOUS MOSAIC IMAGES
In this editorial, Richard Travis presents a follow-up to his 2021 pair of
articles about color education and additive color mixing, which also serves to
remind us all to have a look at both of his preceding works.
Read more>>
BLUE MORPHOS HAVE A COOL COLOR
I first encountered the blue morpho in Kai Kupferschmidt’s book, Blue: In Search
of Nature’s Rarest Color, which I reviewed in Issue 504 of ISCC News. There I
learned about a tricky problem that the butterfly appears to have solved through
natural selection. Interference patterns can lead to brilliant structural
colors, but the color you see generally depends on the angles of illumination
and viewing.
Read more>>
SUBSCRIBE TO OUR MAILING LIST
Receive our Quarterly Newsletter on the art and science of color, group events,
and more.
Subscribe
ISCC is a 100% volunteer-run organization.
Mailing address:
712 H Street NE, Suite 1640 Washington, DC 20002
Email us at isccoffice@iscc.org
Home
History of ISCC
Structure and Mission
Board of Directors
Society Awards
Membership
Cutting Edge Color Webinar Series
Color Impact Conference 2025
Fluorescent Fridays
Colorful Connections
Color Literacy Project
Past Events
COPYRIGHT ©2024 INTER-SOCIETY COLOR COUNCIL | SITEMAP
Powered by Wild Apricot Membership Software
Please wait...