1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.         <meta http-equiv="x-ua-compatible" content="IE=8">
  6.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7.  
  8.     <title>Calendar of Events | The City of Portland, Oregon</title>
  9.     <link rel="shortcut icon" href="/favicon.ico" />
  10.    
  11.         <link class="stylesheet" rel="stylesheet" href="/assets/css/main.css" type="text/css">
  12.         <link class="stylesheet" rel="stylesheet" href="/oni/custom.css" type="text/css">
  13.    
  14.     <link rel="stylesheet" href="/assets/plugins/superfish/superfish.css" type="text/css">
  15.     <meta name="description" content="Enhancing the quality of Portland's neighborhoods through community participation.">
  16.     <script language="JavaScript" src="/shared/js/createWin.js" type="text/javascript"></script>
  17. <!--[if lt IE 9]>
  18.     <script src="/assets/js/html5forie.js" type="text/javascript"></script>
  19. <![endif]-->
  20. <!--[if lt IE 7]>
  21.     <script src="/assets/js/ie6pngfix.js" type="text/javascript"></script>
  22. <![endif]-->
  23. </head>
  24. <body id="public">
  25.     <div id="accessibility"><a href="#main-content">Skip to Main Content</a> <a href="#" class="style-off">View Text-Only</a></div>
  26.    
  27.     <header id="main-header">
  28.         <div id="header-stripe">
  29.             <div class="container_16">
  30.                 <h1><a href="/"><img src="/assets/images/city-of-portland-seal.png" alt="The City of Portland, Oregon" width="300" height="37" /></a></h1>
  31.                 <div id="search-form-wrap">
  32.                     <form id="search-form" method="get" action="">
  33.                         <input type="text" autocomplete="off" value="" name="s">
  34.                         <input class="button" type="submit" value="Search" name="submit" onfocus="blur()">
  35.                         <div class="search-results">
  36.                             <img src="/assets/images/tip-arrow-up.png" alt="tip-arrow-up" width="22" height="12" />
  37.                             <ol>
  38.                             </ol>
  39.                             <a class="adv-search" href="">Advanced Search</a>
  40.                         </div>
  41.                     </form>
  42.                 </div>
  43.                 <div class="clear"></div>
  44.             </div>
  45.         </div><!--/header-stripe -->
  46.         <div class="clear"></div>
  47.         <div id="utility-stripe">
  48.             <div class="container_16">
  49.                 <nav id="breadcrumbs">
  50.                    
  51.                             <a href="">City Home</a>
  52.                         <a href="/oni/25783" >Government</a> <a href="/oni/26003" >Bureaus & Offices</a>
  53.                 </nav>
  54.                 <section id="utility-tools">
  55.                     <ul id="utility-nav">
  56.                        
  57.                             <li><a href="#" class="signin">Sign In</a> <!--/ Need to make this dynamic Sign In / Sign Out -->
  58.                                 <fieldset id="signin-box">
  59.                                     <form name="loginForm" action="https://dev.portlandoregon.gov/oni/?login=1" method="post" id="signin" >
  60.                                         <input type="hidden" name="referer" value="/oni/29014">
  61.                                         <ol>
  62.                                             <li>
  63.                                                 <label for="username">Username or Email</label>
  64.                                                 <input id="username" name="user_name" value="" title="username" tabindex="4" type="text">
  65.                                             </li>
  66.                                             <li>
  67.                                                 <label for="password">Password</label>
  68.                                                 <input id="password" name="password" value="" title="password" tabindex="5" type="password">
  69.                                             </li>
  70.                                             <li class="submit-group">
  71.                                                 <input class="button" id="signin-submit" value="Sign in" tabindex="6" type="submit">
  72.                                                 <label id="remember-me" for="remember"><input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox"> Remember me</label>
  73.                                             </li>
  74.                                         </ol>
  75.                                         <p class="forgot"><a href="/oni/?forgot=1&login=1&referer=%2Foni%2F29014" title="If you remember your password, try logging in with your email" id="resend_password_link">Forgot your username or password?</a><br />
  76.                                         <a href="/oni/?new=1&login=1&referer=%2Foni%2F29014" title="Create an account here">Not signed up? Create an Account &raquo;</a></p>
  77.                                         <input type="hidden" name="process_login" value="yes">
  78.                                     </form>
  79.                                 </fieldset>
  80.                             </li>
  81.                        
  82.  
  83.                     </ul>
  84.                     <ul id="font-resize">
  85.                         <li class="font-increase"><a href="#increase-text">Increase Text Size</a></li>
  86.                         <li class="font-decrease"><a href="#decrease-text">Decrease Text Size</a></li>
  87.                         <li class="font-reset"><a href="#reset-text">Reset Text Size</a></li>
  88.                     </ul>
  89.                 </section>
  90.             </div>
  91.             <div class="clear"></div>
  92.         </div><!--/utility-stripe -->
  93.         <span id="under-stripe"></span>
  94.     </header>
  95.  
  96.         <section class="container_16" id="branding-wrap">
  97.             <header>
  98.                 <hgroup id="bureau-titles">
  99.                    
  100.                     <h1>Neighborhood Involvement</h1>
  101.                     <h2>Office of Neighborhood Involvement (ONI) | Promoting a culture of civic engagement by connecting and supporting all Portlanders working together and with government to build inclusive, safe and livable neighborhoods and communities.</h2>
  102.                    
  103.                 </hgroup>
  104.             </header>
  105.            
  106.  
  107.             <nav id="bureau-nav">
  108.                 <ul>
  109.                
  110.                             <li><a href="/oni/25967" class="bureau-home" title="Back to Neighborhood Involvement - Home">Bureau Home</a></li>
  111.                        
  112.                             <li><a href="/oni/28360" >News & Events</a></li>
  113.                        
  114.                             <li><a href="/oni/28380" >My Neighborhood</a></li>
  115.                        
  116.                             <li><a href="/oni/28977" >Get Involved!</a></li>
  117.                        
  118.                             <li><a href="/oni/52096" >Get Organized!</a></li>
  119.                        
  120.                             <li><a href="/oni/28381" >ONI Programs</a></li>
  121.                        
  122.                             <li><a href="/oni/28363" >About ONI</a></li>
  123.                        
  124.                
  125.                 </ul>
  126.                 <br class="clear" />
  127.             </nav>
  128.            
  129.             <div id="section-breadcrumbs">
  130.                 <nav>
  131.                     <a class="first" href="/oni/28360">News & Events</a>
  132.                     <div class="clear"></div>
  133.                 </nav>
  134.             </div><!--/breadcrumbs -->
  135.            
  136.             <section id="content-wrap">
  137.                                 <div class="grid_4" id="side-content">
  138.                    
  139.                         <nav id="section-nav">
  140.                             <ul>
  141.                            
  142.                                 <li><a href="/oni/29367" title="Citywide Neighborhood Events">Citywide</a></li>
  143.                            
  144.                                 <li><a href="/oni/29363" title="SW Portland Neighborhood Events SWNI">Southwest</a></li>
  145.                            
  146.                                 <li><a href="/oni/29357" title="North Portland Neighborhood Events NPNS">North </a></li>
  147.                            
  148.                                 <li><a href="/oni/29361" title="Inner NE Neighborhood Events NECN">Inner Northeast</a></li>
  149.                            
  150.                                 <li><a href="/oni/29362" title="Central North East Neighborhood Events CNN">Central Northeast</a></li>
  151.                            
  152.                                 <li><a href="/oni/29364" title="South East Portland Neighborhood Events SEUL">Southeast</a></li>
  153.                            
  154.                                 <li><a href="/oni/29365" title="East Portland Neighborhood Events EPNO">East</a></li>
  155.                            
  156.                                 <li><a href="/oni/29356" title="NW and Inner SW Neighborhood Events including Downtown, Old Town/Chinatown">Northwest and Inner SW</a></li>
  157.                            
  158.                                 <li><a href="/oni/29366" title="Lloyd District Neighborhood Events">Lloyd District</a></li>
  159.                            
  160.                                 <li><a href="/oni/52339" title="Events of interest to the disability community.">Disability Events</a></li>
  161.                            
  162.                             </ul>
  163.                         </nav><!--/section-nav -->
  164.                         <div class="widget promoted">
  165.                             <article>
  166.                                 <header>
  167.                                     <h1>Morbi ac commodo</h1>
  168.                                 </header>
  169.                                 <p>Vivamus id mollis quam. Morbi ac commodo nulla. In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis.</p>
  170.                                 <a href="#">Read More&hellip;</a>
  171.                             </article>
  172.                             <article>
  173.                                 <header>
  174.                                     <h1>Vivamus id mollis</h1>
  175.                                 </header>
  176.                                 <p>Morbi malesuada nulla nec purus convallis consequat. Vivamus id mollis quam. Morbi ac commodo nulla. In condimentum orci.</p>
  177.                                 <a href="#">Read More&hellip;</a>
  178.                             </article>
  179.                         </div><!--/promoted -->
  180.                         <div class="widget most-popular">
  181.                             <h1>Most Popular</h1>
  182.                             <ol>
  183.                                 <li>
  184.                                     <a title="Seeking homes...apply today!" href="http://www.cleanenergyworksportland.org">Clean Energy Works Portland</a>
  185.                                 </li>
  186.                                 <li>
  187.                                     <a title="Join us" href="/bps/index.cfm?c=41480">Food &amp; Climate Change Day Sunday, April 18</a>
  188.                                 </li>
  189.                                 <li>
  190.                                     <a title="Have Your Say at PDXPlan.com" href="http://www.pdxplan.com">Portland Business Community Survey</a>
  191.                                 </li>
  192.                                 <li>
  193.                                     <a title="Tickets for the 18th annual BEST Awards breakfast on sale now." href="http://www.bestbusinesscenter.org/">Tickets for the 18th annual BEST Awards breakfast on sale now.</a>
  194.                                 </li>
  195.                                 <li>
  196.                                     <a title="Read it here or sign up to receive the letter directly to your inbox." href="/bps/index.cfm?c=51589">BPS E-Newsletter</a>
  197.                                 </li>
  198.                             </ol>
  199.                         </div><!--/most-popular -->
  200.                         <div class="widget recently-added">
  201.                             <h1>Most Recent</h1>
  202.                             <ul>
  203.                                 <li>
  204.                                     <a title="" href="">DJC: Siltronic granted exemption from River Plan</a>
  205.                                 </li>
  206.                                 <li>
  207.                                     <a title="" href="">Portland Green Living Examiner: Is Portland's new River Plan already in jeopardy?</a>
  208.                                 </li>
  209.                                 <li>
  210.                                     <a title="" href="">Fix-It Fair Resource Guide</a>
  211.                                 </li>
  212.                                 <li>
  213.                                     <a title="" href="">Clean Energy Works Portland</a>
  214.                                 </li>
  215.                                 <li>
  216.                                     <a title="" href="">BPS News: SE 122nd Ave. subject of upcoming community workshop</a>
  217.                                 </li>
  218.                             </ul>
  219.                         </div><!--/recently-added -->
  220.                    
  221.                 </div><!--/grid_4 -->
  222.  
  223.                 <div class="grid_12 calendarWrap" id="main-content">
  224.                     <h1>Calendar of Events</h1>
  225.                     <nav>
  226.                         <ul>
  227.                            
  228.                             <li><a  href="/oni/?c=29014&cal=DisplayCalendar&startdate={ts '2010-10-29 12:48:08'}">Calendar View</a></li>
  229.                             <li><a  href="/oni/?c=29014&cal=DisplayMonth&startdate={ts '2010-10-29 12:48:08'}">Month Outline</a></li>
  230.                             <li><a  href="/oni/?c=29014&cal=DisplayWeek&startdate={ts '2010-10-29 12:48:08'}">Week Outline</a></li>
  231.                             <li><a href="/oni/?c=29014&calOutput=RSS">RSS</a></li>
  232.                             <li><a href="/oni/?c=29014&calOutput=iCal">iCal</a></li>
  233.                            
  234.                            
  235.                         </ul>
  236.                     </nav>
  237.  
  238.                    
  239.                    
  240.     <h3>Woodlawn Board Meeting</h3>
  241.  
  242.    
  243.         <p>1425 NE Dekum, 2nd floor at west end of church</p>
  244.    
  245.    
  246.     <span class="detailData">
  247.     Wednesday, October 6 2010, 6:30 PM
  248.          to 8:30 PM
  249.     </span>
  250.    
  251.             <h4>Category</h4>
  252.        
  253.             <p class="detailData"> Event Types&nbsp;&gt; Meetings&nbsp;&gt; <strong>Neighborhood/Business Association Meeting</strong> </p>
  254.        
  255.                 </div><!--/main-content -->
  256.                 <div class="clear"></div>
  257.             </section><!--/content-wrap -->
  258.         </section>
  259.         <footer id="footer">
  260.             <div class="container_16">
  261.                 <a class="backtotop" href="#top">Back to Top</a>
  262.                 <div id="footer-directory">
  263.                     <nav>
  264.                         <ul>
  265.                             <li class="grid_4">
  266.                                 <h4>City of Portland</h4>
  267.                                 <ul>
  268.                                     <li><a href="#">Community</a></li>
  269.                                     <li><a href="#">Business</a></li>
  270.                                     <li><a href="#">Visitors</a></li>
  271.                                     <li><a href="#">Government</a></li>
  272.                                 </ul>
  273.                             </li>
  274.                             <li class="grid_4">
  275.                                 <h4>Bureau Menu</h4>
  276.                                 <ul>
  277.                                
  278.                                             <li><a href="/oni/25967" class="bureau-home" title="Back to Neighborhood Involvement - Home">Bureau Home</a></li>
  279.                                        
  280.                                             <li><a href="/oni/28360" >News & Events</a></li>
  281.                                        
  282.                                             <li><a href="/oni/28380" >My Neighborhood</a></li>
  283.                                        
  284.                                             <li><a href="/oni/28977" >Get Involved!</a></li>
  285.                                        
  286.                                             <li><a href="/oni/52096" >Get Organized!</a></li>
  287.                                        
  288.                                             <li><a href="/oni/28381" >ONI Programs</a></li>
  289.                                        
  290.                                             <li><a href="/oni/28363" >About ONI</a></li>
  291.                                        
  292.                                 </ul>
  293.                             </li>
  294.                             <li class="grid_4">
  295.                                 <h4>Legal</h4>
  296.                                 <ul>
  297.                                     <li><a href="#">Disclaimer</a></li>
  298.                                     <li><a href="#">Privacy Policy</a></li>
  299.                                     <li><a href="#">Website Accessibility</a></li>
  300.                                     <li><a class="toggleCSS" href="#">View Text-Only</a></li>
  301.                                 </ul>
  302.                             </li>
  303.                             <li class="grid_4">
  304.                                
  305.                             </li>
  306.                         </ul>
  307.                     </nav>
  308.                     <div class="clear"></div>
  309.                 </div>
  310.                 <div class="grid_12">
  311.                     <p id="copyright">&copy; Copyright 2010, City of Portland, Oregon</p>
  312.                 </div>
  313.                 <div class="grid_4">
  314.                     <img id="seal-footer" src="/assets/images/city-seal-footer.png" alt="City of Portland, Oregon" width="76" height="76" />
  315.                 </div>
  316.                 <div class="clear"></div>
  317.             </div>
  318.         </footer>
  319.  
  320.         <script src="http://www.google.com/jsapi"></script>
  321.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
  322.         <script src="/assets/js/functions.js"></script>
  323.         <script src="/assets/plugins/superfish/superfish.js"></script>
  324.         <script src="/assets/plugins/superfish/hoverIntent.js"></script>
  325.         <script src="/assets/plugins/search/search.js"></script>
  326.         <script src="/assets/plugins/breadcrumbs/breadcrumbs.js"></script>
  327.         <script src="http://jquery-secretagent.googlecode.com/files/secretAgent.js" type="text/javascript"></script>
  328.         <script type="text/javascript" src="http://www.portlandonline.com/slideshow.js"></script>
  329.         <script type="text/javascript">
  330.         //OLD SLIDESHOW CODE -> do not remove
  331.             if (document.getElementById('slideshow')) {
  332.                 $_('slideshow').style.display='none';
  333.                 $_('wrapper').style.display='block';
  334.                 var slideshow=new TINY.slideshow("slideshow");
  335.                 window.onload=function(){
  336.                     slideshow.auto=true;
  337.                     slideshow.speed=9;
  338.                     slideshow.link="linkhover";
  339.                     slideshow.info="information";
  340.                     slideshow.thumbs="";
  341.                     slideshow.left="";
  342.                     slideshow.right="";
  343.                     slideshow.scrollSpeed=4;
  344.                     slideshow.spacing=5;
  345.                     slideshow.active="#fff";
  346.                     slideshow.init("slideshow","image","imgprev","imgnext","imglink");
  347.                 }
  348.             }
  349.         </script>
  350.     <script>
  351.     /*
  352.         //Just for playing around right now, not production quality!
  353.         $(function(){//For a new modal windows instead of new browser windows
  354.             if(window.location.href.indexOf('modal=true') > -1){
  355.                 $('body').prepend('<div id="cms-modal"><div id="modal-header"><button class="close-modal button">X</button></div><div id="modal-content"></div></div>');
  356.                 var $modal = $('#cms-modal');
  357.                 $('a[href*=createModalWin]').bind('click',function(){
  358.                     the_url = $(this).attr('href').split("'")[1];
  359.                     $modal
  360.                     .css({
  361.                         left:($(window).width()/2)-($modal.outerWidth()/2)+'px',
  362.                         height:$(window).height()-100+'px',
  363.                         //top:($(window).height()/2)-($modal.outerHeight()/2)+'px',
  364.                         top:'-'+$modal.outerHeight()+'px'
  365.                     })
  366.                     .children('#modal-content').empty().append('<iframe name="temp_iframe" width="100%" height="'+($modal.height()-100)+'" src="'+the_url+'"></iframe>').children('iframe').load(function(){
  367.                         $modal.css({display:'block'}).animate({top:'0px'},350);
  368.                        
  369.                         $('[name=temp_iframe]').contents().find('[onclick*="window.close();"]').click(function() {
  370.                             close_modal($modal);
  371.                             return false;
  372.                         }).end().find('[value="Submit"]').click(function(){
  373.                             close_modal($modal);
  374.                             return false;
  375.                         })//.end().find('head').append('<style>@import "/assets/css/main.css"</style>')
  376.                         .end().find('a[href*=createModalWin]').click(function(){
  377.                             $('#modal-content iframe').attr('src',$(this).attr('href').split("'")[1]);
  378.                             return false;
  379.                         });
  380.                        
  381.                     });
  382.                    
  383.                     return false;
  384.                 });
  385.                
  386.                
  387.                
  388.                 $('a[href=#close-modal], .close-modal').live('click',function(){
  389.                     close_modal($modal);
  390.                     return false;
  391.                 });
  392.                
  393.                 function close_modal($modal){
  394.                     $modal.animate({top:'-'+$modal.outerHeight()+'px'},350,function(){
  395.                         $modal.css({display:'none'}).children('#modal-content').empty();
  396.                     });
  397.                 }
  398.             }
  399.         });
  400.     */ 
  401.     </script>
  402.  
  403.     </body>
  404. </html>