CINXE.COM

<!DOCTYPE html>     <html class="no-js" lang="en">  <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Engage page | The White House</title> <meta name="MobileOptimized" content="width"> <meta name="HandheldFriendly" content="true"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WLMC86');</script>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="/sites/default/modules/custom/masthead/theme/fonts/HCo_fonts.css" /> <script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js"></script> <link rel="shortcut icon" href="/sites/default/themes/framedynamic/favicon.ico" type="image/x-icon" /> <meta property="og:site_name" content="The White House" /> <meta property="og:title" content="Engage page" /> <meta name="description" content="See the President's daily schedule, explore behind-the-scenes photos from inside the White House, and find out all the ways you can engage with the most interactive administration in our country's history." /> <meta property="og:description" content="See the President's daily schedule, explore behind-the-scenes photos from inside the White House, and find out all the ways you can engage with the most interactive administration in our country's history." /> <meta name="abstract" content="See the President's daily schedule, explore behind-the-scenes photos from inside the White House, and find out all the ways you can engage with the most interactive administration in our country's history." /> <meta name="keywords" content="President,Barack Obama,White House,United States of America,44th President,White House history,President Obama,Barck,Barek,Barak,Barrack,Barrak,Obma,Barack" /> <meta property="og:type" content="website" /> <link rel="canonical" href="https://obamawhitehouse.archives.gov/node/360186" /> <meta property="og:url" content="https://obamawhitehouse.archives.gov/node/360186" /> <meta name="revisit-after" content="1 day" /> <meta property="fb:admins" content="100000095507875" /> <link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/css_injector_13.css?b" /> <link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/advagg_css/css_460b7b5cc16962fe40c4ecfcf9ffa14d_0.css" /> <link type="text/css" rel="stylesheet" media="print" href="/sites/default/files/advagg_css/css_fbd4e86edf22b67a42565ffd0446a347_0.css" />    <script type="text/javascript" src="/sites/default/files/advagg_js/js_2fb54662f1bec3e3582e4263e90434db_0.js"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript"> <![CDATA[//><!]]> </script> </head> <body class="not-front not-logged-in page-node node-type-longpage no-sidebars longpage longpage-flavor-chocolate fortyfour with-navigation page-engage section-engage">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WLMC86" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="skip"> <a href="#content">Skip to Content</a> <a href="#navigation-region">Skip to Navigation</a> </div> <div id="page" class="layout-page page">  <header id="header" class="layout-header"> <div id="header-bar" class="header-bar"> <div id="header-region"> <div id="block-masthead-header" class=" block block-masthead block-header block-id-masthead-header clearfix first odd"> <div id="masthead-header-text" class="masthead-header-text">This is historical material “frozen in time”. The website is no longer updated and links to external websites and some internal pages may not work.</div> </div> </div> </div> <div id="navigation-bar" class="navigation-bar layout-navigation"> <a href="#footer-nav" id="menu-trigger" class="menu-trigger main-menu-icon arrow-down">Main Menu</a> <div tabindex="-1" id="navigation-region"> <a href="/" class="logo" id="logo" title="Home" rel="home">Home</a> <nav id="block-masthead-menu" class="block block-masthead block-navigation block-id-masthead-menu clearfix even"> <ul class=" masthead-menu " id="masthead-menu-menu"><li class="menu-565516 menuparent siblings-count-4 menu-path-node-290336 first odd "><a href="/briefing-room">Briefing Room</a><div class="mega child-count-2"><ul class="level-1"><li class="menu-565541 menuparent siblings-count-2 menu-featured two-column mega-section menu-path-menu-item-container-1 first odd second-to-last "><span class="menu-featured two-column menu-item-container" tabindex="0">From the News Room</span><ul class="menu-column level-2"><li class="menu-598286 menu-path-obamawhitehousearchivesgov-blog first odd "><a href="https://obamawhitehouse.archives.gov/blog" title="Read the latest blog posts from 1600 Pennsylvania Ave" class=" has-description"><span class="menu-item-title">Latest News</span> <span class="menu-item-description">Read the latest blog posts from 1600 Pennsylvania Ave</span></a></li> <li class="menu-565616 menu-path-share-all even "><a href="/share/all" title="Check out the most popular infographics and videos" class=" has-description"><span class="menu-item-title">Share-Worthy</span> <span class="menu-item-description">Check out the most popular infographics and videos</span></a></li> <li class="menu-565621 menu-path-photogallery odd last "><a href="/photos" title="View the photo of the day and other galleries" class=" has-description"><span class="menu-item-title">Photos</span> <span class="menu-item-description">View the photo of the day and other galleries</span></a></li> </ul> <ul class="menu-column level-2"><li class="menu-598792 menu-path-obamawhitehousearchivesgov-video first odd "><a href="https://obamawhitehouse.archives.gov/video" title="Watch behind-the-scenes videos and more" class=" has-description"><span class="menu-item-title">Video Gallery</span> <span class="menu-item-description">Watch behind-the-scenes videos and more</span></a></li> <li class="menu-565631 menu-path-obamawhitehousearchivesgov-live even "><a href="http://obamawhitehouse.archives.gov/live" title="Tune in to White House events and statements as they happen" class=" has-description"><span class="menu-item-title">Live Events</span> <span class="menu-item-description">Tune in to White House events and statements as they happen</span></a></li> <li class="menu-598291 menu-path-obamawhitehousearchivesgov-performances odd last "><a href="https://obamawhitehouse.archives.gov/performances" title="See the lineup of artists and performers at the White House" class=" has-description"><span class="menu-item-title">Music & Arts Performances</span> <span class="menu-item-description">See the lineup of artists and performers at the White House</span></a></li> </ul> </li> <li class="menu-565546 menuparent siblings-count-2 mega-section menu-path-menu-item-container-2 even last "><span class="menu-item-container" tabindex="0">From the Press Office</span><ul class="menu-column level-2"><li class="menu-565641 menu-path-briefing-room-weekly-address first odd "><a href="/briefing-room/weekly-address">Your Weekly Address</a></li> <li class="menu-565646 menu-path-briefing-room-speeches-and-remarks even "><a href="/briefing-room/speeches-and-remarks">Speeches & Remarks</a></li> <li class="menu-565651 menu-path-briefing-room-press-briefings odd "><a href="/briefing-room/press-briefings">Press Briefings</a></li> <li class="menu-565656 menu-path-briefing-room-statements-and-releases even last "><a href="/briefing-room/statements-and-releases">Statements & Releases</a></li> </ul> <ul class="menu-column level-2"><li class="menu-565661 menu-path-schedule-complete first odd "><a href="/schedule/complete">White House Schedule</a></li> <li class="menu-565666 menu-path-briefing-room-presidential-actions even "><a href="/briefing-room/presidential-actions">Presidential Actions</a></li> <li class="menu-565671 menu-path-node-13402 odd "><a href="/briefing-room/legislation">Legislation</a></li> <li class="menu-565676 menu-path-node-64 even "><a href="/briefing-room/nominations-and-appointments">Nominations & Appointments</a></li> <li class="menu-565681 menu-path-obamawhitehousearchivesgov-briefing-room-disclosures odd last "><a href="https://obamawhitehouse.archives.gov/briefing-room/disclosures">Disclosures</a></li> </ul> </li> </ul> </div></li> <li class="menu-565521 menuparent siblings-count-4 menu-path-node-266911 even "><a href="/issues">Issues</a><div class="mega child-count-4"><ul class="level-1"><li class="menu-565551 menuparent siblings-count-4 mega-section menu-path-menu-item-container-3 menu-featured first odd "><span class="menu-item-container" tabindex="0">Popular Topics</span><ul class="level-2"><li class="menu-598391 menu-path-obamawhitehousearchivesgov-the-record first odd "><a href="https://obamawhitehouse.archives.gov/the-record">The Record</a></li> <li class="menu-598396 menu-path-obamawhitehousearchivesgov-administration-cabinet-exit-memos even "><a href="http://obamawhitehouse.archives.gov/administration/cabinet/exit-memos">Cabinet Exit Memos</a></li> <li class="menu-598461 menu-path-obamawhitehousearchivesgov-issues-criminal-justice-reform odd "><a href="https://obamawhitehouse.archives.gov/issues/criminal-justice-reform">Criminal Justice Reform</a></li> <li class="menu-598416 menu-path-obamawhitehousearchivesgov-issues-foreign-policy-cuba even "><a href="https://obamawhitehouse.archives.gov/issues/foreign-policy/cuba">Cuba</a></li> <li class="menu-565701 menu-path-node-266911 odd last "><a href="/issues">See All</a></li> </ul> </li> <li class="menu-565556 menuparent siblings-count-4 mega-section menu-path-menu-item-container-4 even "><span class="menu-item-container" tabindex="0">Top Issues</span><ul class="level-2"><li class="menu-592821 menu-path-node-317546 first odd "><a href="/issues/civil-rights">Civil Rights</a></li> <li class="menu-582716 menu-path-node-279886 even "><a href="/president-obama-climate-action-plan">Climate Change</a></li> <li class="menu-565706 menu-path-node-71071 odd "><a href="/node/71071">Economy</a></li> <li class="menu-565711 menu-path-node-174296 even "><a href="/issues/education">Education</a></li> <li class="menu-565716 menu-path-node-225741 odd "><a href="/issues/foreign-policy">Foreign Policy</a></li> <li class="menu-565721 menu-path-obamawhitehousearchivesgov-the-record-health-care even "><a href="https://obamawhitehouse.archives.gov/the-record/health-care">Health Care</a></li> <li class="menu-565726 menu-path-node-193086 odd "><a href="/issues/immigration">Immigration</a></li> <li class="menu-598376 menu-path-obamawhitehousearchivesgov-issues-foreign-policy-iran-deal even last "><a href="https://obamawhitehouse.archives.gov/issues/foreign-policy/iran-deal">Iran Deal</a></li> </ul> </li> <li class="menu-565561 menuparent siblings-count-4 mega-section menu-path-menu-item-container-5 odd second-to-last "><span class="menu-item-container" tabindex="0">More</span><ul class="level-2"><li class="menu-565736 menu-path-obamawhitehousearchivesgov-issues-defense first odd "><a href="http://obamawhitehouse.archives.gov/issues/defense">Defense</a></li> <li class="menu-565741 menu-path-obamawhitehousearchivesgov-issues-disabilities even "><a href="https://obamawhitehouse.archives.gov/issues/disabilities">Disabilities</a></li> <li class="menu-565746 menu-path-node-26716 odd "><a href="/21stcenturygov">Ethics</a></li> <li class="menu-565751 menu-path-node-177571 even "><a href="/issues/equal-pay">Equal Pay</a></li> <li class="menu-565756 menu-path-obamawhitehousearchivesgov-issues-homeland-security odd "><a href="https://obamawhitehouse.archives.gov/issues/homeland-security">Homeland Security</a></li> <li class="menu-565801 menu-path-obamawhitehousearchivesgov-blog-2016-01-04-live-updates-what-president-doing-keep-guns-out-wrong-hands even "><a href="https://obamawhitehouse.archives.gov/blog/2016/01/04/live-updates-what-president-doing-keep-guns-out-wrong-hands">Reducing Gun Violence</a></li> <li class="menu-565766 menu-path-node-61819 odd "><a href="/administration/eop/rural-council">Rural</a></li> <li class="menu-598296 menu-path-obamawhitehousearchivesgov-issues-service even last "><a href="https://obamawhitehouse.archives.gov/issues/service">Service</a></li> </ul> </li> <li class="menu-582731 menuparent siblings-count-4 mega-section menu-path-menu-item-container-17 even last "><span class="menu-item-container" tabindex="0">More</span><ul class="level-2"><li class="menu-565776 menu-path-obamawhitehousearchivesgov-issues-seniors-and-social-security first odd "><a href="https://obamawhitehouse.archives.gov/issues/seniors-and-social-security">Seniors & Social Security</a></li> <li class="menu-598301 menu-path-obamawhitehousearchivesgov-issues-taxes even "><a href="https://obamawhitehouse.archives.gov/issues/taxes">Taxes</a></li> <li class="menu-565786 menu-path-obamawhitehousearchivesgov-issues-technology odd "><a href="https://obamawhitehouse.archives.gov/issues/technology">Technology</a></li> <li class="menu-598306 menu-path-obamawhitehousearchivesgov-issues-economy-trade even "><a href="https://obamawhitehouse.archives.gov/issues/economy/trade">Trade</a></li> <li class="menu-565791 menu-path-node-167606 odd "><a href="/issues/urban-and-economic-mobility">Urban and Economic Mobility</a></li> <li class="menu-582736 menu-path-node-294736 even "><a href="/issues/veterans">Veterans</a></li> <li class="menu-598516 menu-path-obamawhitehousearchivesgov-women odd last "><a href="https://obamawhitehouse.archives.gov/women">Women</a></li> </ul> </li> </ul> </div></li> <li class="menu-565526 menuparent siblings-count-4 menu-path-node-294086 odd second-to-last "><a href="/administration">The Administration</a><div class="mega child-count-4"><ul class="level-1"><li class="menu-565566 menuparent siblings-count-4 mega-section menu-path-menu-item-container-6 first odd "><span class="menu-item-container" tabindex="0">People</span><ul class="level-2"><li class="menu-565811 menu-path-node-107 first odd "><a href="/administration/president-obama">President Barack Obama</a></li> <li class="menu-565816 menu-path-node-360106 even "><a href="/vp">Vice President Joe Biden</a></li> <li class="menu-565821 menu-path-node-111 odd "><a href="/administration/first-lady-michelle-obama">First Lady Michelle Obama</a></li> <li class="menu-565826 menu-path-node-112 even "><a href="/administration/jill-biden">Dr. Jill Biden</a></li> <li class="menu-592851 menu-path-obamawhitehousearchivesgov-administration-cabinet odd "><a href="http://obamawhitehouse.archives.gov/administration/cabinet">The Cabinet</a></li> <li class="menu-565836 menu-path-obamawhitehousearchivesgov-administration-senior-leadership even "><a href="http://obamawhitehouse.archives.gov/administration/senior-leadership">Senior White House Leadership</a></li> <li class="menu-592861 menu-path-node-116 odd "><a href="/administration/eop">Executive Office of the President</a></li> <li class="menu-592866 menu-path-node-8848 even last "><a href="/administration/other-advisory-boards">Other Advisory Boards</a></li> </ul> </li> <li class="menu-565571 menuparent siblings-count-4 mega-section menu-path-menu-item-container-7 even "><span class="menu-item-container" tabindex="0">Executive Offices</span><ul class="level-2"><li class="menu-565841 menu-path-node-10275 first odd "><a href="/omb">Office of Management and Budget</a></li> <li class="menu-565851 menu-path-node-7967 even "><a href="/ostp">Office of Science and Technology Policy</a></li> <li class="menu-565856 menu-path-node-700 odd "><a href="/administration/eop/cea">Council of Economic Advisers</a></li> <li class="menu-565861 menu-path-node-292 even "><a href="/administration/eop/ceq">Council on Environmental Quality</a></li> <li class="menu-598126 menu-path-obamawhitehousearchivesgov-administration-eop-nsc- odd "><a href="https://obamawhitehouse.archives.gov/administration/eop/nsc/">National Security Council</a></li> <li class="menu-565866 menu-path-node-116 even last "><a href="/administration/eop">See All</a></li> </ul> </li> <li class="menu-565576 menuparent siblings-count-4 mega-section menu-path-menu-item-container-8 odd second-to-last "><span class="menu-item-container" tabindex="0">Initiatives</span><ul class="level-2"><li class="menu-565871 menu-path-letsmoveobamawhitehousearchivesgov- first odd "><a href="http://letsmove.obamawhitehouse.archives.gov/">Let's Move</a></li> <li class="menu-565876 menu-path-node-33883 even "><a href="/joiningforces">Joining Forces</a></li> <li class="menu-598136 menu-path-obamawhitehousearchivesgov-reach-higher odd "><a href="https://obamawhitehouse.archives.gov/reach-higher">Reach Higher</a></li> <li class="menu-598321 menu-path-obamawhitehousearchivesgov-my-brothers-keeper even "><a href="https://obamawhitehouse.archives.gov/my-brothers-keeper">My Brother's Keeper</a></li> <li class="menu-598506 menu-path-obamawhitehousearchivesgov-precision-medicine odd last "><a href="https://obamawhitehouse.archives.gov/precision-medicine">Precision Medicine</a></li> </ul> </li> <li class="menu-565581 menuparent siblings-count-4 mega-section menu-path-menu-item-container-9 even last "><span class="menu-item-container" tabindex="0">Special Events</span><ul class="level-2"><li class="menu-565891 menu-path-obamawhitehousearchivesgov-sotu first odd "><a href="http://obamawhitehouse.archives.gov/sotu">State of the Union</a></li> <li class="menu-598311 menu-path-obamawhitehousearchivesgov-medal-of-freedom even last "><a href="https://obamawhitehouse.archives.gov/medal-of-freedom">Medal of Freedom</a></li> </ul> </li> </ul> </div></li> <li class="menu-565536 menuparent siblings-count-4 menu-path-node-295341 even last "><a href="/1600">1600 Penn</a><div class="mega child-count-3"><ul class="level-1"><li class="menu-565596 menuparent siblings-count-3 mega-section menu-path-menu-item-container-12 first odd "><span class="menu-item-container" tabindex="0">Inside the White House</span><ul class="level-2"><li class="menu-566006 menu-path-node-354641 first odd "><a href="/about/inside-white-house/west-wing-tour">West Wing Tour</a></li> <li class="menu-598656 menu-path-node-354981 even "><a href="/about/inside-white-house/eeob-tour">Eisenhower Executive Office Building Tour</a></li> <li class="menu-566011 menu-path-node-135925 odd "><a href="/about/inside-white-house/video-series">Video Series</a></li> <li class="menu-566016 menu-path-node-135907 even "><a href="/about/inside-white-house/art">Décor and Art</a></li> <li class="menu-566021 menu-path-obamawhitehousearchivesgov-holidays odd "><a href="http://obamawhitehouse.archives.gov/holidays">Holidays</a></li> <li class="menu-566026 menu-path-node-135787 even last "><a href="/about/inside-white-house">See All</a></li> </ul> </li> <li class="menu-565601 menuparent siblings-count-3 mega-section menu-path-menu-item-container-13 even second-to-last "><span class="menu-item-container" tabindex="0">History and Grounds</span><ul class="level-2"><li class="menu-566031 menu-path-obamawhitehousearchivesgov-1600-presidents first odd "><a href="http://obamawhitehouse.archives.gov/1600/presidents">Presidents</a></li> <li class="menu-566036 menu-path-obamawhitehousearchivesgov-1600-first-ladies even "><a href="http://obamawhitehouse.archives.gov/1600/first-ladies">First Ladies</a></li> <li class="menu-595376 menu-path-obamawhitehousearchivesgov1600-vp-residence odd "><a href="https://obamawhitehouse.archives.gov//1600/vp-residence">The Vice President's Residence & Office</a></li> <li class="menu-595381 menu-path-obamawhitehousearchivesgov-1600-eeob even "><a href="https://obamawhitehouse.archives.gov/1600/eeob">Eisenhower Executive Office Building</a></li> <li class="menu-595386 menu-path-obamawhitehousearchivesgov-1600-camp-david odd "><a href="https://obamawhitehouse.archives.gov/1600/camp-david">Camp David</a></li> <li class="menu-595391 menu-path-obamawhitehousearchivesgov-1600-air-force-one even last "><a href="https://obamawhitehouse.archives.gov/1600/air-force-one">Air Force One</a></li> </ul> </li> <li class="menu-565606 menuparent siblings-count-3 mega-section menu-path-menu-item-container-14 odd last "><span class="menu-item-container" tabindex="0">Our Government</span><ul class="level-2"><li class="menu-595396 menu-path-obamawhitehousearchivesgov-1600-executive-branch first odd "><a href="https://obamawhitehouse.archives.gov/1600/executive-branch">The Executive Branch</a></li> <li class="menu-595401 menu-path-obamawhitehousearchivesgov-1600-legislative-branch even "><a href="https://obamawhitehouse.archives.gov/1600/legislative-branch">The Legislative Branch</a></li> <li class="menu-595406 menu-path-obamawhitehousearchivesgov-1600-judicial-branch odd "><a href="https://obamawhitehouse.archives.gov/1600/judicial-branch">The Judicial Branch</a></li> <li class="menu-595411 menu-path-obamawhitehousearchivesgov-1600-constitution even "><a href="https://obamawhitehouse.archives.gov/1600/constitution">The Constitution</a></li> <li class="menu-595416 menu-path-obamawhitehousearchivesgov-1600-federal-agencies-and-commissions odd "><a href="https://obamawhitehouse.archives.gov/1600/federal-agencies-and-commissions">Federal Agencies & Commissions</a></li> <li class="menu-595421 menu-path-obamawhitehousearchivesgov-1600-elections-and-voting even "><a href="https://obamawhitehouse.archives.gov/1600/elections-and-voting">Elections & Voting</a></li> <li class="menu-595426 menu-path-obamawhitehousearchivesgov-1600-state-and-local-government odd "><a href="https://obamawhitehouse.archives.gov/1600/state-and-local-government">State & Local Government</a></li> <li class="menu-595431 menu-path-obamawhitehousearchivesgov-1600-resources even last "><a href="https://obamawhitehouse.archives.gov/1600/resources">Resources</a></li> </ul> </li> </ul> </div></li> </ul> </nav>  <div id="block-masthead-search" class="mini-search block block-masthead block-navigation block-id-masthead-search clearfix odd"> <div id="usasearch-box"> <form class="search" action="//search.archives.gov/search" accept-charset="UTF-8" method="get" id="usasearch-form"> <input type="hidden" name="affiliate" id="edit-affiliate-id" value="obamawhitehouse" /> <input type="hidden" name="form_id" value="usasearch_box" /> <label for="searchbox" class="visuallyhidden">Search</label> <input class="searchbox" id="searchbox" name="query" type="text" value="Search" /> <input class="searchbutton" type="submit" value=""/> </form></div> </div> </div> </div>  </header>   <main id="main" class="main layout-main clearfix"> <div id="content" tabindex="-1" class="layout-content"> <div id="content-inner" class="inner column center"> <div id="content-area"> <div class="longpage-main"> <div class="masthead-wrap clearfix"> <div class="masthead"> <div class="masthead-header"> <h1 class="title" style="top: 0; left: 0; width: 400;"> Engage and Connect </h1> <h2 class="subtitle">Engage with your government on the issues that matter most.</h2> </div> </div> <div class="longpage-featured-sections"> </div> </div> <section class="longpage-nav-wrapper clearfix"> <nav class="longpage-nav" class="longpage-nav"> <a href="javascript://" id="longpage-nav-menu-toggle" class="longpage-nav-menu-toggle">Jump to a Section</a> <div class="item-list"><ul class="longpage-nav-menu"><li name="section-connect" class="lp-nav-anchor first"><a href="#section-connect">Connect</a></li> <li name="section-inside-the-first-digital-white-house" class="lp-nav-anchor last"><a href="#section-inside-the-first-digital-white-house">Inside the First Digital White House</a></li> </ul></div> <div class="longpage-nav-aside"> <div class="longpage-nav-top-link"><a class="go-to-top" href="#">Go To Top</a></div> <ul class="longpage-nav-social-media-links"> <li><a href="http://www.facebook.com/WhiteHouse" class="facebook">Facebook</a></li> <li><a href="http://www.twitter.com/ObamaWhiteHouse" class="twitter">Twitter</a></li> </ul> </div> </nav> </section> <div class="longpage-body"> <div class="longpage-sections"> <div id="section-360196" class="longpage-section longpage-section-basic layout-right-media clearfix"> <div class="longpage-section-wrapper"> <a class="section-anchor" name="section-connect"></a> <h2 class="section-title">Engage - Social channels</h2> <div class="section-body"> <h2> Connect with the White House</h2> <div class="socialblocks"> <a href="http://facebook.com/ObamaWhiteHouse"><div class="thegrid three fb"></div></a> <a href="http://twitter.com/ObamaWhiteHouse"><div class="thegrid three tw"></div></a> <a href="http://instagram.com/ObamaWhiteHouse"><div class="thegrid three ig"></div></a> </div> <div class="socialblocks"> <a href="/blog/2016/01/11/whitehouse-joins-snapchat"><div class="thegrid three snap"></div></a> <a href="http://youtube.com/ObamaWhiteHouse"><div class="thegrid three yt"></div></a> <a href="http://tumblr.com/ObamaWhiteHouse"><div class="thegrid three tumblr"></div></a> </div> <div class="socialblocks"> <a href="http://flickr.com/ObamaWhiteHouse"><div class="thegrid three flickr"></div></a> <a href="http://medium.com/ObamaWhiteHouse"><div class="thegrid three medium"></div></a> <div class="thegrid three more"> <h4><a href="/privacy/current-third-party-pages">See More</a></h4> </div> </div> </div> </div> </div> <div id="section-360191" class="longpage-section longpage-section-basic layout-right-media clearfix"> <div class="longpage-section-wrapper"> <a class="section-anchor" name="section-inside-the-first-digital-white-house"></a> <h2 class="section-title">Engage - SOTU</h2> <div class="section-body"> <h2>Inside the Most Open and Participatory Administration in History</h2> <p>Since day one, President Obama has always worked to make 1600 Pennsylvania and this Administration as open and accessible as possible, to keep pace with the changing ways we connect with each other, and to invite the American public to be a part of his Presidency, reaching people where the conversation is already happening online.</p> <p><img src="/sites/default/files/image/engage/engage_sotu_0.jpg" /></p> <h4>The State of the Union and Big Block of Cheese Day</h4> <p>The State of the Union Address is the President’s most important speech of the year. Since 2011, the White House has made the address accessible to more people and used it to kickstart conversations between the Administration and the American people on the challenges ahead. In 2011, the White House first aired a live enhanced stream of the President’s State of the Union Address, complete with charts and stats to help Americans better understand key points. In 2014, the Administration hosted the first-ever virtual “Big Block of Cheese Day,” during which dozens of White House officials took to social media for a day long ‘open house’ answering questions in real-time on Twitter, Facebook, Tumblr, Instagram and via Google+ Hangout.</p> <p><strong><a href="#">Learn more</a></strong></p> <hr /> <p><img src="/sites/default/files/image/engage/engage_wtp_0.jpg" /></p> <h4>We the People: A New Way to Petition Your Government</h4> <p>Launched in September of 2011, We the People was a new way to digitally petition the government. Using the platform, anybody could create a petition, gather support, and – if they reached a defined number of signatures – receive a response directly from Administration officials. Over the course of President Obama’s administration, hundreds of thousands of petitions were launched and millions of signatures were collected – some of these efforts resulting in real change. Often, petitions resulted in ongoing engagement with the White House, with petitioners being invited to online hangouts and in person conversations with Administration officials.</p> <p><strong><a href="#">Learn more</a></strong></p> <hr /> <p><img src="/sites/default/files/image/engage/engage_sxsl_0.jpg" /></p> <h4>South by South Lawn: A White House Festival of Ideas, Art, and Action</h4> <p>In March 2016, President Obama traveled to South by Southwest® for a conversation on civic engagement. In Austin, he called on creative thinkers and entrepreneurs from across the country to help tackle our toughest challenges. In October 2016, the White House celebrated that spirit of innovation at the first-ever South by South Lawn, a White House festival of ideas, art, and action. At SXSL, we celebrated the inspiring work that so many Americans have already accomplished - called on everyone to roll up their sleeves and discover their own way to make a positive difference in our country.</p> <p><strong><a href="#">Learn more</a></strong></p> <center><a class="btn btn-blue" href="https://medium.com/the-white-house/in-review-president-obamas-top-moments-in-the-digital-era-9493bd5aba51#.6bn6iwypy">Read more about President Obama's digital firsts</a></center> </div> </div> </div> <div id="section-360181" class="longpage-section longpage-section-basic layout-right-media clearfix"> <div class="longpage-section-wrapper"> <a class="section-anchor" name="section-"></a> <h2 class="section-title">Engage - styles - do not display</h2> <div class="section-body"> <style type="text/css"> /* ENGAGE SPECIFIC STYLES */ .longpage-main hr{ border: 1px solid #d9d9d9; margin: 40px 0; } .socialblocks .thegrid.three.more{ padding: 7.5em 0; text-align: center; } .socialblocks .thegrid.three.fb{ background: #fff url("/sites/default/files/image/engage/engage-fb.png") no-repeat center center; !important } .socialblocks .thegrid.three.tw{ background: #fff url("/sites/default/files/image/engage/engage-tw.png") no-repeat center center; !important } .socialblocks .thegrid.three.ig{ background: #fff url("/sites/default/files/image/engage/engage-ig.png") no-repeat center center; !important } .socialblocks .thegrid.three.snap{ background: #fff url("/sites/default/files/image/engage/engage-snap.png") no-repeat center center; !important } .socialblocks .thegrid.three.yt{ background: #fff url("/sites/default/files/image/engage/engage-yt.png") no-repeat center center; !important } .socialblocks .thegrid.three.tumblr{ background: #fff url("/sites/default/files/image/engage/engage-tumblr.png") no-repeat center center; !important } .socialblocks .thegrid.three.medium{ background: #fff url("/sites/default/files/image/engage/engage-medium.png") no-repeat center center; !important } .socialblocks .thegrid.three.flickr{ background: #fff url("/sites/default/files/image/engage/engage-flickr.png") no-repeat center center; !important } .socialblocks .thegrid.three{ background: #fff; margin-right: 15px; margin-bottom: 15px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); border: 1px solid #c9d5de; height: 222px; } .socialblocks .thegrid.three:last-child{ margin-right: 0; } /* SECTIONS */ h2.section-title { display: none; } .longpage-section{ padding: 4em 0; } .longpage-body{ margin-top: 0; } /* END SECTIONS */ /* TYPOGRAPHY */ .longpage-main .summary{ font-size: 20px; } .longpage-main p{ font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; font-size: 16px; } .longpage-nav-menu li a{ font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; } .longpage-main .longpage-body ol li, .longpage-main .longpage-body ul li{ font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; margin-bottom: 1em; } .longpage-main h1{ font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; } .longpage-main h1.title{ font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; color: #ffffff; text-transform: capitalize; } .longpage-main h2 { font-size: 2.5em; font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; margin: 0.83em 0; color: #003366; } /* .longpage-main h2 { font-size: 2.5em; font-family: "HCo Hoefler Text",Georgia,"Times New Roman","DejaVu Serif",serif; margin: 0.83em 0; color: #003366; }*/ .longpage-main h2.subtitle { font-size: 30px; } .longpage-main h3 { font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; color: #003366; } .longpage-main h4 { font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; font-weight: bold; } .longpage-main h5{ font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; } .longpage-main blockquote{ font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; font-size: 20px; color: #333333; margin: 30px; border-left: 3px solid #cccccc; background: none; line-height: 1.5; font-weight: 100; } .longpage-main blockquote p{ margin-top: 15px; } .image-caption { font-size: 13px; color: #999999; background: #f0f0f0; padding: 10px; } /* END TYPOGRAPHY */ /* MASTHEAD/HERO */ .longpage-main .masthead-wrap{ background: url(/sites/default/files/image/engage/engage_header.jpg); background-size: cover; background-position: top center; } .longpage-main .masthead-wrap .masthead{ padding: 15em 0 5em 0 !important; } /* END MASTHEAD/HERO */ /* NAV START */ .longpage-nav-wrapper{ box-shadow: none; -webkit-box-shadow: none; border:0; background: #03476a; } .longpage-nav-menu li a{ color: #ffffff; font-weight: normal; font-family: "HCo Whitney","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Nimbus Sans L",sans-serif; letter-spacing: 1px; } .longpage-nav-social-media-links{ display: none; } .longpage-nav .longpage-nav-menu{ width: auto; } .longpage-nav .longpage-nav-aside{ width: auto; } .longpage-nav-top-link a:link, .longpage-nav-top-link a:visited{ color: #2aa3f3; } .longpage-nav-top-link{ border: 1px solid #2aa3f3; } .longpage-nav-menu li.first a{ border-left: 1px solid #2aa3f3; } .longpage-nav-menu li a{ border-right:1px solid #2aa3f3; } /* NAV END */ /* RESPONSIVE STYLES */ @media (max-width: 48em){ .longpage-main .masthead-wrap .masthead{ padding: 6em 0 5em 0 !important; } } /* END RESPONSIVE STYLES */ /* Grid Specs Start */ .thegrid { display: inline-block; vertical-align: top; } .thegrid.three { width: 32%; } .thegrid.two-thirds { width: 66%; } .thegrid.two { width: 49%; } .thegrid .image-wrapper { width: 100%; height: 0; padding-top: 56.25%; position: relative; text-align: center; } .thegrid .image-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-right: 20px; } .thegrid .image-caption { padding-right: 12px; padding-top: 16px; margin-right: -12px; } .thegrid .image-caption h5 { font-size: 18px; min-height: 46px; } .thegrid .image-caption h5 small { text-transform: uppercase; font-weight: normal; font-size: 13px; } .thegrid .image-caption p { font-size: 15px; } .image-caption.description.left { margin-left: 16px; } @media screen and (max-width: 48em) { .image-caption.description.left { margin-left: 0px; }} @media screen and (max-width: 48em) { .thegrid.two, .thegrid.three { width: 100%; }} /* Grid Specs End */ </style> </div> </div> </div> </div> </div> </div> </div>  </div>  </div>    </div>   <div id="footer" class="layout-footer footer"> <div class="layout-footer-inner"> <div id="footer-region"> <div id="block-footer-iframe" class="block block-footer block-footer block-id-footer-iframe clearfix first odd"> <div class="block-inner"> <div class="content"> <iframe src="https://obamawhitehouse.archives.gov/embeds/footer" scrolling="no" seamless="seamless"></iframe> </div> </div>  </div>  </div> </div>  </div>  </div>  <script type="text/javascript"> <![CDATA[//><!]]> </script> </body> </html>