An image of students studying.

Summer Pre-College Admission

Menu Display

An error occurred while processing the template. 
The following has evaluated to null or missing:
==> navbarId  [in template "86161#86202#287243" at line 85, column 8]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${navbarId}  [in template "86161#86202#287243" at line 85, column 6]
----
1<#include "${templatesPath}/NAVIGATION-MACRO-FTL" /> 
2 
3<#if !entries?has_content> 
4    <#if themeDisplay.isSignedIn()> 
5        <div class="alert alert-info"> 
6            <@liferay.language key="there-are-no-menu-items-to-display" /> 
7        </div> 
8    </#if> 
9<#else> 
10    <#assign 
11        portletDisplay = themeDisplay.getPortletDisplay() 
12 
13        navbarId = "navbar_" + portletDisplay.getId() 
14    /> 
15 
16    <div id="${navbarId}" class="mt-3"> 
17        <div class="accordion" id="${navbarId}-top-accordion"> 
18            <div class="accordion navbar-site" id="${navbarId}-accordion"> 
19                <header id="${navbarId}-header" class="d-block d-md-none text-right" data-toggle="collapse" data-target="#${navbarId}-top-collapse" aria-expanded="false" aria-controls="${navbarId}-top-collapse">Section Menu <i class="menu-icon ml-2"></i><hr/></header> 
20                <div id="${navbarId}-top-collapse" class="collapse d-md-block pl-0 ml-0" aria-labelledby="${navbarId}-header" data-parent="#${navbarId}-top-accordion"> 
21                    <#assign navItems = entries /> 
22 
23                    <#list navItems as navItem> 
24                        <#assign showChildrenNavItems = (displayDepth != 1) && navItem.hasBrowsableChildren() /> 
25 
26                        <#if navItem.isBrowsable() || showChildrenNavItems> 
27                            <#assign 
28                                nav_item_css_class = "" 
29                                nav_item_href_link = "" 
30                            /> 
31 
32                            <#if navItem.isChildSelected() || navItem.isSelected()> 
33                                <#assign nav_item_css_class = "active" /> 
34                            </#if> 
35 
36                            <#if navItem.isBrowsable()> 
37                                <#assign nav_item_href_link = "href='${navItem.getURL()}' ${navItem.getTarget()}" /> 
38                            </#if> 
39 
40                            <div class="card collapse-card shadow-none border-0 mb-0"> 
41                                <#if showChildrenNavItems> 
42                                    <#assign toggle_text> 
43                                        <@liferay.language key="toggle" /> 
44                                    </#assign> 
45                                </#if> 
46                                <#if showChildrenNavItems> 
47                                    <div class="collapse-header card-header mb-0 border-0" id="${navbarId}-card-header-${navItem?index}"> 
48                                        <button class="${nav_item_css_class} btn btn-link collapse-btn d-inline-flex justify-content-between align-items-center w-100" type="button" data-toggle="collapse" data-target="#${navbarId}-collapse-${navItem?index}" aria-expanded="false" aria-controls="${navbarId}-collapse-${navItem?index}"> 
49                                            <span class="collapse-header-text mb-0 text-left mr-2">${navItem.getName()}</span> 
50                                            <span class="collapse-header-chevron"></span> 
51                                            <span class='sr-only'>${toggle_text}</span> 
52                                        </button> 
53                                    </div> 
54                                    <div class="collapse" id="${navbarId}-collapse-${navItem?index}" aria-lablledby="${navbarId}-card-header-${navItem?index}" data-parent="#${navbarId}-accordion"> 
55                                        <div class="card-body p-0"> 
56                                            <@buildChildrenNavItems 
57                                                displayDepth=displayDepth 
58                                                navItem=navItem 
59                                            /> 
60                                        </div> 
61                                    </div> 
62                                </#if> 
63                                 
64                            </div> 
65                        </#if> 
66                    </#list> 
67                </div> 
68            </div> 
69        </div> 
70    </div> 
71 
72    <@liferay_aui.script use="liferay-navigation-interaction"> 
73        var navigation = A.one('#${navbarId}'); 
74 
75        Liferay.Data.NAV_INTERACTION_LIST_SELECTOR = '.navbar-site'; 
76        Liferay.Data.NAV_LIST_SELECTOR = '.navbar-site'; 
77 
78        if (navigation) { 
79            navigation.plug(Liferay.NavigationInteraction); 
80        } 
81    </@> 
82</#if> 
83 
84<style> 
85    #${navbarId} .collapse-card { 
86        border-radius: 0; 
87    } 
88 
89    #${navbarId} .collapse-header { 
90        background-color: #ffffff; 
91        border-radius: 0; 
92        padding: 0; 
93    } 
94 
95    #${navbarId} .collapse-header:active, 
96    #${navbarId} .collapse-header:focus, 
97    #${navbarId} .collapse-header:focus-within, 
98    #${navbarId} .collapse-header:target, 
99    #${navbarId} .collapse-header:hover, 
100    #${navbarId} .collapse-header:focus-visible { 
101        background-color: #b31b1b; 
102    } 
103 
104    #${navbarId} .collapse-header-text { 
105        font-family: myriad-pro, sans-serif; 
106        font-style: normal; 
107        font-weight: 600; 
108        color: #333333; 
109    } 
110 
111    #${navbarId} .collapse-header:active .collapse-header-text, 
112    #${navbarId} .collapse-header:focus .collapse-header-text, 
113    #${navbarId} .collapse-header:focus-within .collapse-header-text, 
114    #${navbarId} .collapse-header:target .collapse-header-text, 
115    #${navbarId} .collapse-header:hover .collapse-header-text, 
116    #${navbarId} .collapse-header:focus-visible .collapse-header-text { 
117        color: #ffffff; 
118    } 
119 
120    #${navbarId} .collapse-btn:active, 
121    #${navbarId} .collapse-btn:focus, 
122    #${navbarId} .collapse-btn:focus-within, 
123    #${navbarId} .collapse-btn:target, 
124    #${navbarId} .collapse-btn:hover, 
125    #${navbarId} .collapse-btn:focus-visible { 
126        box-shadow: none; 
127        text-decoration: none; 
128    } 
129 
130    #${navbarId} .collapse-header-chevron::before { 
131        font-family: 'fontawesome-alloy'; 
132        color: #333333; 
133    } 
134 
135    #${navbarId} .collapse-header:active .collapse-header-chevron::before, 
136    #${navbarId} .collapse-header:focus .collapse-header-chevron::before, 
137    #${navbarId} .collapse-header:focus-within .collapse-header-chevron::before, 
138    #${navbarId} .collapse-header:target .collapse-header-chevron::before, 
139    #${navbarId} .collapse-header:hover .collapse-header-chevron::before, 
140    #${navbarId} .collapse-header:focus-visible .collapse-header-chevron::before { 
141        color: #ffffff; 
142    } 
143 
144    #${navbarId} .collapse-btn[aria-expanded="true"] > .collapse-header-chevron::before { 
145        font-family: FontAwesome; 
146			  content: "\f078"; 
147        color: #ffffff; 
148    } 
149 
150    #${navbarId} .collapse-btn[aria-expanded="false"] > .collapse-header-chevron::before { 
151        font-family: FontAwesome; 
152        content: "\f077"; 
153    } 
154 
155    #${navbarId} .collapse-btn[aria-expanded="true"] { 
156        background-color: #b31b1b; 
157    } 
158 
159    #${navbarId} .collapse-btn[aria-expanded="true"] > .collapse-header-text { 
160        color: #ffffff; 
161    } 
162 
163    #${navbarId} .dropdown-item.active { 
164        background-color: #b31b1b; 
165        color: #ffffff; 
166        text-decoration: none; 
167    } 
168 
169    #${navbarId} .dropdown-item { 
170        background-color: #ffffff; 
171        color: #333333; 
172        font-family: myriad-pro, sans-serif; 
173        font-style: normal; 
174        font-weight: 600; 
175        padding-top: 6px; 
176        padding-bottom: 6px; 
177    } 
178 
179    #${navbarId} .dropdown-item:active, 
180    #${navbarId} .dropdown-item:focus, 
181    #${navbarId} .dropdown-item:focus-within, 
182    #${navbarId} .dropdown-item:target, 
183    #${navbarId} .dropdown-item:hover, 
184    #${navbarId} .dropdown-item:focus-visible { 
185        background-color: #b31b1b; 
186        color: #ffffff; 
187    } 
188 
189    #${navbarId} .card-body > li { 
190        display: block; 
191    } 
192 
193    #${navbarId} header { 
194        font-family: myriad-pro, sans-serif; 
195        font-style: normal; 
196        font-weight: 600; 
197    } 
198 
199    #${navbarId} .menu-icon { 
200        font-family: "fontawesome-alloy"; 
201        speak: none; 
202        font-style: normal; 
203        font-weight: normal; 
204        font-variant: normal; 
205        text-transform: none; 
206        line-height: 1; 
207        -webkit-font-smoothing: antialiased; 
208    } 
209     
210    #${navbarId} header[aria-expanded="false"] .menu-icon:before { 
211			  font-family: 'FontAwesome'; 
212        content: "\f0c9"; 
213    } 
214     
215    #${navbarId} header[aria-expanded="true"] .menu-icon:before { 
216			  font-family: 'FontAwesome'; 
217        content: "\f00d"; 
218    } 
219</style> 

