1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 5 <!-- Metas & Morweb CMS Assets --> 6 7<meta charset="utf-8" /> 8<meta name="description" content="Portland’s City Life Committee advances a resolution supporting planning for a City-owned Broadway theater at PSU’s Performing Arts + Culture Center." /> 9<meta name="keywords" content="News,Stories" /> 10<meta property="og:type" content="article" /> 11<meta property="og:url" content="http://paccpdx.org/post/City-Life-Advances-Resolution-to-City-Council" /> 12<meta property="og:title" content="Portland City Council Advances Broadway Theater Planning" /> 13<meta property="og:description" content="Portland’s City Life Committee advances a resolution supporting planning for a City-owned Broadway theater at PSU’s Performing Arts + Culture Center." /> 14<meta property="og:image" content="http://paccpdx.org/get/files/image/galleries/City_Hall.png" /> 15<meta name="viewport" content="initial-scale=1" /> 16<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 17<title>Portland City Council Advances Broadway Theater Planning</title> 18 19 <link type="text/css" href="/res/css/common.css" rel="stylesheet" /> 20<link type="text/css" href="/res/css/mw.cells.css" rel="stylesheet" /> 21<link type="text/css" href="/res/css/mw.forms.css?3c59dc048e8850243be8079a5c74d079" rel="stylesheet" /> 22<link type="text/css" href="/cms3t/res/vit-lib/status.css" rel="stylesheet" /> 23<link type="text/css" href="/res/pages/css/front.css" rel="stylesheet" /> 24<link type="text/css" href="/res/blogs/css/blogs.css" rel="stylesheet" /> 25<link type="text/css" href="/res/button/css/button.css" rel="stylesheet" /> 26<link type="text/css" href="/res/gensoclinks/css/gensoclinks.css" rel="stylesheet" /> 27 28
29<script type="text/javascript" src="/cms3t/res/js/json2.js"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="/cms3t/res/js/jQuery/jquery.js"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="/cms3t/res/js/jQuery/ui/jquery.ui.core.js"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript" src="/cms3t/res/js/jQuery/ui/jquery.ui.widget.js"></script>
vendor: 1 bytes, line 32
32
33<script type="text/javascript" src="/cms3t/res/js/jQuery/ui/jquery.ui.mouse.js"></script>
vendor: 1 bytes, line 33
33
34<script type="text/javascript" src="/cms3t/res/js/jQuery/ui/jquery.ui.position.js"></script>
vendor: 1 bytes, line 34
34
35<script type="text/javascript" src="/cms3t/res/js/jQuery/ui/jquery.ui.draggable.js"></script>
vendor: 1 bytes, line 35
35
36<script type="text/javascript" src="/cms3t/res/js/jQuery/ui/jquery.ui.droppable.js"></script>
vendor: 1 bytes, line 36
36
37<script type="text/javascript" src="/cms3t/res/js/jQuery/ui/jquery.ui.sortable.js"></script>
vendor: 1 bytes, line 37
37
38<script type="text/javascript" src="/cms3t/res/js/jQuery/jquery.AjaxUpload.js"></script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript" src="/cms3t/res/vit-lib/common.js"></script>
vendor: 1 bytes, line 39
39
40<script type="text/javascript" src="/cms3t/res/vit-lib/ajax.js"></script>
vendor: 1 bytes, line 40
40
41<script type="text/javascript">CMS_ALIAS = 'cms3t';CMS_RES = 'res';CMS_JS = 'js';CMS_CSS = 'css';CMS_IMAGES = 'images';</script>
vendor: 1 bytes, line 41
41
42<script type="text/javascript" src="/cms3t/res/js/mw.urls.js"></script>
vendor: 1 bytes, line 42
42
43<script type="text/javascript" src="/cms3t/res/js/mw.common.js"></script>
vendor: 1 bytes, line 43
43
44<script type="text/javascript" src="/cms3t/res/js/mw.system.js"></script>
vendor: 1 bytes, line 44
44
45<script type="text/javascript" src="/cms3t/res/js/mw.forms.js"></script>
vendor: 1 bytes, line 45
45
46<script type="text/javascript" src="/res/system/js/mwSelectInput.js"></script>
vendor: 1 bytes, line 46
46
47<script type="text/javascript" src="/cms3t/res/js/mw.front.js"></script>
vendor: 1 bytes, line 47
47
48<script type="text/javascript" src="/res/pages/js/mw.responsive.js"></script>
vendor: 1 bytes, line 48
48
49<script type="text/javascript" src="/res/button/js/button.js"></script>
49 50 51 52 53 <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"/> 54 55 <!-- Favicon --> 56 <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon"/> 57 58 <!-- Fonts --> 59 <link rel="preconnect" href="https://fonts.googleapis.com"> 60 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 61 <link rel="stylesheet" href="https://use.typekit.net/arc7zsa.css"> 62 63 64 65 <link rel="preconnect" href="https://fonts.googleapis.com"> 66<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 67<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 68 69 70 <!-- Preload Vendor Stylesheets --> 71 <link rel="preload" as="style" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/> 72 <link rel="preload" as="style" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/> 73 <link rel="preload" as="style" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"/> 74 <link rel="preload" as="style" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"/> 75 76 <!-- Vendor Stylesheets --> 77 <link nocache="nocache" rel="stylesheet" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/> 78 <link nocache="nocache" rel="stylesheet" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/> 79 <link nocache="nocache" rel="stylesheet" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"/> 80 <link nocache="nocache" rel="stylesheet" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"/> 81 <link rel="stylesheet" href="/css/vendors/mw_accessibility/accessibility.css?v=mw3.3"/> 82 83 84 <!-- Preload Stylesheets --> 85 <link rel="preload" as="style" href="/css/root.css?v=mw3.2"/> 86 <link rel="preload" as="style" href="/css/essential.css?v=mw3.2"/> 87 <link rel="preload" as="style" href="/css/skin.css?v=mw3.2"/> 88 <link rel="preload" as="style" href="/css/utilities.css?v=mw3.2"/> 89 90 <!-- Stylesheets --> 91 <link nocache="nocache" rel="stylesheet" href="/css/root.css?v=mw3.2"/> 92 <link nocache="nocache" rel="stylesheet" href="/css/essential.css?v=mw3.2"/> 93 <link nocache="nocache" rel="stylesheet" href="/css/skin.css?v=mw3.2"/> 94 <link nocache="nocache" rel="stylesheet" href="/css/utilities.css?v=mw3.2"/> 95 <link nocache="nocache" rel="stylesheet" href="/css/override.css?v=mw3.2"/> 96 97 <!-- Google tag (gtag.js) -->
vendor: 67 bytes, lines 97-99
97 98 99<script async src="https://www.googletagmanager.com/gtag/js?id=
99G-CQJ7Z950PF
vendor: 15 bytes, lines 99-100
99"></script> 100
101<script> 102 103
vendor: 146 bytes, lines 103-111
103window.dataLayer = window.dataLayer || []; 104 105 function gtag(){dataLayer.push(arguments);} 106 107 gtag('js', new Date()); 108 109 110 111 gtag('config', '
111G-CQJ7Z950PF
vendor: 7 bytes, lines 111-112
111'); 112
113</script>
113 114 115 </head> 116 <body> 117 118 <!-- Default Page --> 119 <div id="app" class="page-template default-page"> 120 121 <!-- Header --> 122 <header id="header-area"> 123 <div id="wUE9IKQRQNISF37F" class="mwPageBlock Include" style=""><div class="blockContents"> 124 125 126 127 128 129<!-- Header --> 130<div id="tpl-5OT7DF" class="header header-style-6 is-sticky" data-tpl-tooltip="Header - Style 6"> 131 <div class="header-wrap"> 132 133 <!-- Alert Message --> 134 135 136 <!-- Main --> 137 <div class="header-main"> 138 <div class="header-main-wrap"> 139 140 <!-- Backdrop --> 141 <div class="header-backdrop"></div> 142 143 <!-- background --> 144 <div class="header-bg"></div> 145 146 <div class="header-inner-wrap container"> 147 148 <!-- Main Left --> 149 <div class="header-main-left"> 150 151 <!-- Logo --> 152 <a class="header-logo" href="/" title="Performing Aarts + Culture Center"> 153 <img class="logo-color" src="/files/galleries/logo-0001.png?resize=600x0" alt="Performing Aarts + Culture Center" width="600" height="156"/> 154 <img class="logo-white" src="/files/galleries/Logo_White_Pine.png?resize=600x0" alt="Performing Aarts + Culture Center" width="600" height="156"/> 155 </a> 156 </div> 157 158 <!-- Main Right --> 159 <div class="header-main-right"> 160 161 <!-- Main Right Top --> 162 <div class="header-main-right-top"> 163 164 <!-- Search Button --> 165 <button class="search-btn" 166 aria-expanded="false" 167 aria-label="Open Search Form Dialog" 168 aria-controls="tpl-5OT7DF-search-dialog"> 169 <i class="fa-solid fa-search" aria-hidden="true"></i> 170 </button> 171 172 <!-- Utility Menu --> 173 <div class="header-utility-menu"> 174 <div id="wE5EPELRIZ6JJTCV" class="mwPageBlock Menu" style=""><div class="blockContents"><ul></ul></div></div> 175 </div> 176 </div> 177 178 <!-- Main Right Bottom --> 179 <div class="header-main-right-bottom"> 180 181 <!-- Menu --> 182 <div class="header-menu"> 183 <div id="wRBG1Z3YN09G3CMC" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mHOxFwI36"> 184<li class="no-children"><a href="/psuf"><span class="Title">Home</span></a></li> 185<li class="no-children"><a href="/About"><span class="Title">About</span></a></li> 186<li class="no-children"><a href="/Get-Involved"><span class="Title">Get Involved</span></a></li> 187<li class="no-children"><a href="/News"><span class="Title">Stories + News</span></a></li> 188<li class="no-children"><a href="/contact"><span class="Title">Contact</span></a></li></ul></div></div> 189 </div> 190 191 <!-- Megamenu --> 192 <div class="megamenu megamenu-style-1"> 193 <div class="megamenu-wrap"> 194 <nav aria-label="Megamenu"> 195 <ul class="megamenu-level-1"> 196 197 198 <li class="has-children has-1-menu no-intro"> 199 <a href="#" tabindex="0" aria-expanded="false" aria-controls="megamenu-panel-1"> 200 <span>Item</span> 201 </a> 202 <div id="megamenu-panel-1" class="megamenu-panel"> 203 <div class="megamenu-panel-wrap"> 204 <div class="megamenu-menus"> 205 206 <div class="megamenu-menu"> 207 <div id="w6GR5HFB540XFOLD" class="mwPageBlock Content" style=""><div class="blockContents"><p> 208 Giving Priorities 209</p></div></div> 210 <div id="wH2AV62YZEUEJQOC" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mPpnmNIBZ"> 211<li class="no-face no-children"></li> 212<li class="no-face no-children"></li> 213<li class="no-face no-children"></li> 214<li class="no-face no-children"></li> 215<li class="no-face no-children"></li></ul></div></div> 216 </div> 217 218 219 220 </div> 221 222 </div> 223 </div> 224 </li> 225 226 227 228 <li class="has-children has-1-menu has-intro"> 229 <a href="#" tabindex="0" aria-expanded="false" aria-controls="megamenu-panel-2"> 230 <span>Item</span> 231 </a> 232 <div id="megamenu-panel-2" class="megamenu-panel"> 233 <div class="megamenu-panel-wrap"> 234 <div class="megamenu-menus"> 235 236 <div class="megamenu-menu"> 237 <div id="w8QJMAS09LXQKEBH" class="mwPageBlock Content" style=""><div class="blockContents"></div></div> 238 <div id="wABTY6OVBNNSW2ZW" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mnt3CLuWX"> 239<li class="no-face has-children"><ul> 240<li class="no-face no-children"></li> 241<li class="no-face no-children"></li> 242<li class="no-face no-children"></li> 243<li class="no-face no-children"></li> 244<li class="no-face no-children"></li> 245<li class="no-face no-children"></li></ul></li> 246<li class="no-children"><a href="/News"><span class="Title">News & Stories</span></a></li></ul></div></div> 247 </div> 248 249 250 251 </div> 252 253 <div class="megamenu-intro _content-style"> 254 <div id="wIUEHZFW05PDLS75" class="mwPageBlock Content" style=""><div class="blockContents"><p> 255 <img src="/get/files/image/galleries/1d97c2a984bb3676e38c3707d1295af5.jpg?334x184" alt="1d97c2a984bb3676e38c3707d1295af5.jpg" width="334" height="184" /> 256</p> 257<h2> 258 PSU ADVOCATES 259</h2> 260<p> 261 a network of alumni, students, faculty, staff, parents and friends who share a commitment to higher education and Portland State University. 262 <br /> 263 <a href="/Advocate">Learn More</a> 264</p></div></div> 265 </div> 266 267 </div> 268 </div> 269 </li> 270 271 272 273 <li class="has-children has-2-menu has-intro"> 274 <a href="#" tabindex="0" aria-expanded="false" aria-controls="megamenu-panel-3"> 275 <span>Item</span> 276 </a> 277 <div id="megamenu-panel-3" class="megamenu-panel"> 278 <div class="megamenu-panel-wrap"> 279 <div class="megamenu-menus"> 280 281 <div class="megamenu-menu"> 282 <div id="w0KJE9Z2NXN2FY7W" class="mwPageBlock Content" style=""><div class="blockContents"></div></div> 283 <div id="w1GFNK2FRNWAC03F" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mNjPvMNRL"> 284<li class="no-children"><a href="/About"><span class="Title">About</span></a></li> 285<li class="no-face no-children"></li> 286<li class="no-face no-children"></li> 287<li class="no-face no-children"></li> 288<li class="no-face no-children"></li> 289<li class="no-face no-children"></li> 290<li class="no-children"><a><span class="Title">Resources for PSU Students</span></a></li></ul></div></div> 291 </div> 292 293 294 <div class="megamenu-menu"> 295 <div id="w6O3XI9FTV75JXTT" class="mwPageBlock Content" style=""><div class="blockContents"></div></div> 296 <div id="wQIAR5X5JOA6LMNY" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="m3xDpFSQF"> 297<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 298<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 299<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 300<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 301<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li></ul></div></div> 302 </div> 303 304 305 </div> 306 307 <div class="megamenu-intro _content-style"> 308 <div id="w3VNESRIGHC2UZBZ" class="mwPageBlock Content" style=""><div class="blockContents"><p> 309 <img src="/get/files/image/galleries/dummy-169.jpg?500X0" alt="dummy-169.jpg" width="500" /> 310</p></div></div> 311 </div> 312 313 </div> 314 </div> 315 </li> 316 317 318 319 <li class="has-children has-2-menu has-intro"> 320 <a href="#" tabindex="0" aria-expanded="false" aria-controls="megamenu-panel-4"> 321 <span>Item</span> 322 </a> 323 <div id="megamenu-panel-4" class="megamenu-panel"> 324 <div class="megamenu-panel-wrap"> 325 <div class="megamenu-menus"> 326 327 <div class="megamenu-menu"> 328 <div id="wAACX5Y9SHWS43GS" class="mwPageBlock Content" style=""><div class="blockContents"></div></div> 329 <div id="wT8FFHK9XTW1EOFK" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mIuXVYNtm"> 330<li class="no-children"><a><span class="Title">Student</span></a></li> 331<li class="no-children"><a><span class="Title">Faculty</span></a></li></ul></div></div> 332 </div> 333 334 335 <div class="megamenu-menu"> 336 <div id="w22KRSNZCBEOCAXM" class="mwPageBlock Content" style=""><div class="blockContents"></div></div>
337 <div id="wW0M547M6KM3OSS8" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mZg2QKLZV"> 338<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 339<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 340<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 341<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 342<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li></ul></div></div> 343 </div> 344 345 346 </div> 347 348 <div class="megamenu-intro _content-style"> 349 <div id="wJ59HM7LX894VQV7" class="mwPageBlock Content" style=""><div class="blockContents"><p> 350 <img src="/get/files/image/galleries/dummy-169.jpg?500X0" alt="dummy-169.jpg" width="500" /> 351</p></div></div> 352 </div> 353 354 </div> 355 </div> 356 </li> 357 358 359 360 <li class="has-children has-2-menu has-intro"> 361 <a href="#" tabindex="0" aria-expanded="false" aria-controls="megamenu-panel-5"> 362 <span>Item</span> 363 </a> 364 <div id="megamenu-panel-5" class="megamenu-panel"> 365 <div class="megamenu-panel-wrap"> 366 <div class="megamenu-menus"> 367 368 <div class="megamenu-menu"> 369 <div id="wUSK3136DX944JA2" class="mwPageBlock Content" style=""><div class="blockContents"></div></div> 370 <div id="w69Q54FZERIAK04L" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mWXMrL7jY"> 371<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 372<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 373<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 374<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 375<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li></ul></div></div> 376 </div> 377 378 379 <div class="megamenu-menu"> 380 <div id="wT668VCM533FVZCK" class="mwPageBlock Content" style=""><div class="blockContents"></div></div> 381 <div id="wQ9YR9VK4BSC7S83" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="m0TwQOPFp"> 382<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 383<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 384<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 385<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 386<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li></ul></div></div> 387 </div> 388 389 390 </div> 391 392 <div class="megamenu-intro _content-style"> 393 <div id="wVWEPG28DLEU1GAO" class="mwPageBlock Content" style=""><div class="blockContents"><p> 394 <img src="/get/files/image/galleries/dummy-169.jpg?500X0" alt="dummy-169.jpg" width="500" /> 395</p></div></div> 396 </div> 397 398 </div> 399 </div> 400 </li> 401 402 403 404 <li class="has-children has-2-menu has-intro"> 405 <a href="#" tabindex="0" aria-expanded="false" aria-controls="megamenu-panel-6"> 406 <span>Item</span> 407 </a> 408 <div id="megamenu-panel-6" class="megamenu-panel"> 409 <div class="megamenu-panel-wrap"> 410 <div class="megamenu-menus"> 411 412 <div class="megamenu-menu"> 413 <div id="w8QJ6V2RNWDKGL45" class="mwPageBlock Content" style=""><div class="blockContents"></div></div> 414 <div id="w6QLHE6LBM27KD7U" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mLAibTtQV"> 415<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 416<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 417<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 418<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 419<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li></ul></div></div> 420 </div> 421 422 423 <div class="megamenu-menu"> 424 <div id="wFI8NUTUNQCYO9JB" class="mwPageBlock Content" style=""><div class="blockContents"></div></div> 425 <div id="wC5QVJ4ZFVX2Y7DW" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mZ9sxzknp"> 426<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 427<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 428<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 429<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li> 430<li class="no-children"><a href="/"><span class="Title">Menu Item</span></a></li></ul></div></div> 431 </div> 432 433 434 </div> 435 436 <div class="megamenu-intro _content-style"> 437 <div id="wZVMX9361JKJ3RPF" class="mwPageBlock Content" style=""><div class="blockContents"><p> 438 <img src="/get/files/image/galleries/dummy-169.jpg?500X0" alt="dummy-169.jpg" width="500" /> 439</p></div></div> 440 </div> 441 442 </div> 443 </div> 444 </li> 445 446 </ul> 447 </nav> 448 </div> 449 </div> 450 451 <!-- Burger --> 452 <button id="tpl-5OT7DF-burger" 453 class="burger" 454 aria-expanded="false" 455 aria-label="Open Mobile Menu" 456 aria-controls="tpl-5OT7DF-mobile-menu"> 457 <span class="burger-wrap" aria-hidden="true"> 458 <span class="burger-lines"><span></span><span></span><span></span></span> 459 <span class="burger-slashes"><span></span><span></span></span> 460 <span class="burger-text"><span>Menu</span><span>Close</span></span> 461 </span> 462 </button> 463 464 <!-- Buttons --> 465 <nav class="header-btns" aria-label="Header Buttons"> 466 <ul> 467 468 <li><div id="wUWHJ5H6D0VKKBR1" class="mwPageBlock Button" style=""><div class="blockContents"> 469 470 471 472<style type="text/css"> 473 #tpl-YNZ7NY .is-width-fullwidth > a { width: 100%; max-width: 100%; } 474 #tpl-YNZ7NY .is-width-by-percentage > a { width: %; max-width: 100%; } 475 #tpl-YNZ7NY .is-width-by-pixel > a { width: px; max-width: 100%; } 476</style> 477 478<div id="tpl-YNZ7NY" class="mwBtnCenter "> 479 <div class="btn is-rounded is-third "> 480 <a href="https://giving.psuf.org/performing-arts-culture-center/?a=12007585" template="default" class="medium" target="_blank">Give Now</a> 481 </div> 482</div></div></div></li> 483 484 485 486 </ul> 487 </nav> 488 </div> 489 </div> 490 </div> 491 </div> 492 </div> 493 </div> 494</div> 495 496<!-- Search Dialog --> 497<div id="tpl-5OT7DF-search-dialog" 498 class="search-dialog search-dialog-style-1" 499 role="dialog" 500 aria-modal="true" 501 aria-hidden="true" 502 aria-labelledby="tpl-5OT7DF-search-label"> 503 <div class="search-dialog-backdrop"></div> 504 <div class="search-dialog-wrap"> 505 <form class="search-dialog-form" action="/search" method="GET"> 506 <label id="tpl-5OT7DF-search-label" class="_sr-only">Search by keyword:</label> 507 <input type="text" name="q" value="" placeholder="SEARCH..."> 508 <button type="submit" aria-label="Search Now"><i class="fa fa-search" aria-hidden="true"></i></button>
509 </form> 510 </div> 511 <button class="search-dialog-close-btn" aria-label="Close Search Form Dialog"> 512 <i class="fa-solid fa-times" aria-hidden="true"></i> 513 </button> 514</div> 515 516<!-- Mobile Menu --> 517<div id="tpl-5OT7DF-mobile-menu" 518 class="mobile-menu mobile-menu-style-1 _content-style" 519 aria-hidden="true" 520 aria-labelledby="tpl-5OT7DF-mobile-menu-label"> 521 <div class="mobile-menu-backdrop"></div> 522 <div class="mobile-menu-wrap"> 523 <div class="mobile-menu-inner"> 524 <button id="tpl-5OT7DF-mobile-menu-close-btn" 525 class="mobile-menu-close-btn burger active" 526 aria-label="Close"> 527 <span class="burger-wrap" aria-hidden="true"> 528 <span class="burger-lines"><span></span><span></span><span></span></span> 529 <span class="burger-slashes"><span></span><span></span></span> 530 <span class="burger-text"><span>Menu</span><span>Close</span></span> 531 </span> 532 </button> 533 <div class="mobile-menu-header"> 534 <div id="tpl-5OT7DF-mobile-menu-label" class="_sr-only">Mobile Menu</div> 535 </div> 536 <div class="mobile-menu-body"> 537 538 <!-- Mobile Menu Navigation --> 539 <div class="mobile-menu-nav"> 540 <div id="wBUTV5QTRM4PT7OO" class="mwPageBlock Menu" style=""><div class="blockContents"><ul id="mizLX1GIZ"> 541<li class="no-children"><a href="/psuf"><span class="Title">Home</span></a></li> 542<li class="no-children"><a href="/About"><span class="Title">About</span></a></li> 543<li class="no-children"><a href="/Get-Involved"><span class="Title">Get Involved</span></a></li> 544<li class="no-children"><a href="/News"><span class="Title">Stories + News</span></a></li> 545<li class="no-children"><a href="/contact"><span class="Title">Contact</span></a></li></ul></div></div> 546 </div> 547 </div> 548 <div class="mobile-menu-footer"> 549 550 <!-- Mobile Menu Buttons --> 551 <nav class="mobile-menu-btns" aria-label="Mobile Menu Buttons"> 552 <ul> 553 554 <li><div id="wOG4Q6DDNY5H71VH" class="mwPageBlock Button" style=""><div class="blockContents"> 555 556 557 558<style type="text/css"> 559 #tpl-F19SOX .is-width-fullwidth > a { width: 100%; max-width: 100%; } 560 #tpl-F19SOX .is-width-by-percentage > a { width: %; max-width: 100%; } 561 #tpl-F19SOX .is-width-by-pixel > a { width: px; max-width: 100%; } 562</style> 563 564<div id="tpl-F19SOX" class="mwBtnCenter "> 565 <div class="btn is-rounded is-third "> 566 <a href="https://giving.psuf.org/performing-arts-culture-center/?a=12007585" template="default" class="medium" target="_blank"><span class="fa fa-heart"> </span>Give Now</a> 567 </div> 568</div></div></div></li> 569 570 571 572 </ul> 573 </nav> 574 575 <!-- Mobile Menu Social Media --> 576 <div id="w4JK0SDKT34PRTJJ" class="mwPageBlock Gensoclinks" style=""><div class="blockContents"> 577 <nav id="tpl-MXH6MK" class="sns-link sns-link-default center large" aria-label="Social Media Links"> 578 <ul> 579 580 <li> 581 <a href="https://www.facebook.com/media/set/?set=a.122098600598363340&type=3" target="_blank"> 582 <span class="_sr-only">Find us on facebook</span> 583 <i class="fa-brands fa-facebook" aria-hidden="true"></i> 584 </a> 585 </li> 586 587 <li> 588 <a href="https://www.instagram.com/pacc_pdx/" target="_blank"> 589 <span class="_sr-only">Find us on instagram</span> 590 <i class="fa-brands fa-instagram" aria-hidden="true"></i> 591 </a> 592 </li> 593 594 <li> 595 <a href="" target="_blank"> 596 <span class="_sr-only">Find us on linkedin</span> 597 <i class="fa-brands fa-linkedin" aria-hidden="true"></i> 598 </a> 599 </li> 600 601 </ul> 602 </nav> 603</div></div> 604 </div> 605 </div> 606 </div> 607</div> 608 609<!-- Javascript -->
610<script type="text/javascript"> 611 612 //----------------------------------------------------------- 613 // 614 // Template Options 615 // 616 //----------------------------------------------------------- 617 // 618 //-------------------------------- 619 // Hide Menu 620 //-------------------------------- 621 // 622 if ('0' === '1') { 623 $('#tpl-5OT7DF .header-menu').remove(); 624 $('#tpl-5OT7DF .megamenu').remove(); 625 } 626 627 //-------------------------------- 628 // Hide Mobile Menu 629 //-------------------------------- 630 // 631 if ('0' === '1') { 632 $('#tpl-5OT7DF-burger').remove(); 633 $('#tpl-5OT7DF-mobile-menu').remove(); 634 } 635 636 //-------------------------------- 637 // Hide Utility Menu 638 //-------------------------------- 639 // 640 if ('1' === '1') { 641 $('#tpl-5OT7DF .header-utility-menu').remove(); 642 } 643 644 //-------------------------------- 645 // Hide Utility Menu 646 //-------------------------------- 647 // 648 if ('1' === '1') { 649 $('#tpl-5OT7DF .search-btn').remove(); 650 $('#tpl-5OT7DF-search-dialog').remove(); 651 } 652 653 //----------------------------------------------------------- 654 // 655 // Global Variables 656 // 657 //----------------------------------------------------------- 658 // 659 // Return boolean true if template option 'custom_enable_megamenu' return '1'. 660 var IS_MEGAMENU_ENABLED = '0' === '1'; 661 662 // Return boolean true if template option 'custom_enable_sticky' return 'is-sticky'. 663 var IS_STICKY_HEADER = 'is-sticky' === 'is-sticky'; 664 665 //----------------------------------------------------------- 666 // 667 // Global Handles 668 // 669 //----------------------------------------------------------- 670 // 671 //-------------------------------- 672 // Regular Menu VS Megamenu 673 //-------------------------------- 674 // 675 if (IS_MEGAMENU_ENABLED) { 676 $('#tpl-5OT7DF .header-menu').remove(); 677 $('html').addClass('has-megamenu'); 678 } else { 679 $('#tpl-5OT7DF .megamenu').remove(); 680 $('html').removeClass('has-megamenu'); 681 } 682 683 //-------------------------------- 684 // Sticky Menu 685 //-------------------------------- 686 // 687 if (IS_STICKY_HEADER) { 688 $('html').addClass('has-sticky-header'); 689 } else { 690 $('html').removeClass('has-sticky-header'); 691 } 692 693 //-------------------------------- 694 // Overlap Header 695 //-------------------------------- 696 // 697 $('html').addClass('has-overlap-header'); 698 699 //----------------------------------------------------------- 700 // 701 // Document Ready 702 // 703 //----------------------------------------------------------- 704 // 705 $(document).ready(function () { 706 707 //----------------------------------------------------------- 708 // 709 // Make Menu Accessible 710 // 711 //----------------------------------------------------------- 712 // 713 (function () { 714 715 //-------------------------------- 716 // Make Focusable 717 //-------------------------------- 718 // 719 var focusableSelectors = [ 720 '#tpl-5OT7DF .mwPageBlock.Menu a', 721 '#tpl-5OT7DF-mobile-menu .mwPageBlock.Menu a' 722 ].join(', '); 723 724 $(focusableSelectors).each(function () { 725 var $this = $(this); 726 var href = $this.attr('href'); 727 728 $this.attr('tabindex', '0'); 729 730 if (!href) { 731 $this.attr('href', ''); 732 } 733 }); 734 735 //-------------------------------- 736 // Make Nav 737 //-------------------------------- 738 // 739 var $mainMenu = $('#tpl-5OT7DF .header-menu > .mwPageBlock.Menu > .blockContents > ul'); 740 var $utilityMenu = $('#tpl-5OT7DF .header-utility-menu > .mwPageBlock.Menu > .blockContents > ul'); 741 var $mobileMenu = $('#tpl-5OT7DF-mobile-menu .mobile-menu-nav > .mwPageBlock.Menu > .blockContents > ul'); 742 743 $mainMenu.wrap('<nav aria-label="Main Menu"></nav>'); 744 $utilityMenu.wrap('<nav aria-label="Utility Menu"></nav>'); 745 $mobileMenu.wrap('<nav aria-label="Mobile Menu"></nav>'); 746 747 //-------------------------------- 748 // Make Expandable 749 //-------------------------------- 750 // 751 var expandableSelectors = [ 752 '#tpl-5OT7DF .header-menu li.has-children', 753 '#tpl-5OT7DF .megamenu li.has-1-menu.no-intro li.has-children', 754 '#tpl-5OT7DF-mobile-menu .mobile-menu-nav li.has-children' 755 ].join(', '); 756 757 $(expandableSelectors).each(function (index) { 758 var $this = $(this); 759 var $thisA = $this.children('a'); 760 var $childUl = $this.children('ul'); 761 var ID = 'tpl-5OT7DF' + '-' + index + '-' + $thisA.text().toLowerCase().replace(/[^a-zA-Z]/g, ''); 762 763 $thisA.attr('aria-expanded', 'false').attr('aria-controls', ID); 764 $childUl.attr('id', ID); 765 }); 766 })(); 767 768 //----------------------------------------------------------- 769 // 770 // Main Menu 771 // 772 //----------------------------------------------------------- 773 // 774 (function () { 775 776 //-------------------------------- 777 // Exit if Megamenu was enabled 778 //-------------------------------- 779 // 780 if (IS_MEGAMENU_ENABLED) { 781 return false; 782 } 783 784 //-------------------------------- 785 // Selectors 786 //-------------------------------- 787 // 788 var $el = $('#tpl-5OT7DF'); 789 var $li = $el.find('.header-menu li.has-children'); 790 var $link = $li.find('a'); 791 var $directLink = $li.children('a'); 792 793 function active($li, $a) { 794 $li.addClass('active'); 795 $a.attr('aria-expanded', 'true'); 796 } 797 798 function inactive($li, $a) { 799 $li.removeClass('active'); 800 $a.attr('aria-expanded', 'false'); 801 } 802 803 $directLink.on('click', function (e) { 804 e.preventDefault(); 805 }); 806 807 $directLink.on('mouseenter', function () { 808 var $thisLink = $(this); 809 var $parentLi = $thisLink.closest('li'); 810 811 active($parentLi, $thisLink); 812 }); 813 814 $li.on('mouseleave', function () { 815 var $thisLi = $(this); 816 var $childLink = $thisLi.children('a'); 817 818 inactive($thisLi, $childLink); 819 }); 820 821 $directLink.on('keydown', function (e) { 822 var $thisLink = $(this); 823 var $parentLi = $thisLink.closest('li'); 824 825 switch (e.key) { 826 case 'Enter': 827 case ' ': 828 e.preventDefault(); 829 if ($parentLi.hasClass('active')) { 830 inactive($parentLi, $thisLink); 831 } else { 832 active($parentLi, $thisLink); 833 } 834 break; 835 } 836 }); 837 838 $link.on('keydown', function (e) { 839 var $thisLink = $(this); 840 var $parentLi = $thisLink.closest('li.active'); 841 var $parentLink = $parentLi.children('a'); 842 843 if ($parentLi.length && e.key === 'Escape') { 844 e.preventDefault(); 845 $parentLink.focus(); 846 inactive($parentLi, $thisLink); 847 } 848 }); 849 850 $li.on('focusout', function (e) { 851 var $thisLi = $(this); 852 var $childLink = $thisLi.find('a[aria-expanded]'); 853 854 setTimeout(function () { 855 if (!$thisLi.has(document.activeElement).length > 0) { 856 inactive($thisLi, $childLink); 857 } 858 }); 859 }); 860 })(); 861 862 //----------------------------------------------------------- 863 // 864 // Megamenu 865 // 866 //----------------------------------------------------------- 867 // 868 (function () { 869 870 //-------------------------------- 871 // Exit if Megamenu was disabled 872 //-------------------------------- 873 // 874 if (!IS_MEGAMENU_ENABLED) { 875 return false; 876 } 877 878 //-------------------------------- 879 // Selectors 880 //-------------------------------- 881 // 882 var $el = $('#tpl-5OT7DF'); 883 var $megamenu = $el.find('.megamenu'); 884 var $parentMenu = $megamenu.find('.megamenu-level-1'); 885 var $li = $parentMenu.children('li.has-children:not(.has-1-menu.no-intro)'); 886 var $link = $li.children('a'); 887 888 function active($li, $a) { 889 $li.addClass('active'); 890 $a.attr('aria-expanded', 'true'); 891 } 892 893 function inactive($li, $a) { 894 $li.removeClass('active'); 895 $a.attr('aria-expanded', 'false'); 896 } 897 898 $link.on('click', function (e) { 899 e.preventDefault(); 900 }); 901 902 $link.on('mouseenter', function () { 903 var $thisLink = $(this); 904 var $parentLi = $thisLink.closest('li'); 905 906 active($parentLi, $thisLink); 907 }); 908 909 $link.on('keydown', function (e) { 910 var $thisLink = $(this); 911 var $parentLi = $thisLink.closest('li'); 912 913 switch (e.key) { 914 case 'Enter': 915 case ' ': 916 e.preventDefault(); 917 if ($parentLi.hasClass('active')) { 918 inactive($parentLi, $thisLink); 919 } else { 920 active($parentLi, $thisLink); 921 } 922 break; 923 } 924 }); 925 926 $li.on('mouseleave', function () { 927 var $thisLi = $(this); 928 var $childLink = $thisLi.children('a'); 929 930 inactive($thisLi, $childLink); 931 }); 932 933 $li.on('keydown', function (e) { 934 var $thisLi = $(this); 935 var $childLink = $thisLi.children('a'); 936 937 if ($thisLi.hasClass('active') && e.key === 'Escape') { 938 inactive($thisLi, $childLink); 939 $childLink.focus(); 940 } 941 }); 942 943 $li.on('focusout', function () { 944 var $thisLi = $(this); 945 var $childLink = $thisLi.find('a[aria-expanded]'); 946 947 setTimeout(function () { 948 if (!$thisLi.has(document.activeElement).length > 0) { 949 inactive($thisLi, $childLink); 950 } 951 }); 952 }); 953 })(); 954 955 //----------------------------------------------------------- 956 // 957 // 1 column megamenu menu dropdown without intro 958 // 959 //----------------------------------------------------------- 960 // 961 (function () { 962 963 //-------------------------------- 964 // Exit if Megamenu was disabled 965 //-------------------------------- 966 // 967 if (!IS_MEGAMENU_ENABLED) { 968 return false; 969 } 970 971 //-------------------------------- 972 // Selectors 973 //-------------------------------- 974 // 975 var $el = $('#tpl-5OT7DF'); 976 var $megamenu = $el.find('.megamenu'); 977 var $li = $megamenu.find('li.has-1-menu.no-intro, li.has-1-menu.no-intro li.has-children'); 978 var $link = $li.find('a'); 979 var $directLink = $li.children('a'); 980 981 function active($li, $a) { 982 $li.addClass('active'); 983 $a.attr('aria-expanded', 'true'); 984 } 985 986 function inactive($li, $a) { 987 $li.removeClass('active'); 988 $a.attr('aria-expanded', 'false'); 989 } 990 991 $directLink.on('click', function (e) { 992 e.preventDefault(); 993 }); 994 995 $directLink.on('mouseenter', function () { 996 var $thisLink = $(this); 997 var $parentLi = $thisLink.closest('li'); 998 999 active($parentLi, $thisLink); 1000 }); 1001 1002 $li.on('mouseleave', function () { 1003 var $thisLi = $(this); 1004 var $childLink = $thisLi.children('a'); 1005 1006 inactive($thisLi, $childLink); 1007 }); 1008 1009 $directLink.on('keydown', function (e) { 1010 var $thisLink = $(this); 1011 var $parentLi = $thisLink.closest('li'); 1012 1013 switch (e.key) { 1014 case 'Enter': 1015 case ' ': 1016 e.preventDefault(); 1017 1018 if ($parentLi.hasClass('active')) { 1019 inactive($parentLi, $thisLink); 1020 } else { 1021 active($parentLi, $thisLink); 1022 } 1023 1024 break; 1025 } 1026 }); 1027 1028 $link.on('keydown', function (e) { 1029 var $thisLink = $(this); 1030 var $parentLi = $thisLink.closest('li.active'); 1031 var $parentLink = $parentLi.children('a'); 1032 1033 if ($parentLi.length && e.key === 'Escape') { 1034 e.preventDefault(); 1035 $parentLink.focus(); 1036 inactive($parentLi, $thisLink); 1037 } 1038 }); 1039 1040 $li.on('focusout', function (e) { 1041 var $thisLi = $(this); 1042 var $childLink = $thisLi.find('a[aria-expanded]'); 1043 1044 setTimeout(function () { 1045 if (!$thisLi.has(document.activeElement).length > 0) { 1046 inactive($thisLi, $childLink); 1047 } 1048 }); 1049 }); 1050 })(); 1051 1052 //----------------------------------------------------------- 1053 // 1054 // Alert Message 1055 // 1056 //----------------------------------------------------------- 1057 // 1058 (function () { 1059 1060 //-------------------------------- 1061 // Selectors 1062 //-------------------------------- 1063 // 1064 var $header = $('#tpl-5OT7DF'); 1065 var $headerWrap = $header.find('.header-wrap'); 1066 var $alertMsg = $('#tpl-5OT7DF-alert'); 1067 var $alertMsgCloseBtn = $alertMsg.find('.alert-close'); 1068 1069 //-------------------------------- 1070 // Location 1071 //-------------------------------- 1072 // 1073 if ($alertMsg.hasClass('is-bottom')) { 1074 $alertMsg.appendTo($headerWrap); 1075 } 1076 1077 //-------------------------------- 1078 // Parameters 1079 //-------------------------------- 1080 // 1081 var COOKIE_EXPIRATION = 7; 1082 var NEW_COOKIE_EXPIRATION = parseInt(''); 1083 var COOKIE_NAME = 'HEADER_ALERT_MESSAGE'; 1084 var COOKIE_CONTENT = $(`<div><p style="font-size: 20px;"><strong> TAKE ACTION NOW! <a style="color: #ed3295; text-decoration: underline;" href="https://paccpdx.org/Act-Now">Email City Council</a> to support a new Broadway theater at the Center. </strong></p></div>`).text().replace(/\s+/g, ' ').trim(); 1085 1086 //-------------------------------- 1087 // Set Cookie Expiration 1088 //-------------------------------- 1089 // 1090 if (isNaN(NEW_COOKIE_EXPIRATION)) { 1091 // console.l
1091og(COOKIE_NAME + ' cookie expiration is set to default 7 days'); 1092 } else { 1093 COOKIE_EXPIRATION = NEW_COOKIE_EXPIRATION; 1094 // console.log(COOKIE_NAME +' cookie expiration is set to ' + NEW_COOKIE_EXPIRATION + ' days'); 1095 } 1096 1097 //-------------------------------- 1098 // Check Cookie 1099 //-------------------------------- 1100 // 1101 checkCookie(COOKIE_NAME); 1102 1103 if (getCookie(COOKIE_NAME)) { 1104 $alertMsg.removeClass('active').attr('aria-hidden', 'true'); 1105 } else { 1106 $alertMsg.addClass('active').attr('aria-hidden', 'false'); 1107 } 1108 1109 //-------------------------------- 1110 // Close Message and Set Cookie 1111 //-------------------------------- 1112 // 1113 $alertMsgCloseBtn.on('click', function () { 1114 $alertMsg.removeClass('active').attr('aria-hidden', 'true'); 1115 setCookie(COOKIE_NAME, COOKIE_CONTENT, COOKIE_EXPIRATION); 1116 checkCookie(COOKIE_NAME); 1117 }); 1118 1119 //-------------------------------- 1120 // Functions 1121 //-------------------------------- 1122 // 1123 function checkCookie(cname) { 1124 var match = getCookie(cname); 1125 1126 if (match && match[1] !== COOKIE_CONTENT) { 1127 deleteCookie(cname); 1128 // console.log(cname + ' cookie has been cleared.'); 1129 } else if (match) { 1130 // console.log(cname + ' cookie is REMEMBERED on this browser.'); 1131 } else { 1132 // console.log(cname + ' cookie is NOT REMEMBERED on this browser.'); 1133 } 1134 } 1135 1136 function setCookie(cname, cvalue, exdays) { 1137 var d = new Date(); 1138 d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); 1139 1140 var expires = "expires=" + d.toUTCString(); 1141 document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; 1142 1143 // console.log(cname + ' cookie was set to "' + cvalue + '", and will be expired on ' + expires); 1144 } 1145 1146 function deleteCookie(cname) { 1147 document.cookie = cname + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 1148 } 1149 1150 function getCookie(cname) { 1151 return document.cookie.match(new RegExp("(?:^|; )" + cname + "=([^;]*)")); 1152 } 1153 })(); 1154 1155 //----------------------------------------------------------- 1156 // 1157 // Search 1158 // 1159 //----------------------------------------------------------- 1160 // 1161 (function () { 1162 1163 //-------------------------------- 1164 // Selectors 1165 //-------------------------------- 1166 // 1167 var $body = $('body'); 1168 var $openBtn = $('#tpl-5OT7DF .search-btn'); 1169 var $dialog = $('#tpl-5OT7DF-search-dialog'); 1170 var $closeBtn = $dialog.find('.search-dialog-close-btn'); 1171 var $backdrop = $dialog.find('.search-dialog-backdrop'); 1172 var $searchInput = $dialog.find('input[name="q"]'); 1173 1174 //-------------------------------- 1175 // Helper Functions 1176 //-------------------------------- 1177 // 1178 function openSearchForm() { 1179 $body.addClass('_overflow-hidden'); 1180 $openBtn.addClass("active").attr('aria-expanded', 'true'); 1181 $dialog.fadeIn(400).addClass("active").attr('aria-hidden', 'false'); 1182 $searchInput.focus(); 1183 } 1184 1185 function closeSearchForm() { 1186 $body.removeClass('_overflow-hidden'); 1187 $openBtn.removeClass("active").attr('aria-expanded', 'false'); 1188 $dialog.fadeOut(400).removeClass("active").attr('aria-hidden', 'true'); 1189 $openBtn.focus(); 1190 } 1191 1192 //-------------------------------- 1193 // Toggle Dialog 1194 //-------------------------------- 1195 // 1196 $openBtn.on('click', openSearchForm); 1197 $closeBtn.on('click', closeSearchForm); 1198 $backdrop.on('click', closeSearchForm); 1199 1200 //-------------------------------- 1201 // Keyboard Trap 1202 //-------------------------------- 1203 //
1204 var $focusableEls = $dialog.find('a, button, :input, [tabindex]:not([tabindex="-1"])'); 1205 var $firstFocusable = $focusableEls.first(); 1206 var $lastFocusable = $focusableEls.last(); 1207 1208 $dialog.on('keydown', function (e) { 1209 1210 var activeElement = document.activeElement; 1211 1212 switch (e.key) { 1213 case 'Tab': 1214 if (e.shiftKey && activeElement === $firstFocusable[0]) { 1215 e.preventDefault(); 1216 $lastFocusable.focus(); 1217 } else if (!e.shiftKey && activeElement === $lastFocusable[0]) { 1218 e.preventDefault(); 1219 $firstFocusable.focus(); 1220 } 1221 break; 1222 case 'Escape': 1223 e.preventDefault(); 1224 closeSearchForm(); 1225 break; 1226 } 1227 }); 1228 })(); 1229 1230 //----------------------------------------------------------- 1231 // 1232 // Mobile Menu 1233 // 1234 //----------------------------------------------------------- 1235 // 1236 (function () { 1237 1238 //-------------------------------- 1239 // Selectors 1240 //-------------------------------- 1241 // 1242 var $body = $('body'); 1243 var $burger = $('#tpl-5OT7DF-burger'); 1244 var $menu = $('#tpl-5OT7DF-mobile-menu'); 1245 var $menuCloseBtn = $('#tpl-5OT7DF-mobile-menu-close-btn'); 1246 var $menuWrap = $menu.find('.mobile-menu-wrap'); 1247 var $menuBackdrop = $menu.find('.mobile-menu-backdrop'); 1248 var $nav = $menu.find('.mobile-menu-nav'); 1249 var $navA = $nav.find('li.has-children > a'); 1250 1251 var $focusableEls = $menu.find('a, button, :input, [tabindex]:not([tabindex="-1"])'); 1252 var $firstFocusable = $focusableEls.first(); 1253 var $lastFocusable = $focusableEls.last(); 1254 1255 //-------------------------------- 1256 // Initialization 1257 //-------------------------------- 1258 // 1259 // Append a plus symbol to <a class="has-children"> 1260 // 1261 $navA.append('<i class="fa fa-chevron-right" aria-hidden="true"></i>'); 1262 1263 //-------------------------------- 1264 // Helper Functions 1265 //-------------------------------- 1266 // 1267 function active($ul, $li, $a) { 1268 $ul.slideDown(100).addClass('active'); 1269 $li.addClass('active'); 1270 $a.attr('aria-expanded', 'true'); 1271 } 1272 1273 function inactive($ul, $li, $a) { 1274 $ul.slideUp(100).removeClass('active'); 1275 $li.removeClass('active'); 1276 $a.attr('aria-expanded', 'false'); 1277 } 1278 1279 function openMenu() { 1280 $body.addClass('_overflow-hidden'); 1281 $burger.attr('aria-expanded', 'true'); 1282 $menu.addClass('active').css({'pointer-events': 'auto', 'visibility': 'visible'}).attr('aria-hidden', 'false'); 1283 1284 window.requestAnimationFrame(function () { 1285 $menuWrap.animate({'right': '0'}, 200); 1286 $menuBackdrop.fadeIn(200); 1287 }); 1288 1289 $menuCloseBtn.focus(); 1290 } 1291 1292 function closeMenu() { 1293 $body.removeClass('_overflow-hidden'); 1294 $burger.attr('aria-expanded', 'false'); 1295 1296 // Use requestAnimationFrame for smoother animation 1297 window.requestAnimationFrame(function () { 1298 $menuWrap.animate({'right': '-100%'}, 200); 1299 $menuBackdrop.fadeOut(200, function () { 1300 inactive( 1301 $nav.find('ul.active'), 1302 $nav.find('li.active'), 1303 $nav.find('a[aria-expanded=true]') 1304 ); 1305 }); 1306 }); 1307 $burger.focus(); 1308 } 1309 1310 //-------------------------------- 1311 // Utility function to bind both 1312 // click and touchstart 1313 //-------------------------------- 1314 // 1315 function bindClickAndTouch($element, handler) { 1316 $element.on('click touchstart', function (e) { 1317 e.preventDefault(); 1318 handler(); 1319 }); 1320 } 1321 1322 //-------------------------------- 1323 // Toggle Mobile Menu 1324 //-------------------------------- 1325 // 1326 bindClickAndTouch($burger, function () { 1327 $burger.hasClass('active') ? closeMenu() : openMenu(); 1328 }); 1329 1330 bindClickAndTouch($menuCloseBtn.add($menuBackdrop), closeMenu); 1331 1332 //-------------------------------- 1333 // Keyboard Trap 1334 //-------------------------------- 1335 // 1336 $menu.on('keydown', function (e) { 1337 switch (e.key) { 1338 case 'Tab': 1339 if (e.shiftKey && document.activeElement === $firstFocusable[0]) { 1340 e.preventDefault(); 1341 $lastFocusable.focus(); 1342 } else if (!e.shiftKey && document.activeElement === $lastFocusable[0]) { 1343 e.preventDefault(); 1344 $firstFocusable.focus(); 1345 } 1346 break; 1347 case 'Escape': 1348 closeMenu(); 1349 break; 1350 } 1351 }); 1352 1353 //-------------------------------- 1354 // Toggle Children 1355 //-------------------------------- 1356 // 1357 $navA.on('click', function (e) { 1358 e.preventDefault(); 1359 1360 var $this = $(this); 1361 var $thisLi = $this.closest('li.has-children'); 1362 var $thisUl = $this.next('ul'); 1363 var $activeChildUl = $thisUl.find('ul.active'); 1364 var $activeChildLi = $thisUl.find('li.active'); 1365 var $activeChildA = $thisUl.find('a[aria-expanded=true]'); 1366 var $activeSiblingLi = $thisLi.siblings('li.active'); 1367 var $activeSiblingChildUl = $activeSiblingLi.find('ul.active'); 1368 var $activeSiblingChildLi = $activeSiblingLi.find('li.active'); 1369 var $activeSiblingChildA = $activeSiblingLi.find('a[aria-expanded=true]'); 1370 1371 if ($thisLi.hasClass('active')) { 1372 inactive($thisUl, $thisLi, $this); 1373 } else { 1374 active($thisUl, $thisLi, $this); 1375 } 1376 1377 $activeSiblingLi.removeClass('active'); 1378 inactive($activeChildUl, $activeChildLi, $activeChildA); 1379 inactive($activeSiblingChildUl, $activeSiblingChildLi, $activeSiblingChildA); 1380 }); 1381 })(); 1382 1383 //----------------------------------------------------------- 1384 // 1385 // Sticky Header & Scroll 1386 // 1387 //----------------------------------------------------------- 1388 // 1389 (function () { 1390 1391 //-------------------------------- 1392 // Exit if Header isn't Sticky 1393 //-------------------------------- 1394 // 1395 if (!IS_STICKY_HEADER) { 1396 return false; 1397 } 1398 1399 //-------------------------------- 1400 // Selectors 1401 //-------------------------------- 1402 // 1403 var $mainArea = $('#main-area'); 1404 var $header = $('#tpl-5OT7DF'); 1405 var $headerMain = $header.find('.header-main'); 1406 var $utilityBar = $header.find('.header-utility'); 1407 var $alertMsg = $('#tpl-5OT7DF-alert'); 1408 1409 //-------------------------------- 1410 // Initialize Conditions 1411 //-------------------------------- 1412 // 1413 var HAS_UTILITY_BAR = $utilityBar.length > 0;
1414 var HAS_TOP_ALERT_MSG = $alertMsg.length && $alertMsg.hasClass('is-top active'); 1415 1416 //-------------------------------- 1417 // Execute functions by condition 1418 //-------------------------------- 1419 // 1420 if (HAS_UTILITY_BAR || HAS_TOP_ALERT_MSG) { 1421 toggleStickyScroll(); 1422 } else { 1423 toggleScroll(); 1424 } 1425 1426 //-------------------------------- 1427 // Functions 1428 //-------------------------------- 1429 // 1430 function toggleStickyScroll() { 1431 new ScrollMagic.Scene({ 1432 triggerElement: $headerMain[0], 1433 triggerHook: 0, 1434 offset: 0 1435 }) 1436 .setClassToggle($header[0], 'is-stuck') 1437 .addTo(SMController); 1438 1439 new ScrollMagic.Scene({ 1440 triggerElement: $mainArea[0], 1441 triggerHook: 0, 1442 offset: 50 1443 }) 1444 .setClassToggle($header[0], 'is-scrolled') 1445 .addTo(SMController); 1446 } 1447 1448 function toggleScroll() { 1449 $header.addClass('is-stuck'); 1450 1451 new ScrollMagic.Scene({ 1452 triggerElement: $mainArea[0], 1453 triggerHook: 0, 1454 offset: 50 1455 }) 1456 .setClassToggle($header[0], 'is-scrolled') 1457 .addTo(SMController); 1458 } 1459 })(); 1460 }); 1461</script>
1461</div></div> 1462 </header> 1463 1464 <!-- Main --> 1465 <main id="main-area"> 1466 <div class="mwPageArea"><div id="wVJUWC7PTC7ENPBS" class="mwPageBlock Include" style=""><div class="blockContents"> 1467 1468 1469 1470<div id="tpl-SITQ0X" class="content-area _content-style is-xl _bg-dark " data-tpl-tooltip="Content Area"> 1471 <div id="" class="content-area-wrap "> 1472 <div class="container"> 1473 <div class="mwPageArea"><div class="Clear"></div></div> 1474 </div> 1475 </div> 1476</div></div></div><div id="wW4IKWIGA533S5FR" class="mwPageBlock BlogsPost" style=""><div class="blockContents">
1476<script type="text/javascript"> 1477 1478 jQuery( function () { 1479 1480 if ( window.mwData !== undefined ) mwData.BlogsPostID = 539; 1481 1482 }); //jQuery.onLoad 1483 1484 </script>
1484 1485 1486 1487<article id="tpl-U0SYHA" class="post-details post-details-style-1 _content-style has-header-img no-gallery" data-tpl-tooltip="Post Details - Style 1"> 1488 <div class="post-details-wrap"> 1489 1490 <!-- Header --> 1491 <div class="post-details-header"> 1492 <div class="container"> 1493 <div class="post-details-header-inner"> 1494 1495 1496 </div> 1497 1498 <!-- Banner --> 1499 <div class="post-details-banner"> 1500 <picture> 1501 <source srcset="/get/files/image/galleries/City_Hall.png?resize=870x0" media="(min-width: 600px)"/> 1502 <source srcset="/get/files/image/galleries/City_Hall.png?resize=600x0" media="(max-width: 599px)"/> 1503 <img class="_img-fluid" src="/get/files/image/galleries/City_Hall.png?resize=600x0" alt="City Life Advances Resolution to City Council" width="870" height="489"/> 1504 </picture> 1505 </div> 1506 </div> 1507 </div> 1508 1509 <!-- Subheader --> 1510 <div class="post-details-subheader"> 1511 <div class="container"> 1512 <div class="post-details-subheader-inner"> 1513 <!-- Title --> 1514 <h1 class="post-details-title">City Life Advances Resolution to City Council</h1> 1515 1516 <!-- Metas --> 1517 <div class="post-details-metas"> 1518 1519 <!-- Author & Date --> 1520 1521 1522 <!-- Date Only --> 1523 1524 <time class="post-details-date"></time> 1525 1526 1527 <!-- Share --> 1528 <div class="post-details-share"> 1529 <div class="share-links"> 1530 1531 </div> 1532 </div> 1533 </div> 1534 1535 1536 </div> 1537 </div> 1538 </div> 1539 1540 <!-- Gallery --> 1541 1542 <!-- Body --> 1543 <div class="post-details-body"> 1544 <div class="container"> 1545 <div class="post-details-body-inner"><p>On August 11, the City of Portland’s City Life Committee voted to advance to the full City Council a resolution supporting moving ahead with planning for a City-owned Broadway theater at the proposed Performing Arts + Culture Center – as well as launching a public planning process to determine what is next for Keller Auditorium.</p> 1546<p>At a previous City Life hearing, Chair Elana Pirtle-Guiney, Vice Chair Eric Zimmerman and committee members Candace Avalos, Angelita Morillo and Dan Ryan heard powerful verbal and written testimony from students, artists, arts organizations, educators, civic leaders and neighbors in support of the resolution. City Life councilors also received more than 1,200 emails from supportive community members.</p> 1547<p>The resolution is the critical next step after three years of public process that began in 2023 with a City call for proposals for potential new performing arts facility sites in Portland. Market and economic analyses and recommendations from independent advisory groups have all underscored the benefits of building at the PSU site.</p> 1548<p>The resolution instructs City staff to work with Portland State on more detailed cost estimating and to determine a realistic target for the City’s initial financial commitment – to take the project from conceptual planning to the detailed project definition needed for key funding decisions to be made.</p> 1549<p>The $44 million figure mentioned in some media reporting is 10% of the estimated total cost of the City-owned Broadway venue. It is a potential target for the City’s initial financial commitment that will be determined in the next phase of planning. Any financial commitment will require subsequent City Council approval.</p> 1550<p>City funds will pay for the City-owned Broadway venue, not for other elements of the multi-use project. Portland State has separately identified funding for the smaller theaters, rehearsal spaces and classrooms it will own to benefit students and the larger arts ecosystem. In addition, Colas Development Group has entered into an exclusive negotiating relationship to develop the Center’s hotel and conference center.</p> 1551<p>Thank you to everyone who took action, submitted written testimony, or testified in person on behalf of the Performing Arts + Culture Center project as the resolution came before the City Life Committee. That community support has helped drive momentum behind a vision that will create new opportunities for artists, audiences, students, and cultural organizations across our region.</p> 1552<p>The resolution passed by City Life is expected to go before the full City Council on September 3.</p></div> 1553 </div> 1554 </div> 1555 </div> 1556</article></div></div><div class="Clear"></div></div> 1557 </main> 1558 1559 <!-- Footer --> 1560 <footer id="footer-area"> 1561 <div id="wP3QNEWGW9ECPV2N" class="mwPageBlock Include" style=""><div class="blockContents"> 1562 1563 1564 1565 1566<div id="tpl-C4M52G" class="footer footer-style-1 _content-style _bg-dark" data-tpl-tooltip="Footer - Style 1"> 1567 <div class="footer-wrap"> 1568 <!-- Main --> 1569 <div class="footer-main"> 1570 <div class="container"> 1571 1572 <!-- Bottom --> 1573 <div class="footerBottom"> 1574 <div class="row"> 1575 1576 <!-- Col 1 --> 1577 <div class="footer-col footer-col-1 col-xl-3"> 1578 <div class="footer-col-inner"> 1579 <!-- Logo --> 1580 <a class="footer-logo" href="/" title="Performing Arts + Culture Center white logo transparent background"> 1581 <img src="/files/galleries/Logo_White_Pine.png?resize=400x0" alt="Performing Arts + Culture Center white logo transparent background"/> 1582 </a> 1583 </div> 1584 </div> 1585 1586 <!-- Col 2 --> 1587 <div class="footer-col footer-col-2 col-xl-3"> 1588 <div class="footer-col-inner"> 1589 1590 1591 1592 <!-- Not nested inside custom_enable_col2 --> 1593 1594 <div class="footer-contact _mt-20"> 1595 <div class="footer-contact-item">1600 SW 4th Avenue, Suite 730</div> 1596 <div class="footer-contact-item">Portland, OR 97201</div> 1597 <div class="footer-contact-item"> 1598 <a href="tel:503-725-4478" class="footer-phone">503-725-4478</a> 1599 </div> 1600 </div> 1601 1602 <div> 1603 <!-- <p><a href="/gallery">Media Resources</a></p> --> 1604 </div> 1605 1606 1607 </div> 1608 </div> 1609 1610 <!-- Col 3 --> 1611 <div class="footer-col footer-col-3 col-xl-3"> 1612 <div class="footer-col-inner"> 1613 1614 </div> 1615 </div> 1616 1617 <!-- Col 4 --> 1618 <div class="footer-col footer-col-4 col-xl-3"> 1619 <div class="footer-col-inner"> 1620 <!-- Social Media --> 1621 1622 <div class="footer-sns"> 1623 <div id="w65SLYA2SS9QQR2P" class="mwPageBlock Include" style=""><div class="blockContents"> 1624 1625 1626<div id="tpl-K72QFQ" class="sns sns-style-1 is-circle is-right is-md is-primary" data-tpl-tooltip="Social Media - Style 1"> 1627 <nav class="sns-wrap" aria-label="Social Media List"> 1628 <ul> 1629 1630 <li class="sns-facebook" style="order:1;"> 1631 <a href="https://www.facebook.com/media/set/?set=a.122098600598363340&type=3" target="_blank"><span class="_sr-only">Facebook</span><i class="fab fa-facebook-f" aria-hidden="true"></i><i class="fab fa-facebook-f" aria-hidden="true"></i></a> 1632 </li> 1633 1634 1635 1636 <li class="sns-instagram" style="order:3;"> 1637 <a href="https://www.instagram.com/pacc_pdx/" target="_blank"><span class="_sr-only">Instagram</span><i class="fab fa-instagram" aria-hidden="true"></i><i class="fab fa-instagram" aria-hidden="true"></i></a> 1638 </li> 1639 1640 1641 1642 <li class="sns-linkedin" style="order:5;"> 1643 <a href="https://www.linkedin.com/showcase/111484941/admin/dashboard/" target="_blank"><span class="_sr-only">Linkedin</span><i class="fab fa-linkedin-in" aria-hidden="true"></i><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> 1644 </li> 1645 1646 1647 1648 1649 <li class="sns-threads" style="order:4;"> 1650 <a href="https://www.threads.com/@pacc_pdx?xmt=AQF0KA1OWzBmD7BUiuNgY42_5PUhG8IWxcGM1pUO62f4X1g" target="_blank"><span class="_sr-only">Pinterest</span><i class="fab fa-threads" aria-hidden="true"></i><i class="fab fa-threads-p" aria-hidden="true"></i></a> 1651 </li> 1652 1653 </ul> 1654 </nav> 1655</div></div></div> 1656 </div> 1657 1658 1659 1660 1661 <!-- NEW: Get Involved Button --> 1662 1663 <div class="_mt-20"> 1664 <div id="wQE3ST8XIAT31NYD" class="mwPageBlock Button" style=""><div class="blockContents"> 1665 1666 1667 1668<style type="text/css"> 1669 #tpl-N7515L .is-width-fullwidth > a { width: 100%; max-width: 100%; } 1670 #tpl-N7515L .is-width-by-percentage > a { width: %; max-width: 100%; } 1671 #tpl-N7515L .is-width-by-pixel > a { width: px; max-width: 100%; } 1672</style> 1673 1674<div id="tpl-N7515L" class="mwBtnRight "> 1675 <div class="btn is-rounded is-third "> 1676 <a href="/Get-Involved" template="default" class="medium" target="_self">Get Involved</a> 1677 </div> 1678</div></div></div> 1679 1680 </div> 1681 1682 1683 </div> 1684 </div> 1685 1686 </div> 1687 </div> 1688 1689 <!-- Footer Copyright --> 1690 <div class="footer-copyright"> 1691 <div class="row"> 1692 <div class="footer-copyright-left col-xl-7 col-md-12"> 1693 <div class="_mb-30">© Copyright 2026 Performing Arts + Culture Center</div> 1694 </div> 1695 <div class="footer-powered-by-right col-xl-5 col-md-12"> 1696 1697 <div id="wRJTMCI853LA8SFQ" class="mwPageBlock Content" style=""><div class="blockContents"><p> 1698 <a href="https://psuf.org/Privacy">Privacy</a> | <a href="/Media">For Media</a> 1699</p></div></div> 1700 1701 </div> 1702 </div> 1703 </div> 1704 1705 </div> 1706 </div> 1707 </div> 1708</div> 1709 1710<style> 1711 /* Contact block spacing/typography */ 1712 #tpl-C4M52G .footer-contact .footer-contact-item { 1713 line-height: 1.5; 1714 } 1715 1716 #tpl-C4M52G .footer-contact .footer-phone { 1717 text-decoration: none; 1718 } 1719 1720 /* Electric green "GET INVOLVED" button */ 1721 #tpl-C4M52G .mw-btn-get-involved{ 1722 display: inline-flex; 1723 align-items: center; 1724 justify-content: center; 1725 padding: 18px 28px; 1726 border-radius: 25px; 1727 font-weight: 900; 1728 text-transform: uppercase; 1729 letter-spacing: 0.08em; 1730 font-size: 18px; 1731 line-height: 1; 1732 background: #39FF14; /* electric green */ 1733 color: #000; 1734 text-decoration: none; 1735 border: 2px solid #39FF14; 1736 } 1737 1738 #tpl-C4M52G .mw-btn-get-involved:hover{ 1739 transform: translateY(-1px); 1740 } 1741 1742 #tpl-C4M52G .mw-btn-get-involved:focus{ 1743 outline: none; 1744 } 1745</style> 1746</div></div> 1747 </footer> 1748 </div> 1749 1750 <!-- Vendor Javascript --> 1751
1751<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
1751 1752
1752<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"></script>
1752 1753
1753<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
1753 1754
1754<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
1754 1755
1755<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>
1755 1756
1756<script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
1756 1757
1757<script src="/js/vendors/mw_accessibility/accessibility.js?v=mw3.3"></script>
1757 1758 1759 1760 <!-- Javascript --> 1761
1761<script src="/js/global.js?v=mw3.2"></script>
1761 1762
1762<script src="/js/script.js?v=mw3.2"></script>
1762 1763 <div class="accessibility"></div> 1764 1765 <!-- Brent's Tools --> 1766 <div class="checkers"></div> 1767
1767<script type="text/javascript"> 1768 $(document).ready(function () { 1769 // Load the first template 1770 $('.checkers').load('/link_checker.php', function () { 1771 $('.checkers').append($('<div>').load('/seo.php')); 1772 $('.checkers').append($('<div>').load('/performance.php')); 1773 $('.checkers').append($('<div>').load('/accessibility.php')); 1774 }); 1775 }); 1776 </script>
1776 1777 </body> 1778</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.