API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2012
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1" />
  7.  
  8.   <title>
  9. 2012-10-29 Schedule - Ubuntu Developer Summit - R
  10.  | The Summit Scheduler</title>
  11.  
  12.   <link rel="shortcut icon" href="/ubuntu-website/media/images/favicon.ico" type="image/x-icon" />
  13.   <link rel="stylesheet" type="text/css" media="all" href="//fonts.googleapis.com/css?family=Ubuntu" />
  14.   <link rel="stylesheet" type="text/css" href="/ubuntu-website/media/css/core-reset.css" />
  15.   <link rel="stylesheet" type="text/css" href="/ubuntu-website/media/css/core-grid.css" />
  16.   <link rel="stylesheet" type="text/css" href="/ubuntu-website/media/css/core.css" />
  17.   <link rel="stylesheet" type="text/css" href="/ubuntu-website/media/css/extra_styles.css" />
  18.  
  19.   <link rel="stylesheet" type="text/css" media="screen" href="/media/css/layout.css" />
  20.   <link rel="stylesheet" type="text/css" media="screen" href="/media/css/style.css" />  
  21.   <link rel="stylesheet" type="text/css" media="screen" href="/media/css/site.css" />
  22.  
  23.  
  24.   <script src="/ubuntu-website/media/js/modernizr.min.js"></script>
  25.   <script src="//code.jquery.com/jquery-1.7.2.min.js"></script>
  26.   <script>window.jQuery || document.write('<script src="/static/ubuntu_website/js/jquery-1.7.2.min.js"><\/script>')</script>
  27.   <script>var website_assets="/ubuntu-website/media";</script>
  28.   <!--block extraheadjs left out by design, add other JS files to the loader.js script for async loading,
  29.      this is done and by design, if you MUST add a <script> tag do so in the closure block and test to ensure
  30.      no breakage has been caused, also avoid inline CSS and JS when possible, use /ubuntu-website/media/css/site.css
  31.      or /ubuntu-website/media/js/site.js so it correct headers are sent and can be cached properly by broswers-->
  32.  
  33. <link rel="stylesheet" type="text/css" media="screen" href="/media/css/collapsible-tables.css" />
  34. <script src="/media/js/collapsible-tables.js" type="text/javascript"></script>
  35.  
  36.  
  37. </head>
  38. <body>
  39.     <div class="wrapper">
  40.  
  41.        
  42.            
  43.                 <aside id="top-nav">
  44.                     <div class="container">
  45.                         <section id="top-login">
  46.                            
  47.    
  48.         Logged in as:
  49.             <a id="whoami" class="top-login-item" href="http://launchpad.net/~joseeantonior">joseeantonior</a>
  50.             <span class="top-login-separator">|</span>
  51.            
  52.                 <a class="top-login-item" href="/uds-r/participant/joseeantonior/" title="My Schedule">My Schedule</a>
  53.                 <span class="top-login-separator">|</span>
  54.            
  55.            
  56.                 <a class="top-login-item" href="/admin" title="Admin">Admin</a>
  57.                 <span class="top-login-separator">|</span>
  58.            
  59.             <a class="top-login-item" href="/logout" title="Log Out: joseeantonior">Log out</a>
  60.    
  61.  
  62.                         </section>
  63.                     </div>
  64.                 </aside>
  65.            
  66.  
  67.             <header>
  68.                 <nav role="navigation" class="nav-primary">
  69.                    
  70.    
  71.    
  72.     <ul class="clearfix">
  73.    
  74.     </ul>
  75.  
  76.                 </nav>
  77.                 <a class="logo-ubuntu" href="
  78.    http://uds.ubuntu.com
  79. ">
  80.                     <img width="118" height="27" src="/ubuntu-website/media/images/logo-header.png" alt="Ubuntu logo"/>
  81.                 </a>
  82.                 <h2 class="header-text"><a href="
  83.    http://uds.ubuntu.com
  84. ">
  85.     Developer Summit
  86. </a></h2>
  87.             </header>
  88.  
  89.             <div class="inner-wrapper">
  90.                
  91. <div id="sub-nav-container" >
  92.     <nav role="navigation" class="nav-secondary">
  93.         <ul class="clearfix">
  94.            
  95.  
  96. <li><a class="sub-nav-item" href="/uds-r.ical">iCal Feed</a></li>
  97.  
  98. <li><a class="sub-nav-item mobile" href="/uds-r/mobile/">Mobile</a></li>
  99. <li><a class="sub-nav-item" href="display">Wide display</a></li>
  100.  
  101.         </ul>
  102.     </nav>
  103.    
  104.     <section id="searchbox-container">
  105.                        
  106.         <form id="site_search_form" action="/uds-r/search/" method="get">
  107.                 <input id="id_q" type="text" name="q" maxlength="100" value="" />
  108.                 <input id="id_button" type="image" src="/media/img/search.png" title="Search" alt="Search"  />
  109.         </form>
  110.  
  111.     </section>
  112.    
  113. </div>
  114.  
  115.        
  116.  
  117.        
  118.    
  119.  
  120.  
  121.        
  122. <div class="row">
  123. <article class="span-8">
  124.  
  125. <div class="schedule-head">
  126.    
  127.         <img class="qrcode" src="http://chart.apis.google.com/chart?chl=http%3A%2F%2Fsummit.ubuntu.com%2Fuds-r%2F&amp;chs=150x150&amp;cht=qr&amp;choe=UTF-8" width="150" height="150" alt="http://summit.ubuntu.com/uds-r/" />
  128.    
  129. <span class="schedule-date"><a href="/uds-r/2012-10-28/" target="_self">&lt;</a> Monday <a href="/uds-r/2012-10-30/" target="_self">&gt;</a></span>
  130.  
  131.  
  132. </div>
  133. <br class="clear" />
  134.  
  135. <table class="basic">
  136. <thead><tr><th colspan="2">09:00 - 10:00 CET  <a href="#" onclick="toggle(this); return false;"></a></th></tr></thead>
  137. <tbody style="display: table-row-group;">
  138.  
  139.  
  140. <tr style="background-color: #dd4814; ">
  141. <td width="75%">
  142.     <div class="meeting">
  143.    
  144.     <span onMouseOver="show_agenda_details(1, 1);" onMouseOut="hide_agenda_details(1, 1);">
  145.        
  146.             <img class="icon" src="/media/img/attending.png" alt="Attending">
  147.        
  148.     <a href="/uds-r/meeting/1/meeting/" style="color: #000000;" class="main-agenda-item-name">
  149.         meeting
  150.     </a>
  151.    
  152.    
  153.         <span class="main-agenda-item-tracks">(
  154.             community
  155.         )</span>
  156.    
  157.     </div>
  158.     <div id="agenda-1-1-details" class="agenda-details">
  159.     <div class="arrow"></div>
  160.     <div class="meeting-description">meeting</div>
  161.    
  162.     <br /><b>Participants:</b>
  163.     <div>
  164.         <div>
  165.            
  166.             <img class="icon" src="/media/img/attending.png" alt="attending">
  167.             chrisjohnston (Chris Johnston)</div>
  168.     </div>
  169.    
  170.    
  171.     <br /><b>Tracks:</b>
  172.     <ul>
  173.         <li style="color: #dd4814;">community</li>
  174.     </ul>
  175.    
  176.     </div>
  177.     </span>
  178. </td>
  179. <td width="25%">
  180.     B3 - M1
  181.    
  182.    
  183. </td>
  184. </tr>
  185.  
  186.  
  187. </tbody>
  188. </table>
  189.  
  190. <table class="basic">
  191. <thead><tr><th colspan="2">10:00 - 11:00 CET  <a href="#" onclick="toggle(this); return false;"></a></th></tr></thead>
  192. <tbody style="display: table-row-group;">
  193.  
  194.  
  195. <tr style="background-color: #dd4814; ">
  196. <td width="75%">
  197.     <div class="meeting">
  198.    
  199.     <span onMouseOver="show_agenda_details(2, 2);" onMouseOut="hide_agenda_details(2, 2);">
  200.        
  201.             <img class="icon" src="/media/img/not_attending.png" alt="Not Attending" onclick="changeStatus('/uds-r/attend_meeting/3/', 'img_3')">
  202.        
  203.     <a href="/uds-r/meeting/3/meeting-test-by-daker/" style="color: #000000;" class="main-agenda-item-name">
  204.         Meeting test by daker
  205.     </a>
  206.    
  207.    
  208.         <span class="main-agenda-item-tracks">(
  209.             community
  210.         )</span>
  211.    
  212.     </div>
  213.     <div id="agenda-2-2-details" class="agenda-details">
  214.     <div class="arrow"></div>
  215.     <div class="meeting-description">Meeting test by daker
  216.  
  217.  
  218. Lorem ipsum dolor sit amet, falli timeam appellantur eum an, intellegam consequuntur definitionem no sea, vix ea blandit noluisse. Qui an meis theophrastus. Reprimique constituam mel ea. Et audiam theophrastus complectitur eam, veniam nonumy eruditi eu qui.
  219. </div>
  220.    
  221.     <br /><b>Participants:</b>
  222.     <div>
  223.         <div>
  224.            
  225.             <img class="icon" src="/media/img/attending.png" alt="attending">
  226.             daker (Adnane Belmadiaf)</div>
  227.     </div>
  228.    
  229.    
  230.     <br /><b>Tracks:</b>
  231.     <ul>
  232.         <li style="color: #dd4814;">community</li>
  233.     </ul>
  234.    
  235.     </div>
  236.     </span>
  237. </td>
  238. <td width="25%">
  239.     B3 - M1
  240.    
  241.    
  242. </td>
  243. </tr>
  244.  
  245.  
  246. </tbody>
  247. </table>
  248.  
  249. <div class="schedule-head">
  250. <span class="schedule-date"><a href="/uds-r/2012-10-28/" target="_self">&lt;</a> Monday <a href="/uds-r/2012-10-30/" target="_self">&gt;</a></span>
  251. </div>
  252.  
  253. </article>
  254. <article class="span-4 last">
  255.    
  256.  
  257.  
  258. <div class="action-links">
  259.     <p style="font-size: 16px; font-weight: bold;">Actions</p>
  260.     <ul>
  261.  
  262.  
  263.        
  264.            
  265.             <li><a href="/uds-r/2012-10-29/display?edit">Schedule Meetings</a></li>
  266.            
  267.        
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274.  
  275.  
  276.        
  277.             <li><a href="/uds-r/create_meeting" title="Create Private Meeting">Create a meeting</a></li>
  278.             <li><a href="/uds-r/review" title="Review Proposed Meetings">Review proposed meetings</a></li>
  279.        
  280.        
  281.             <li><a href="/uds-r/joseeantonior/meetings">My proposed meetings</a></li>
  282.        
  283.  
  284.  
  285.     </ul>
  286. </div>
  287.  
  288.  
  289.  
  290. </article>
  291. </div>
  292.  
  293.  
  294. <style>
  295. /* Mobile-friendly styles */
  296. @media screen and (max-width: 960px) {
  297.     .span-4, footer, #main-nav, footer .logo-ubuntu, .nav-secondary, .schedule-qrcode { display: none; }
  298.     #page-header { text-align: center; }
  299.     #page-header a { height: 24px; line-height: 1; float: none; display: inline; }
  300.     .span-8, .span-9, .span-3, .span-12 { width: 100%; }
  301.     table.schedule { width: 100%; margin: 0; padding: 0; border-width: 0; }
  302.     table.column { width: 100%; margin: 0; padding: 0; border-width: 0; }
  303.     table.column td { display: block; width: 100%; margin: 0; padding: 0; border-width: 0; }
  304.     table.column td ul {
  305.         width: 100%;
  306.         margin: 0;
  307.         padding: 0;
  308.     }
  309.     table.column td ul li {
  310.         background: #efefef;
  311.         border-bottom: 1px solid black;
  312.         list-style: none;
  313.         text-align: center;
  314.         font-size: 24px;
  315.         line-height: 24px;
  316.         min-height: 24px;
  317.         width: 100%;
  318.         display: block;
  319.         padding: 4px 0;
  320.         margin: 0;
  321.     }
  322.     #fb-root * { width: auto; }
  323.         .schedule-head > a { display: none; } /* qr code */
  324.     div.schedule-head .schedule-date a:nth-child(1) {
  325.         float: left;
  326.     }
  327.     div.schedule-head .schedule-date {
  328.         font-weight: normal;
  329.         font-size: 24px;
  330.         margin: 0;
  331.         display: block;
  332.         text-align: center;
  333.     }
  334.     div.schedule-head .schedule-date a {
  335.         display: block;
  336.         float: right;
  337.         background: #eee;
  338.         width: 25%;
  339.         text-align: center;
  340.     }
  341.    
  342.     div.schedule-head .qrcode {
  343.         display: none;
  344.     }
  345.    
  346.     #sub-nav-container {
  347.         margin-bottom: 0px;
  348.     }
  349.  
  350. }
  351. </style>
  352.  
  353. <script language="JavaScript">
  354.  
  355. function show_agenda_details(agenda_id, index_id) {
  356.     var elem_id = 'agenda-'+agenda_id+'-'+index_id+'-details'
  357.     var details = document.getElementById(elem_id)
  358.     details.style.display='block';
  359. }
  360.  
  361. function hide_agenda_details(agenda_id, index_id) {
  362.     var elem_id = 'agenda-'+agenda_id+'-'+index_id+'-details'
  363.     var details = document.getElementById(elem_id)
  364.     details.style.display='none';
  365. }
  366.  
  367. </script>
  368. <script>
  369. /* Mobile handler for clicking a link */
  370. /* put at the bottom of the page so that the relevant elements exist */
  371. document.querySelector("article.main-content").addEventListener("click", function(e) {
  372.     /* Only handle clicking on the main links in the table */
  373.     if (e.target.nodeName.toLowerCase() == "a" && e.target.className == "main-agenda-item-name") {
  374.        /* only override links if we're in mobile mode */
  375.        if (document.documentElement.clientWidth > 481) return;
  376.         e.stopPropagation();
  377.         e.preventDefault();
  378.         /* toggle display of the details div */
  379.         var details_div = e.target.parentNode.getElementsByTagName("div")[0];
  380.         details_div.style.display = details_div.style.display == "block" ? "none" : "block";
  381.         /* and add a link to the specific page to the top of the details div, if
  382.            we haven't already */
  383.         var links = details_div.getElementsByClassName("real-link");
  384.         if (links.length == 0) {
  385.             var a = document.createElement("a");
  386.             a.href = e.target.href;
  387.             a.appendChild(document.createTextNode("View details of this session"));
  388.             a.className = "real-link";
  389.             details_div.insertBefore(a, details_div.firstChild);
  390.         }
  391.     }
  392. });
  393.  
  394. /* override the mouseover/mouseout functions in mobile mode */
  395. var old_show_agenda_details = show_agenda_details;
  396. var old_hide_agenda_details = hide_agenda_details;
  397. show_agenda_details = function(agenda_id, slot_id) {
  398.     if (document.documentElement.clientWidth > 481) {
  399.         return old_show_agenda_details(agenda_id, slot_id);
  400.     }
  401. };
  402. hide_agenda_details = function(agenda_id, slot_id) {
  403.     if (document.documentElement.clientWidth > 481) {
  404.         return old_hide_agenda_details(agenda_id, slot_id);
  405.     }
  406. };
  407.  
  408. </script>
  409. <script>
  410. function changeStatus(attend_url, img_tag_id)
  411. {
  412. $.post(attend_url, { participation: "ATTENDING" } , function(data){if (data[success]=True) {document.getElementbyId("img_tag_id").setAttribute("src","/media/img/attending.png")};}
  413. }
  414. </script>
  415.  
  416.  
  417.  
  418.  
  419.        
  420.  
  421.  
  422.  
  423.  
  424.         </div><!-- div.inner-wrapper -->
  425.  
  426.        
  427.  
  428.         <footer class="clear">
  429.             <div class="container">
  430.                 <a class="logo-ubuntu" href="/">
  431.                     <img width="118" height="27" src="/ubuntu-website/media/images/logo-footer.png" alt="Ubuntu logo"/>
  432.                 </a>
  433.  
  434.                
  435.     <div class="copyright">
  436.         <p>&copy;  Canonical Ltd., Ubuntu Community.</p>
  437.         <p>Ubuntu and Canonical are registered trademarks of <a href="http://www.canonical.com">Canonical Ltd</a>.</p>
  438.         <p>Problems with Summit? <a href="https://bugs.launchpad.net/summit/+filebug">File a Bug &rsaquo;</a></p>
  439.         <p>Summit version 1.2.4 (rev 458)</p>
  440.     </div>
  441.  
  442.                 </div>
  443.         </footer>
  444.  
  445.        
  446.  
  447.     <script>
  448.         (function() {
  449.         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  450.         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  451.         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  452.         })();
  453.     </script>
  454.     <script src="/ubuntu-website/media/js/loader.js"></script>
  455.     <!--[if lt IE 9]>
  456.        <script src="/ubuntu-website/media/js/polyfills/IE9/IE9.js">IE7_PNG_SUFFIX=".png";</script>
  457.        <script src="/ubuntu-website/media/js/polyfills/IE9/squish.js"></script>
  458.    <![endif]-->
  459.    
  460. <style>
  461. /* Mobile-friendly styles */
  462. @media screen and (max-width: 960px) {
  463.     .span-4, footer, #main-nav, footer .logo-ubuntu, .nav-secondary, .schedule-qrcode { display: none; }
  464.     #page-header { text-align: center; }
  465.     #page-header a { height: 24px; line-height: 1; float: none; display: inline; }
  466.     .span-8, .span-9, .span-3, .span-12 { width: 100%; }
  467.     table.schedule { width: 100%; margin: 0; padding: 0; border-width: 0; }
  468.     table.column { width: 100%; margin: 0; padding: 0; border-width: 0; }
  469.     table.column td { display: block; width: 100%; margin: 0; padding: 0; border-width: 0; }
  470.     table.column td ul {
  471.         width: 100%;
  472.         margin: 0;
  473.         padding: 0;
  474.     }
  475.     table.column td ul li {
  476.         background: #efefef;
  477.         border-bottom: 1px solid black;
  478.         list-style: none;
  479.         text-align: center;
  480.         font-size: 24px;
  481.         line-height: 24px;
  482.         min-height: 24px;
  483.         width: 100%;
  484.         display: block;
  485.         padding: 4px 0;
  486.         margin: 0;
  487.     }
  488.     #fb-root * { width: auto; }
  489.         .schedule-head > a { display: none; } /* qr code */
  490.     div.schedule-head .schedule-date a:nth-child(1) {
  491.         float: left;
  492.     }
  493.     div.schedule-head .schedule-date {
  494.         font-weight: normal;
  495.         font-size: 24px;
  496.         margin: 0;
  497.         display: block;
  498.         text-align: center;
  499.     }
  500.     div.schedule-head .schedule-date a {
  501.         display: block;
  502.         float: right;
  503.         background: #eee;
  504.         width: 25%;
  505.         text-align: center;
  506.     }
  507.    
  508.     div.schedule-head .qrcode {
  509.         display: none;
  510.     }
  511.    
  512.     #sub-nav-container {
  513.         margin-bottom: 0px;
  514.     }
  515.  
  516. }
  517. </style>
  518.  
  519. <script language="JavaScript">
  520.  
  521. function show_agenda_details(agenda_id, index_id) {
  522.     var elem_id = 'agenda-'+agenda_id+'-'+index_id+'-details'
  523.     var details = document.getElementById(elem_id)
  524.     details.style.display='block';
  525. }
  526.  
  527. function hide_agenda_details(agenda_id, index_id) {
  528.     var elem_id = 'agenda-'+agenda_id+'-'+index_id+'-details'
  529.     var details = document.getElementById(elem_id)
  530.     details.style.display='none';
  531. }
  532.  
  533. </script>
  534. <script>
  535. /* Mobile handler for clicking a link */
  536. /* put at the bottom of the page so that the relevant elements exist */
  537. document.querySelector("article.main-content").addEventListener("click", function(e) {
  538.     /* Only handle clicking on the main links in the table */
  539.     if (e.target.nodeName.toLowerCase() == "a" && e.target.className == "main-agenda-item-name") {
  540.        /* only override links if we're in mobile mode */
  541.        if (document.documentElement.clientWidth > 481) return;
  542.         e.stopPropagation();
  543.         e.preventDefault();
  544.         /* toggle display of the details div */
  545.         var details_div = e.target.parentNode.getElementsByTagName("div")[0];
  546.         details_div.style.display = details_div.style.display == "block" ? "none" : "block";
  547.         /* and add a link to the specific page to the top of the details div, if
  548.            we haven't already */
  549.         var links = details_div.getElementsByClassName("real-link");
  550.         if (links.length == 0) {
  551.             var a = document.createElement("a");
  552.             a.href = e.target.href;
  553.             a.appendChild(document.createTextNode("View details of this session"));
  554.             a.className = "real-link";
  555.             details_div.insertBefore(a, details_div.firstChild);
  556.         }
  557.     }
  558. });
  559.  
  560. /* override the mouseover/mouseout functions in mobile mode */
  561. var old_show_agenda_details = show_agenda_details;
  562. var old_hide_agenda_details = hide_agenda_details;
  563. show_agenda_details = function(agenda_id, slot_id) {
  564.     if (document.documentElement.clientWidth > 481) {
  565.         return old_show_agenda_details(agenda_id, slot_id);
  566.     }
  567. };
  568. hide_agenda_details = function(agenda_id, slot_id) {
  569.     if (document.documentElement.clientWidth > 481) {
  570.         return old_hide_agenda_details(agenda_id, slot_id);
  571.     }
  572. };
  573.  
  574. </script>
  575. <script>
  576. function changeStatus(attend_url, img_tag_id)
  577. {
  578. $.post(attend_url, { participation: "ATTENDING" } , function(data){if (data[success]=True) {document.getElementbyId("img_tag_id").setAttribute("src","/media/img/attending.png")};}
  579. }
  580. </script>
  581.  
  582. </div>
  583. </body>
  584. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!