Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Oct 29th, 2010  |  syntax: HTML  |  size: 15.00 KB  |  views: 123  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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>