Message from Game Design SPC Director

If you enjoy playing video games and have ever wondered what goes into making them, we invite you to learn how to learn about game design and programming the fun way… by making your own games! You don't have to fuss with general-purpose programming languages which are not inherently designed for video games. In our program, we get right down to the heart of things using intuitive, "drag-and-drop" software to create games with rich virtual worlds, colorful characters, and challenging obstacles and enemies. While you won’t be making Breath of the Wild or the next Call of Duty, in seemingly no time you will be well on your way to exploring Computer Science and Game Design by developing your own video games that you can share with your friends, not to mention earning three (3) college credits along the way.

Sound interesting? Join us at the Marist Summer Game Design course and let's have fun making games together!

Matthew Johnson, Senior Professional Lecturer of Computer Science
I earned my B.A. in Mathematics and M.S. in Computer Science from SUNY at New Paltz. Prior to joining Marist in 2007, I worked for the better part of a decade as a software engineer designing and programming interactive applications with intuitive graphical interfaces. As a Senior Professional Lecturer at Marist, I teach courses covering a wide variety of topics in computing technology, including computer graphics, data visualization, and full-stack Web development. Some of my current interests include functional programming, the C++ programming language, WebGL for mobile or browser-based applications, and OpenGL/Vulkan for high-performance, cross-platform graphics.