CINXE.COM
DrupalCon North America 2021 - Photo | Celebrate Drupal
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="description" content="A platform to gather together as a community to celebrate Drupal with the world." /> <link rel="canonical" href="https://celebratedrupal.org/2021/drupalcon-north-america/photo" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/drupal_celebrations/favicon.ico" type="image/vnd.microsoft.icon" /> <title>DrupalCon North America 2021 - Photo | Celebrate Drupal</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_DoLTsImjryERvQ9bGfKQSMYLzV8jAq2L-0QUzXfm4k0.css?delta=0&language=en&theme=drupal_celebrations&include=eJwrriwuSc3VT0osTtVJKSotSMyJT07NSU0qSizJzM8r1sciplOWmVperA8m9XLzU0pzUnWS84tSoWr1ErMSKwD0fSJY" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_TnCp9LGwc9zb8rzgc1RomtJRDgAL_4iC3g5lo6iAGMA.css?delta=1&language=en&theme=drupal_celebrations&include=eJwrriwuSc3VT0osTtVJKSotSMyJT07NSU0qSizJzM8r1sciplOWmVperA8m9XLzU0pzUnWS84tSoWr1ErMSKwD0fSJY" /> </head> <body class="path-_021 antialiased text-gray-900"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <header class="layout-header bg-blue-500 p-page-gutter py-6 md:py-12" role="banner"> <div class="flex items-end justify-between flex-wrap container p-page-gutter mx-auto leading-4"> <div class="region region-header-logo"> <div id="block-drupal-celebrations-branding" class="block-system block-system-branding-block flex items-end flex-shrink-0 text-white mr-6"> <a href="/" rel="home" class="site-logo"> <img src="/themes/custom/drupal_celebrations/logo.svg" alt="Home" /> </a> <div class="site-name font-semibold text-xl tracking-tight"> <a href="/" title="Home" rel="home">Celebrate Drupal</a> </div> <div class="site-slogan visually-hidden">Celebrate together as a community</div> </div> </div> <style> #region-header-toggle:checked + .region-header { display: flex; } </style> <label for="region-header-toggle" class="cursor-pointer text-gray-500 hover:text-white focus:text-white focus:outline-none md:hidden pt-4"> <svg class="h-8 w-8 fill-current" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"/> </svg> </label> <input id="region-header-toggle" type="checkbox" class="visually-hidden" aria-label="Toggle header navigation"> <div class="region region-header items-end justify-between flex-wrap hidden md:flex md:pt-8"> <input id="" type="checkbox" class="visually-hidden" aria-label="Toggle navigation"> <nav role="navigation" aria-labelledby="block-mainnavigation-menu" id="block-mainnavigation" class="block block-menu navigation menu--main px-8 py-4 md:py-0 mt-4 md:mt-0 bg-blue-600 md:bg-transparent md:block w-full flex-grow lg:flex lg:items-center lg:w-auto justify-end"> <h2 class="block__title visually-hidden" id="block-mainnavigation-menu">Main navigation</h2> <ul class="menu block md:flex text-white font-semibold"> <li class="menu-item md:block px-4 py-2 md:py-0 mx-1 md:mx-0 md:mr-4 hover:bg-blue-500 md:hover:bg-transparent"> <a href="/videos" title="Watch the submitted videos" data-drupal-link-system-path="node/8">Videos</a> </li> <li class="menu-item md:block px-4 py-2 md:py-0 mx-1 md:mx-0 md:mr-4 hover:bg-blue-500 md:hover:bg-transparent"> <a href="/photos" title="View all images" data-drupal-link-system-path="node/9">Photos</a> </li> <li class="menu-item md:block px-4 py-2 md:py-0 mx-1 md:mx-0 md:mr-4 hover:bg-blue-500 md:hover:bg-transparent"> <a href="/about" data-drupal-link-system-path="node/7">About</a> </li> <li class="menu-item md:block px-4 py-2 md:py-0 mx-1 md:mx-0 md:mr-4 hover:bg-blue-500 md:hover:bg-transparent"> <a href="/add-your-celebration" title="Add your images, videos, and events to Celebrate Drupal with the community" data-drupal-link-system-path="node/27">Add your celebration</a> </li> </ul> </nav> <nav role="navigation" aria-labelledby="block-useraccountmenu-menu" id="block-useraccountmenu" class="block-menu navigation menu--account mt-4 md:px-8 w-full flex-grow flex items-center lg:w-auto justify-start"> <h2 class="block__title visually-hidden" id="block-useraccountmenu-menu">User account menu</h2> <ul class="menu flex text-white font-semibold"> <li class="menu-item md:block px-4 py-2 md:py-0 mx-1 md:mx-0 md:mr-4 hover:bg-blue-600 md:hover:bg-transparent"> <a href="/user/login" data-drupal-link-system-path="user/login">Log in</a> </li> </ul> </nav> </div> </div> </header> <main role="main" class="main mx-auto"> <a id="main-content" tabindex="-1" class="sr-only"></a> <div class="region region-content"> <div data-drupal-messages-fallback class="hidden"></div> <div id="block-mainpagecontent--2" class="block block-system block-system-main-block"> <div class="views-element-container"><div class="view view-celebrations view-id-celebrations view-display-id-dcon_na_2021 js-view-dom-id-2e8800f36810e9b1c9f7a2ad29f17eb6219f95e5e653a421f4fb6a0bf06327f8"> <div class="md:grid-cols-2 lg:grid-cols-3 grid grid-gap grid-flow-row gap-6"> <article class="node node--type-image node--view-mode-teaser max-w-sm overflow-hidden block"> <div class="relative"> <a href="/image/selfie/jurgen-drupalconna21" rel="bookmark"> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-card"> <div class="field field--name-field-media-image field--type-image field--label-hidden mx-auto field__item"> <img loading="eager" srcset="/sites/default/files/styles/square_0_5x/public/images/354/2021-04/IMG_20210414_084214.jpg?itok=eaocKlzD 200w, /sites/default/files/styles/square_1x/public/images/354/2021-04/IMG_20210414_084214.jpg?itok=Grh-3b9v 400w, /sites/default/files/styles/square_2x/public/images/354/2021-04/IMG_20210414_084214.jpg?itok=8Kg9BfzP 800w, /sites/default/files/styles/square_3x/public/images/354/2021-04/IMG_20210414_084214.jpg?itok=skACU_jp 1600w" sizes="(min-width: 1920px) 3840px, (min-width: 1536px) 3072px, (min-width: 1440px) 2880px, (min-width: 1366px) 2732px, (min-width: 768px) 1536px, (min-width: 576px) 1152px, 100vw" width="1600" height="1600" src="/sites/default/files/styles/square_1x/public/images/354/2021-04/IMG_20210414_084214.jpg?itok=Grh-3b9v" alt="J眉rgen @DrupalCon" class="transition duration-150 ease-in-out transform" loading="lazy" /> </div> </article> </div> </a> </div> <div class="relative px-4 w-10/12 -mt-12 mx-auto"> <div class="bg-white p-6 shadow-md mb-6"> <div class="flex items-baseline"> <div class="field field--name-field-image-category field--type-entity-reference field--label-hidden inline-block px-3 py-1 text-sm font-semibold mr-2 mb-2 bg-blue-600 text-white field__item"><a href="/taxonomy/term/10" hreflang="en">Selfie</a></div> </div> <h4 class="mt-1 font-semibold text-lg leading-tight truncate w-full hover:whitespace-normal hover:break-words"> <a href="/image/selfie/jurgen-drupalconna21" rel="bookmark"><span>J眉rgen @DrupalConNA21</span> </a> </h4> <div class="mt-2 text-gray-700 text-base"> </div> <footer class="node__meta"> <article class="profile"> <div class="font-semibold mt-2"> <div class="field field--name-field-name field--type-string field--label-hidden field__item">J眉rgen Haas</div> </div> <div class="flex flex-auto"> <div class="w-3/4"> <div class="field field--name-field-country field--type-address-country field--label-hidden field__item">Germany</div> </div> <div class="w-1/4 flex items-center justify-end"> <div class="ml-2 flex-none"> <div class="field field--name-field-drupal-org-username field--type-string field--label-hidden field__item"><a href="https://drupal.org/u/jurgenhaas" target="_blank"><img src="https://celebratedrupal.org/modules/custom/user_registration/images/drupal-evergreen-logo.svg" width="20" height="20" title="Drupal.org profile of jurgenhaas" alt="Drupal.org profile of jurgenhaas" class="user-link" /></a></div> </div> <div class="ml-2 flex-none"> <div class="field field--name-field-twitter-username field--type-string field--label-hidden field__item"><a href="https://twitter.com/jurgenhaas" target="_blank"><img src="https://celebratedrupal.org/modules/custom/user_registration/images/twitter-logo.svg" width="25" height="25" title="Twitter profile of jurgenhaas" alt="Twitter profile of jurgenhaas" class="user-link" /></a></div> </div> </div> </div> </article> </footer> </div> </article> <article class="node node--type-image node--view-mode-teaser max-w-sm overflow-hidden block"> <div class="relative"> <a href="/image/selfie/drupalcon-north-america-2021-group-photo" rel="bookmark"> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-card"> <div class="field field--name-field-media-image field--type-image field--label-hidden mx-auto field__item"> <img loading="eager" srcset="/sites/default/files/styles/square_0_5x/public/images/403/2021-04/WIN_20210412_11_21_32_Pro.jpg?itok=ngVY4oS2 200w, /sites/default/files/styles/square_1x/public/images/403/2021-04/WIN_20210412_11_21_32_Pro.jpg?itok=TbCZYmku 400w, /sites/default/files/styles/square_2x/public/images/403/2021-04/WIN_20210412_11_21_32_Pro.jpg?itok=eyGmYhSg 800w, /sites/default/files/styles/square_3x/public/images/403/2021-04/WIN_20210412_11_21_32_Pro.jpg?itok=EflY1wVr 1600w" sizes="(min-width: 1920px) 3840px, (min-width: 1536px) 3072px, (min-width: 1440px) 2880px, (min-width: 1366px) 2732px, (min-width: 768px) 1536px, (min-width: 576px) 1152px, 100vw" width="1600" height="1600" src="/sites/default/files/styles/square_1x/public/images/403/2021-04/WIN_20210412_11_21_32_Pro.jpg?itok=TbCZYmku" alt="Leona enjoying DrupalCon North America 2021" class="transition duration-150 ease-in-out transform" loading="lazy" /> </div> </article> </div> </a> </div> <div class="relative px-4 w-10/12 -mt-12 mx-auto"> <div class="bg-white p-6 shadow-md mb-6"> <div class="flex items-baseline"> <div class="field field--name-field-image-category field--type-entity-reference field--label-hidden inline-block px-3 py-1 text-sm font-semibold mr-2 mb-2 bg-blue-600 text-white field__item"><a href="/taxonomy/term/10" hreflang="en">Selfie</a></div> </div> <h4 class="mt-1 font-semibold text-lg leading-tight truncate w-full hover:whitespace-normal hover:break-words"> <a href="/image/selfie/drupalcon-north-america-2021-group-photo" rel="bookmark"><span>For DrupalCon North America 2021 Group Photo</span> </a> </h4> <div class="mt-2 text-gray-700 text-base"> </div> <footer class="node__meta"> <article class="profile"> <div class="font-semibold mt-2"> <div class="field field--name-field-name field--type-string field--label-hidden field__item">Leona</div> </div> <div class="flex flex-auto"> <div class="w-3/4"> <div class="field field--name-field-country field--type-address-country field--label-hidden field__item">United States</div> </div> <div class="w-1/4 flex items-center justify-end"> <div class="ml-2 flex-none"> <div class="field field--name-field-drupal-org-username field--type-string field--label-hidden field__item"><a href="https://drupal.org/u/thelioness22" target="_blank"><img src="https://celebratedrupal.org/modules/custom/user_registration/images/drupal-evergreen-logo.svg" width="20" height="20" title="Drupal.org profile of thelioness22" alt="Drupal.org profile of thelioness22" class="user-link" /></a></div> </div> <div class="ml-2 flex-none"> <div class="field field--name-field-twitter-username field--type-string field--label-hidden field__item"><a href="https://twitter.com/TheLioness22" target="_blank"><img src="https://celebratedrupal.org/modules/custom/user_registration/images/twitter-logo.svg" width="25" height="25" title="Twitter profile of TheLioness22" alt="Twitter profile of TheLioness22" class="user-link" /></a></div> </div> </div> </div> </article> </footer> </div> </article> <article class="node node--type-image node--view-mode-teaser max-w-sm overflow-hidden block"> <div class="relative"> <a href="/image/selfie/matthew-saunders-selfie" rel="bookmark"> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-card"> <div class="field field--name-field-media-image field--type-image field--label-hidden mx-auto field__item"> <img loading="eager" srcset="/sites/default/files/styles/square_0_5x/public/images/334/2021-04/B94E2D58-B823-46B1-BFE3-6C3A2D1B4165.jpeg?itok=XmyCTm28 200w, /sites/default/files/styles/square_1x/public/images/334/2021-04/B94E2D58-B823-46B1-BFE3-6C3A2D1B4165.jpeg?itok=C2Am_i3u 400w, /sites/default/files/styles/square_2x/public/images/334/2021-04/B94E2D58-B823-46B1-BFE3-6C3A2D1B4165.jpeg?itok=g-P6hngu 800w, /sites/default/files/styles/square_3x/public/images/334/2021-04/B94E2D58-B823-46B1-BFE3-6C3A2D1B4165.jpeg?itok=H4wdWVVN 1600w" sizes="(min-width: 1920px) 3840px, (min-width: 1536px) 3072px, (min-width: 1440px) 2880px, (min-width: 1366px) 2732px, (min-width: 768px) 1536px, (min-width: 576px) 1152px, 100vw" width="1600" height="1600" src="/sites/default/files/styles/square_1x/public/images/334/2021-04/B94E2D58-B823-46B1-BFE3-6C3A2D1B4165.jpeg?itok=C2Am_i3u" alt="Image of Matthew and his screens" class="transition duration-150 ease-in-out transform" loading="lazy" /> </div> </article> </div> </a> </div> <div class="relative px-4 w-10/12 -mt-12 mx-auto"> <div class="bg-white p-6 shadow-md mb-6"> <div class="flex items-baseline"> <div class="field field--name-field-image-category field--type-entity-reference field--label-hidden inline-block px-3 py-1 text-sm font-semibold mr-2 mb-2 bg-blue-600 text-white field__item"><a href="/taxonomy/term/10" hreflang="en">Selfie</a></div> </div> <h4 class="mt-1 font-semibold text-lg leading-tight truncate w-full hover:whitespace-normal hover:break-words"> <a href="/image/selfie/matthew-saunders-selfie" rel="bookmark"><span>Matthew Saunders Selfie!</span> </a> </h4> <div class="mt-2 text-gray-700 text-base"> </div> <footer class="node__meta"> <article class="profile"> <div class="font-semibold mt-2"> <div class="field field--name-field-name field--type-string field--label-hidden field__item">Matthew Saunders</div> </div> <div class="flex flex-auto"> <div class="w-3/4"> <div class="field field--name-field-country field--type-address-country field--label-hidden field__item">United States</div> </div> <div class="w-1/4 flex items-center justify-end"> <div class="ml-2 flex-none"> <div class="field field--name-field-drupal-org-username field--type-string field--label-hidden field__item"><a href="https://drupal.org/u/MatthewS" target="_blank"><img src="https://celebratedrupal.org/modules/custom/user_registration/images/drupal-evergreen-logo.svg" width="20" height="20" title="Drupal.org profile of MatthewS" alt="Drupal.org profile of MatthewS" class="user-link" /></a></div> </div> <div class="ml-2 flex-none"> <div class="field field--name-field-twitter-username field--type-string field--label-hidden field__item"><a href="https://twitter.com/creech" target="_blank"><img src="https://celebratedrupal.org/modules/custom/user_registration/images/twitter-logo.svg" width="25" height="25" title="Twitter profile of creech" alt="Twitter profile of creech" class="user-link" /></a></div> </div> </div> </div> </article> </footer> </div> </article> </div> </div> </div> </div> </div> </main> <footer class="footer bg-gray-900 text-white p-page-gutter py-6 md:py-12" role="contentinfo"> <div class="region region-footer flex items-center justify-between flex-wrap container p-page-gutter mx-auto"> <nav role="navigation" aria-labelledby="block-footer-menu" id="block-footer" class="block block-menu navigation menu--footer w-full flex-grow lg:flex lg:items-center lg:w-auto"> <h2 class="block__title visually-hidden" id="block-footer-menu">Footer</h2> <ul class="menu flex"> <li class="menu-item py-4 mr-4"> <a href="/code-conduct" data-drupal-link-system-path="node/3">Code of Conduct</a> </li> <li class="menu-item py-4 mr-4"> <a href="https://github.com/drupal-celebrations/celebrate-drupal-9" title="Source code of this website">Github</a> </li> </ul> </nav> <div id="block-poweredbydrupal" class="block block-system block-system-powered-by-block flex items-center flex-shrink-0 text-white py-6 mr-4"> <span>Powered by <a href="https://www.drupal.org">Drupal</a></span> </div> <div id="block-hostingbyplatformsh" class="block block-hosting-platform-sh block-hosting-platform-sh-block"> <span>Hosting by <a href="https://www.platform.sh?medium=referral&utm_campaign=sponsored_sites&utm_source=celebratedrupal">Platform.sh</a></span> </div> </div> </footer> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"2021\/drupalcon-north-america\/photo","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxLKSotSMyJT07NSU0qSizJzM8r1k_BFNMpriwuSc3VT0osTtUpy0wtL9YHk3qJWYkVKAK5-SmlOakA_eQigw","theme":"drupal_celebrations","theme_token":null},"ajaxTrustedUrl":[],"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:2e8800f36810e9b1c9f7a2ad29f17eb6219f95e5e653a421f4fb6a0bf06327f8":{"view_name":"celebrations","view_display_id":"dcon_na_2021","view_args":"16","view_path":"\/2021\/drupalcon-north-america\/photo","view_base_path":"2021\/drupalcon-north-america\/photo","view_dom_id":"2e8800f36810e9b1c9f7a2ad29f17eb6219f95e5e653a421f4fb6a0bf06327f8","pager_element":0}}},"user":{"uid":0,"permissionsHash":"3fc32e16d9057a5e2463b594940fd4e24e06141e8e45017770d4722794667dd3"}}</script> <script src="/sites/default/files/js/js_7NJmO32Ii7g01YHd2gwQoe2ayoWj7gDI8mTiswAxHNM.js?scope=footer&delta=0&language=en&theme=drupal_celebrations&include=eJxLKSotSMyJT07NSU0qSizJzM8r1k_BFNMpy0wtL9YHk3qJWYkVAIcyFn0"></script> </body> </html>