CINXE.COM
Molecular Morphers: DNA-powered gels shape-shift on command | Hub
<!doctype html> <html class="no-js" lang="en"> <head> <script> dataLayer = []; </script> <!-- Google Tag Manager --> <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-5K9DL47'); </script> <!-- End Google Tag Manager --> <meta name="sentry-trace" content="8e3327f7f9b44e09a63ca617eb25da4e-2f754db018564025-0" /> <meta name="baggage" content="sentry-trace_id=8e3327f7f9b44e09a63ca617eb25da4e,sentry-sample_rate=0.01,sentry-transaction=%2F%3Ayear%2F%3Amonth%2F%3Aday%2F%3Aslug,sentry-public_key=d3381ccef82942cbb78e76484a69b204,sentry-environment=production" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta property="og:site_name" content="The Hub" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site:id" content="743066030" /> <meta name="referrer" content="origin"> <meta property="og:title" content="Molecular Morphers: DNA-powered gels shape-shift on command"> <meta name="description" content="Johns Hopkins engineers have developed gel strips that change shape when given chemical instructions written in DNA code" > <meta property="og:description" content="Johns Hopkins engineers have developed gel strips that change shape when given chemical instructions written in DNA code" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://hub.jhu.edu/2024/11/22/dna-powered-gels-shapeshift-on-command/" /> <meta property="article:published_time" content="2024-11-22T15:28:00-05:00" /> <meta property="article:publisher" content="https://www.facebook.com/johnshopkinsuniversity" /> <meta property="og:image" content="https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_1300/public/2024-11/gelji%20%282%29%20copy.jpg" /> <meta property="og:image:secure_url" content="https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_1300/public/2024-11/gelji%20%282%29%20copy.jpg" /> <meta property="og:image:alt" content="A a curved strip of flexible gel on a black background" /> <meta property="article:tag" content="biomolecular engineering" /> <meta property="article:tag" content="robots" /> <meta property="article:tag" content="engineering" /> <meta name="content_type" content="article" /> <title>Molecular Morphers: DNA-powered gels shape-shift on command | Hub</title> <link rel="canonical" href="https://hub.jhu.edu/2024/11/22/dna-powered-gels-shapeshift-on-command/" /> <link rel="apple-touch-icon" sizes="57x57" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/manifest.json"> <link rel="mask-icon" href="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/safari-pinned-tab.svg" color="#418fde"> <meta name="apple-mobile-web-app-title" content="HUB"> <meta name="application-name" content="HUB"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="msapplication-TileImage" content="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/icons/mstile-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="alternate" type="application/rss+xml" title="Hub" href="https://hub.jhu.edu/feed/" /> <script type="text/javascript" id="jhu-nonces"> /* <![CDATA[ */ var jhu_nonces = {"announcement_listings":"4bad7b706f","create_conversion":"68a7078fe6","event_listings":"7fcd89eff7","facebook_shares":"f0884a5cc8","email_friend":"4f4678e729","google_search":"e1310a5fe4","site_alert":"1874a380a0","rave_alert":"17c2013f86"}; var jhu_nonces_timestamp = "2024-11-23 10:41:14"; /* ]]> */ </script><meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='stylesheet' id='wp-block-library-css' href='https://hub.jhu.edu/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' type='text/css' media='all' /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='jhu-base-css' href='https://hub.jhu.edu/assets/themes/wphub/assets/css/base.css?ver=bb5f36e5b869116afb68' type='text/css' media='all' /> <link rel='stylesheet' id='jhu-modules-css' href='https://hub.jhu.edu/assets/themes/wphub/assets/css/modules.css?ver=c2ec2b42c04452ac3d3e' type='text/css' media='all' /> <link rel='stylesheet' id='jhu-print-css' href='https://hub.jhu.edu/assets/themes/wphub/assets/css/print.css?ver=114431535a1ba12e505c' type='text/css' media='print' /> <link rel='stylesheet' id='jhu-hub-css' href='https://hub.jhu.edu/assets/themes/wphub/assets/css/hub.css?ver=38e06ba8ff1c11833023' type='text/css' media='all' /> <script type="text/javascript" src="https://hub.jhu.edu/wp/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="jhu-logger-js-extra"> /* <![CDATA[ */ var jhu_logger_data = {"dsn":"https:\/\/d3381ccef82942cbb78e76484a69b204@o106740.ingest.sentry.io\/4504554993680384","trace":"1","sample_rate":"0.01","transaction_name":"\/:year\/:month\/:day\/:slug"}; /* ]]> */ </script> <script type="text/javascript" src="https://hub.jhu.edu/assets/themes/shared/assets/js/logger.js?ver=4d30fb524601e9630d0b" id="jhu-logger-js"></script> <script type="text/javascript" src="https://hub.jhu.edu/assets/themes/shared/assets/js/rave.js?ver=55f50a251fb3efebe7fb" id="jhu-rave-js"></script> <script type="text/javascript" src="https://hub.jhu.edu/assets/themes/shared/assets/js/site-alert.js?ver=1471a85ac3384b228702" id="jhu-site-alert-js"></script> <script type="text/javascript" src="https://hub.jhu.edu/assets/themes/shared/assets/js/modernizr.js?ver=291b8c292d0735d630d5" id="jhu-modernizr-js"></script> <link rel="https://api.w.org/" href="https://hub.jhu.edu/wp-json/" /> </head> <body class="layout-hub"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5K9DL47" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="jhu-top-nav main-nav nav section" role="navigation"> <div class="shadow-container"> <a class="skip-to-main" href="#main">Skip to main content</a> <div class="center force"> <ul class="tier-1 force"><li class="hamburger-menu" aria-hidden="true"><a class="openMenu" href="#footer-nav" title="Menu" role="button"><i class="fa fa-bars" aria-hidden="true"></i><span class="text"> Menu</span></a></li><li id="menu-item-10368" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-has-children menu-item-10368 active-section" aria-haspopup="true"><a href="https://hub.jhu.edu/">Hub</a><button class="toggle-section" tabindex="-1"><i class="fa fa-plus-square-o" aria-hidden="true"></i><span class="visuallyhidden">Open Hub</span></button> <ul class="sub-menu tier-2 force"> <li id="menu-item-10369" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10369"><a href="https://hub.jhu.edu/about/">About the Hub</a></li> <li id="menu-item-10370" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10370"><a href="https://hub.jhu.edu/announcements/">Announcements</a></li> <li id="menu-item-10371" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10371"><a href="https://hub.jhu.edu/media/">For Media</a></li> <li id="menu-item-16882" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16882"><a href="https://hub.jhu.edu/experts/">Faculty Experts Guide</a></li> <li id="menu-item-10372" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10372"><a href="http://eepurl.com/pa10H">Subscribe to the newsletter</a></li> <li id="menu-item-10402" class="menu-item menu-item-type-custom_header menu-item-object-custom_header menu-item-10402"><h6><span>Explore by Topic</span></h6></li> <li id="menu-item-6762" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6762"><a href="https://hub.jhu.edu/arts-culture/">Arts+Culture</a></li> <li id="menu-item-6763" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6763"><a href="https://hub.jhu.edu/athletics/">Athletics</a></li> <li id="menu-item-6764" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6764"><a href="https://hub.jhu.edu/health/">Health</a></li> <li id="menu-item-6765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6765"><a href="https://hub.jhu.edu/politics-society/">Politics+Society</a></li> <li id="menu-item-6766" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6766"><a href="https://hub.jhu.edu/science-technology/">Science+Technology</a></li> <li id="menu-item-6767" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6767"><a href="https://hub.jhu.edu/student-life/">Student Life</a></li> <li id="menu-item-6768" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6768"><a href="https://hub.jhu.edu/university-news/">University News</a></li> <li id="menu-item-6769" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6769"><a href="https://hub.jhu.edu/voices-opinion/">Voices+Opinion</a></li> </ul> </li> <li id="menu-item-6761" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6761"><a href="https://hub.jhu.edu/events/">Events</a></li> <li id="menu-item-10373" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10373" aria-haspopup="true"><a href="https://hub.jhu.edu/at-work/">At Work</a><button class="toggle-section" tabindex="-1"><i class="fa fa-plus-square-o" aria-hidden="true"></i><span class="visuallyhidden">Open At Work</span></button> <ul class="sub-menu tier-2 force"> <li id="menu-item-10375" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10375"><a href="https://hub.jhu.edu/at-work/about/">About Hub at Work</a></li> <li id="menu-item-10377" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10377"><a href="https://hub.jhu.edu/gazette/archive/">Gazette Archive</a></li> <li id="menu-item-10400" class="menu-item menu-item-type-custom_header menu-item-object-custom_header menu-item-10400"><h6><span>Explore by Topic</span></h6></li> <li id="menu-item-10378" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10378"><a href="https://hub.jhu.edu/at-work/news-info/">News+Info</a></li> <li id="menu-item-10379" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10379"><a href="https://hub.jhu.edu/at-work/benefits-perks/">Benefits+Perks</a></li> <li id="menu-item-10380" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10380"><a href="https://hub.jhu.edu/at-work/health-well-being/">Health+Well-Being</a></li> <li id="menu-item-10381" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10381"><a href="https://hub.jhu.edu/at-work/tools-tech/">Tools+Tech</a></li> <li id="menu-item-10382" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10382"><a href="https://hub.jhu.edu/at-work/happenings/">Happenings</a></li> </ul> </li> <li id="menu-item-10374" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10374" aria-haspopup="true"><a href="https://hub.jhu.edu/magazine/">Johns Hopkins Magazine</a><button class="toggle-section" tabindex="-1"><i class="fa fa-plus-square-o" aria-hidden="true"></i><span class="visuallyhidden">Open Johns Hopkins Magazine</span></button> <ul class="sub-menu tier-2 force"> <li id="menu-item-23342" class="menu-item menu-item-type-post_type menu-item-object-issue menu-item-23342"><a href="https://hub.jhu.edu/magazine/2024/fall/">Current Issue</a></li> <li id="menu-item-10383" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10383"><a href="https://hub.jhu.edu/magazine/about/">About the Magazine</a></li> <li id="menu-item-10384" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10384"><a href="https://hub.jhu.edu/magazine/past-issues/">Past Issues</a></li> <li id="menu-item-10385" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10385"><a href="https://hub.jhu.edu/magazine/contact/">Contact</a></li> <li id="menu-item-10386" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10386"><a href="https://hub.jhu.edu/magazine/giving/">Support Johns Hopkins Magazine</a></li> <li id="menu-item-10387" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10387"><a href="https://hub.jhu.edu/magazine/subscribe/">Subscribe to the Magazine</a></li> </ul> </li> <li id="menu-item-10397" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10397"><a href="https://www.jhu.edu">jhu.edu</a></li> <li class="search-menu"><a class="openSearch" href="/search/" role="button" aria-label="Press button to enter keywords"><i class="fa fa-fw fa-search" aria-hidden="true"></i><span class="text">Search</span></a></li></ul> </div> </div> </div> <div class="banner-notifications"> <!--[if lt IE 9]> <p class="browse-happy">You are using an <strong>outdated</strong> browser. Please upgrade your browser to improve your experience.</p> <![endif]--> <div class="rave-alert-container"></div> <div class="site-alert-container"></div> </div> <div class="main-content-container"> <div class="header row" role="banner"> <div class="center force"> <div class="masthead column force"> <a href="/" class="hubmark column"> <img class="svg" src="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/hubmark-full.svg" alt="Hub" /> <img class="svg-fallback" src="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/hubmark-full-on-bg-gray.gif" alt="Hub" /> </a> <a href="https://www.jhu.edu" class="header-logo column" title="Johns Hopkins University"> <img class="svg" src="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/logos/university-logo-small-horizontal-black-no-clear-space.svg" alt="Johns Hopkins University" /> <img class="svg-fallback" src="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/logos/university-logo-small-horizontal-black-no-clear-space-on-bg-gray.gif" alt="Johns Hopkins University" /> </a> </div> </div> </div> <div id="main" role="main"> <div class="article feature impact-image-landscape has-sidebar has-social main-content" role="article" data-convert="1" data-id="58136" data-type="article" data-url="https://hub.jhu.edu/2024/11/22/dna-powered-gels-shapeshift-on-command/" itemscope itemtype="https://schema.org/NewsArticle" > <span itemprop="publisher copyrightHolder" itemscope itemtype="https://schema.org/EducationalOrganization"> <span itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/logos/university-logo-small-horizontal-blue-no-clear-space.png" /> </span> <meta itemprop="name" content="Johns Hopkins University" /> </span> <span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content="https://api.hub.jhu.edu/factory/sites/default/files/styles/hub_thumbnail/public/2024-11/gelji%20%282%29%20copy.jpg" /> <meta itemprop="about" content="A a curved strip of flexible gel on a black background" /> </span> <meta itemprop="abstract" content="Johns Hopkins engineers have developed gel strips that change shape when given chemical instructions written in DNA code" /> <div class="hero-container row"> <div class="center force"> <div class="hero column force"> <div class="image column force image-landscape"><div class="image-container"><img src="https://api.hub.jhu.edu/factory/sites/default/files/styles/landscape/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg" alt="Flexible gels change shape when exposed to DNA-based activators" class="column" sizes="(min-width: 1680px) 1440px, (min-width: 1280px) 1194px, (min-width: 1024px) 1062px, (min-width: 863px) 850px, (min-width: 768px) 863px, (min-width: 640px) 768px, (min-width: 412px) 640px, (min-width: 375px) 412px, 375px" srcset="https://api.hub.jhu.edu/factory/sites/default/files/styles/hub_medium/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 420w, https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_630/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 630w, https://api.hub.jhu.edu/factory/sites/default/files/styles/full_width/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 825w, https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_1030/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 1030w, https://api.hub.jhu.edu/factory/sites/default/files/styles/hub_large/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 1194w, https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_1300/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 1300w, https://api.hub.jhu.edu/factory/sites/default/files/styles/hub_xlarge/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 1440w, https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_1600/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 1600w, https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_1800/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 1800w, https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_2000/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 2000w, https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_2400/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 2400w, https://api.hub.jhu.edu/factory/sites/default/files/styles/soft_crop_2880/public/2024-11/Gel%20Automata_numbers%20copy_cropped.jpg 2880w"/></div><div class="caption column has-caption has-credit"><p><span class="visuallyhidden">Image caption: </span>Flexible gels change shape when exposed to DNA-based activators </p><p class="credit"><span class="visuallyhidden">Credit: </span>Johns Hopkins University</p></div></div> </div> </div> </div> <div class="page-title-container row"> <div class="center force"> <div class="kicker-position-reference"> <div class="kicker"><span class="highlight">biomolecular engineering</span></div> </div> <h1 class="headline"><span class="highlight"><span itemprop="headline"> Molecular Morphers: DNA-powered gels shape-shift on command </span></span></h1> <h2 class="subheadline">Johns Hopkins engineers create responsive minuscule materials that dynamically reconfigure based on chemical signals</h2> </div> </div> <div class="row"> <div class="center force"> <div itemprop="articleBody" class="body-copy column force"> <div class="byline"> <p> <span class="visuallyhidden">By</span> <span class="author" itemprop="author">Emily Flinchum</span> </p> <span class="sep" aria-hidden="true">/</span> <span class="visuallyhidden">Published</span> <meta itemprop="datePublished dateCreated" content="2024-11-22" /> <span class="publish-date convert-pubdate" data-timestamp="1732307280"> Nov 22, 2024 </span> </div> <p>Johns Hopkins engineers have developed gel strips that change shape when given chemical instructions written in DNA code. These "gel automata," measuring just centimeters, can grow or shrink, transforming from one letter or number to another when triggered by specific DNA molecules. This breakthrough opens possibilities for shape-shifting robots and medical devices that can reconfigure themselves to perform various tasks.</p> <p>Their research appears in <a href="https://www.nature.com/articles/s41467-024-51198-9?utm_source=rct_congratemailt&utm_medium=email&utm_campaign=oa_20240905&utm_content=10.1038/s41467-024-51198-9"><em>Nature Communications</em></a>.</p> <div class="pullquote inline align-left light-blue"> "These gel automata, which respond to DNA instructions precisely and dynamically, represent an important step toward a new generation of adaptive and responsive materials for applications from medicine to robotics." <div class="cite">Ruohong Shi, Engr '23 (PhD)</div></div> <p>"These gel automata, which respond to DNA instructions precisely and dynamically, represent an important step toward a new generation of adaptive and responsive materials for applications from medicine to robotics," said Ruohong Shi, Engr '23 (PhD), who worked with <a href="https://engineering.jhu.edu/faculty/rebecca-schulman/">Rebecca Schulman</a> and <a href="https://engineering.jhu.edu/faculty/david-gracias/">David Gracias</a>, both professors in the Whiting School of Engineering's <a href="https://engineering.jhu.edu/chembe/">Department of Chemical and Biomolecular Engineering</a>, on the study. Shi is a postdoctoral fellow at the National Institute of Standards and Technology.</p> <p>Shape changes happen all the time in nature, from the development of embryos to the growth and aging of organisms. In creating the gels, the researchers were inspired by living systems that use nucleic acids to induce physical changes, by traditional machines that can repeatedly reconfigure based on instruction, and by soft robots that change shape in response to light or electrical signals.</p> <p>"Our study shows how we can program similar shape-shifting in very soft materials using chemicals," said Gracias.</p> <p>In their study, the researchers first developed gels that could grow or shrink in response to the signals from four independent DNA sequences with no other human intervention. They observed the gels' transformation, quantifying their responses to various chemical signals using time-lapse imaging.</p> <div class="image inline align-center size-large image-square column has-caption" data-id="44758"><div class="image-container"><img src="https://api.hub.jhu.edu/factory/sites/default/files/2024-11/gelsc.gif" alt="Gel shifting from the letter s to the letter c" /></div><div class="caption"><p><span class="visuallyhidden">Image caption:</span> Hopkins engineers created small, flexible gels that can be programmed to change shape when exposed to DNA-based activators. </p><p class="credit">Image <span class="visuallyhidden">credit</span>: Johns Hopkins University</p></div></div> <p>They discovered that the speed at which the gels change shape is influenced by how quickly water moves in and out of them. The researchers note that this is similar to natural phenomena involving gel-like substances or tissues, such as how diseases progress, and how the body heals over time.</p> <p>Next, the team combined tiny sections of four different types of DNA-infused gels to create strips that could change shape. Each section could be individually commanded to grow or shrink, allowing the researchers to control the entire strip's form.</p> <p>"Organisms use biomolecules to direct specific changes in their shape," Schulman said. "Our gel automata can do the same—they consist of micro-segments that can each grow or shrink when exposed to the DNA instructions."</p> <p>To classify these shapes, they developed a convolutional neural network (CNN)—a type of artificial intelligence that analyzes visual patterns. By training this AI with images of handwritten numbers and simulated gel shapes, the researchers created centimeter-long strips that could transform between letters of the alphabet and odd or even numbers. This innovative combination of DNA-controlled material and AI classification opens the door for the development of complex shape-shifting materials, according to the team.</p> <p>"Programmable gel automata are intellectually compelling because they offer us glimpses of how we might be able to create truly programmable matter," said Gracias.</p> <p>Study co-authors also include Kuan-Lin Chen, Joshua Fern, Yixin Liu, Qi Huang of the Department of Chemical and Biomolecular Engineering, and Dominic Scalise, a chemical and biomolecular engineering alum, who is currently an assistant professor in the Department of Chemical Engineering and Bioengineering at Washington State University. Siming Deng and Noah J. Cowan from the Whiting School's Department of Mechanical Engineering and the Laboratory for Computational Sensing and Robotics also contributed.</p> <div class="taxonomy"> <p>Posted in <a href='/science-technology/'>Science+Technology</a></p> <p>Tagged <a href='/tags/biomolecular-engineering/articles/'>biomolecular engineering</a>, <a href='/tags/robots/articles/'>robots</a>, <a href='/tags/engineering/articles/'>engineering</a></p> </div> </div> <div role="complementary" aria-label="Sidebar" class="minimal sidebar fixable column"> <div class="social section force" data-view="social"> <div class="share-icon twitter"> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&text=Molecular%20Morphers%3A%20DNA-powered%20gels%20shape-shift%20on%20command&via=HubJHU&related=JohnsHopkins" target="_blank" class="gtm-social-share" data-type="Twitter"> <i class="fa-brands fa-fw fa-x-twitter"></i> <span class="visuallyhidden">Share on X</span> </a> </div> <div class="share-icon facebook"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&display=page" target="_blank" class="force gtm-social-share" data-type="Facebook"> <i class="fa fa-fw fa-facebook"></i> <span class="visuallyhidden">Share on Facebook</span> </a> </div> <div class="share-icon pinterest"> <a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&description=Johns%20Hopkins%20engineers%20have%20developed%20gel%20strips%20that%20change%20shape%20when%20given%20chemical%20instructions%20written%20in%20DNA%20code&media=https%3A%2F%2Fapi.hub.jhu.edu%2Ffactory%2Fsites%2Fdefault%2Ffiles%2Fstyles%2Fhub_large%2Fpublic%2F2024-11%2Fgelji%2520%25282%2529%2520copy.jpg" target="_blank" class="gtm-social-share" data-type="Pinterest"> <i class="fa fa-fw fa-pinterest-p"></i> <span class="visuallyhidden">Pin it on Pinterest</span> </a> </div> <div class="share-icon email" data-id="58136"> <button> <i class="fa fa-fw fa-envelope"></i> <span class="visuallyhidden">Email</span> </button> </div> <div class="share-icon more"> <button> <i class="fa fa-fw fa-plus"></i> <span class="visuallyhidden">More social media options</span> </button> <div class="more-container hidden"> <div class="share-icon linkedin"> <a href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&title=Molecular%20Morphers%3A%20DNA-powered%20gels%20shape-shift%20on%20command&summary=Johns%20Hopkins%20engineers%20have%20developed%20gel%20strips%20that%20change%20shape%20when%20given%20chemical%20instructions%20written%20in%20DNA%20code&source=The%20Hub&mini=true" target="_blank" class="gtm-social-share" data-type="LinkedIn"> <i class="fa fa-fw fa-linkedin"></i> <span class="visuallyhidden">Share on LinkedIn</span> </a> </div> <div class="share-icon reddit"> <a href="http://www.reddit.com/submit?url=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&title=Molecular%20Morphers%3A%20DNA-powered%20gels%20shape-shift%20on%20command" target="_blank" class="gtm-social-share" data-type="Reddit"> <i class="fa fa-fw fa-reddit-alien"></i> <span class="visuallyhidden">Share on Reddit</span> </a> </div> <div class="share-icon tumblr"> <a href="https://www.tumblr.com/widgets/share/tool?canonicalUrl=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F" target="_blank" class="gtm-social-share" data-type="Tumblr"> <i class="fa fa-fw fa-tumblr"></i> <span class="visuallyhidden">Share on Tumblr</span> </a> </div> </div> </div> </div> </div> <div role="complementary" aria-label="Sidebar" class="full sidebar fixable column"> <div class="social section force" data-view="social"> <div class="share-icon twitter"> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&text=Molecular%20Morphers%3A%20DNA-powered%20gels%20shape-shift%20on%20command&via=HubJHU&related=JohnsHopkins" target="_blank" class="gtm-social-share" data-type="Twitter"> <i class="fa-brands fa-fw fa-x-twitter"></i> <span class="visuallyhidden">Share on X</span> </a> </div> <div class="share-icon facebook"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&display=page" target="_blank" class="force gtm-social-share" data-type="Facebook"> <i class="fa fa-fw fa-facebook"></i> <span class="visuallyhidden">Share on Facebook</span> </a> </div> <div class="share-icon pinterest"> <a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&description=Johns%20Hopkins%20engineers%20have%20developed%20gel%20strips%20that%20change%20shape%20when%20given%20chemical%20instructions%20written%20in%20DNA%20code&media=https%3A%2F%2Fapi.hub.jhu.edu%2Ffactory%2Fsites%2Fdefault%2Ffiles%2Fstyles%2Fhub_large%2Fpublic%2F2024-11%2Fgelji%2520%25282%2529%2520copy.jpg" target="_blank" class="gtm-social-share" data-type="Pinterest"> <i class="fa fa-fw fa-pinterest-p"></i> <span class="visuallyhidden">Pin it on Pinterest</span> </a> </div> <div class="share-icon email" data-id="58136"> <button> <i class="fa fa-fw fa-envelope"></i> <span class="visuallyhidden">Email</span> </button> </div> <div class="share-icon more"> <button> <i class="fa fa-fw fa-plus"></i> <span class="visuallyhidden">More social media options</span> </button> <div class="more-container hidden"> <div class="share-icon linkedin"> <a href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&title=Molecular%20Morphers%3A%20DNA-powered%20gels%20shape-shift%20on%20command&summary=Johns%20Hopkins%20engineers%20have%20developed%20gel%20strips%20that%20change%20shape%20when%20given%20chemical%20instructions%20written%20in%20DNA%20code&source=The%20Hub&mini=true" target="_blank" class="gtm-social-share" data-type="LinkedIn"> <i class="fa fa-fw fa-linkedin"></i> <span class="visuallyhidden">Share on LinkedIn</span> </a> </div> <div class="share-icon reddit"> <a href="http://www.reddit.com/submit?url=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F&title=Molecular%20Morphers%3A%20DNA-powered%20gels%20shape-shift%20on%20command" target="_blank" class="gtm-social-share" data-type="Reddit"> <i class="fa fa-fw fa-reddit-alien"></i> <span class="visuallyhidden">Share on Reddit</span> </a> </div> <div class="share-icon tumblr"> <a href="https://www.tumblr.com/widgets/share/tool?canonicalUrl=https%3A%2F%2Fhub.jhu.edu%2F2024%2F11%2F22%2Fdna-powered-gels-shapeshift-on-command%2F" target="_blank" class="gtm-social-share" data-type="Tumblr"> <i class="fa fa-fw fa-tumblr"></i> <span class="visuallyhidden">Share on Tumblr</span> </a> </div> </div> </div> </div> </div> </div> </div> <div role="complementary" aria-label="You might also like..." class="see-more row"> <div class="center force"> <div class="bbload force also-like column force content-collection" data-per_page="4" data-type="related" data-endpoint="articles" data-excluded_ids="58136"><script type="application/json">{"imageSizes":[456,333,296,237,347,309,258,342,311],"tags":[{"_links":{"self":{"href":"\/tags\/457"}},"id":457,"name":"biomolecular engineering","slug":"biomolecular-engineering","type":"tag","weight":0,"_embedded":{"image_thumbnail":null},"url":{"articles":"https:\/\/hub.jhu.edu\/tags\/biomolecular-engineering\/articles\/","events":"https:\/\/hub.jhu.edu\/tags\/biomolecular-engineering\/events\/"}},{"_links":{"self":{"href":"\/tags\/500"}},"id":500,"name":"robots","slug":"robots","type":"tag","weight":0,"_embedded":{"image_thumbnail":null},"url":{"articles":"https:\/\/hub.jhu.edu\/tags\/robots\/articles\/","events":"https:\/\/hub.jhu.edu\/tags\/robots\/events\/"}},{"_links":{"self":{"href":"\/tags\/569"}},"id":569,"name":"engineering","slug":"engineering","type":"tag","weight":0,"_embedded":{"image_thumbnail":null},"url":{"articles":"https:\/\/hub.jhu.edu\/tags\/engineering\/articles\/","events":"https:\/\/hub.jhu.edu\/tags\/engineering\/events\/"}}],"topics":[{"_links":{"self":{"href":"\/topics\/33"}},"id":33,"name":"Science+Technology","slug":"science-technology","type":"topic","weight":5,"_embedded":{"image_thumbnail":null},"parent":null,"url":{"articles":"https:\/\/hub.jhu.edu\/science-technology\/"}}],"related_content":null}</script><h6>You might also like</h6></div> <div class="bbload force trending column force content-collection" data-per_page="8" data-type="default" data-endpoint="articles" data-excluded_ids="58136" data-order_by="score"><script type="application/json">{"imageSizes":[106,106,94,75,126,112,94,96,87]}</script><h6>Trending</h6></div> </div> </div> </div> </div> </div> <div class="global-footer" role="contentinfo"> <div class="center force"> <a id="footer-nav"></a> <div class="footer-nav nav row" role="region" aria-label="Footer menu"> <div class="column footer-network"> <h6>News Network</h6> <ul class="tier-1 force"><li id="menu-item-10403" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-10403"><a href="https://hub.jhu.edu/">The Hub</a></li> <li id="menu-item-10404" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10404"><a href="https://hub.jhu.edu/at-work/">At Work</a></li> <li id="menu-item-10405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10405"><a href="https://hub.jhu.edu/magazine/">Johns Hopkins Magazine</a></li> <li id="menu-item-10407" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10407"><a href="https://hub.jhu.edu/search/">Search</a></li> </ul> </div> <div class="column footer-explore"> <h6>Explore by Topic</h6> <ul class="tier-1 force"><li id="menu-item-10408" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10408"><a href="https://hub.jhu.edu/health/">Health</a></li> <li id="menu-item-10409" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10409"><a href="https://hub.jhu.edu/science-technology/">Science+Technology</a></li> <li id="menu-item-10410" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10410"><a href="https://hub.jhu.edu/arts-culture/">Arts+Culture</a></li> <li id="menu-item-10411" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10411"><a href="https://hub.jhu.edu/politics-society/">Politics+Society</a></li> <li id="menu-item-10412" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10412"><a href="https://hub.jhu.edu/university-news/">University News</a></li> <li id="menu-item-10413" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10413"><a href="https://hub.jhu.edu/student-life/">Student Life</a></li> <li id="menu-item-10414" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10414"><a href="https://hub.jhu.edu/athletics/">Athletics</a></li> <li id="menu-item-10415" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10415"><a href="https://hub.jhu.edu/voices-opinion/">Voices+Opinion</a></li> </ul> </div> <div class="column footer-resources"> <h6>Resources</h6> <ul class="tier-1 force"><li id="menu-item-10416" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10416"><a href="https://hub.jhu.edu/about/">About the Hub</a></li> <li id="menu-item-10417" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10417"><a href="http://eepurl.com/pa10H">Get Email Updates</a></li> <li id="menu-item-10418" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10418"><a href="https://hub.jhu.edu/events/">Events</a></li> <li id="menu-item-10419" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10419"><a href="https://hub.jhu.edu/vip/submit-announcement/">Submit an Announcement</a></li> <li id="menu-item-10420" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10420"><a href="https://hub.jhu.edu/vip/submit-event/">Submit an Event</a></li> <li id="menu-item-10422" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10422"><a href="https://hub.jhu.edu/media/">For Media</a></li> <li id="menu-item-16883" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16883"><a href="https://hub.jhu.edu/experts/">Faculty Experts Guide</a></li> <li id="menu-item-10424" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10424"><a href="https://www.jhu.edu/privacystatement">Privacy Statement</a></li> <li id="menu-item-10425" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10425"><a href="http://accessibility.jhu.edu/">Accessibility</a></li> <li id="menu-item-10426" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10426"><a href="https://hub.jhu.edu/about/">Contact Us</a></li> </ul> </div> <div class="column footer-discover"> <h6>Discover JHU</h6> <ul class="tier-1 force"><li id="menu-item-10427" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10427"><a href="https://www.jhu.edu">jhu.edu</a></li> <li id="menu-item-10428" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10428"><a href="https://www.jhu.edu/about/">About the University</a></li> <li id="menu-item-10429" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10429"><a href="https://www.jhu.edu/schools/">Schools & Divisions</a></li> <li id="menu-item-10430" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10430"><a href="https://www.jhu.edu/academics/">Academic Programs</a></li> <li id="menu-item-10431" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10431"><a href="https://www.jhu.edu/admissions/">Admissions</a></li> <li id="menu-item-10432" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10432"><a href="https://www.jhu.edu/admissions/visit/">Plan a Visit</a></li> <li id="menu-item-10433" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10433"><a href="https://hr.jhu.edu/jobs-jhu/">Employment</a></li> <li id="menu-item-10434" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10434"><a href="https://my.jh.edu/portal/web/jhupub">my.JohnsHopkins.edu</a></li> </ul> </div> </div> <div class="identification row"> <a class="footer-logo column" href="https://www.jhu.edu"> <img class="horizontal-logo svg center" src="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/logos/university-logo-small-horizontal-white-no-clear-space.svg" alt="Johns Hopkins University" /> <img class="horizontal-logo svg-fallback center" src="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/logos/university-logo-small-horizontal-white-no-clear-space-on-288-blue.gif" alt="Johns Hopkins University" /> <img class="vertical-logo svg center" src="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/logos/university-logo-small-vertical-white-no-clear-space.svg" alt="Johns Hopkins University" /> <img class="vertical-logo svg-fallback center" src="https://hub.jhu.edu/assets/themes/wphub/src/assets/images/logos/university-logo-small-vertical-white-no-clear-space-on-288-blue.gif" alt="Johns Hopkins University" /> </a> <ul class="contact column"> <li class="university-name">© 2024 <a href="https://www.jhu.edu">Johns Hopkins University</a>. All rights reserved.</li> <li class="office-name"><a href="http://universitycommunications.jhu.edu/">University Communications</a></li> <li class="address">3910 Keswick Rd., Suite N2600, Baltimore, MD</li> <li><div class="social-links"> <a class="twitter fa-stack" href="http://www.twitter.com/JohnsHopkins"> <i class="fa-solid fa-stack-1x fa-square" aria-hidden="true"></i> <i class="fa-brands fa-stack-1x fa-square-x-twitter" aria-hidden="true"></i> <span class="visuallyhidden">X</span> </a> <a class="facebook fa-stack" href="http://www.facebook.com/johnshopkinsuniversity"> <i class="fa-solid fa-stack-1x fa-square" aria-hidden="true"></i> <i class="fa-brands fa-stack-1x fa-facebook-square" aria-hidden="true"></i> <span class="visuallyhidden">Facebook</span> </a> <a class="linkedin fa-stack" href="https://www.linkedin.com/edu/the-johns-hopkins-university-18560"> <i class="fa-solid fa-stack-1x fa-square" aria-hidden="true"></i> <i class="fa-brands fa-stack-1x fa-linkedin-in" aria-hidden="true"></i> <span class="visuallyhidden">LinkedIn</span> </a> <a class="youtube fa-stack" href="http://www.youtube.com/johnshopkins"> <i class="fa-solid fa-stack-1x fa-square" aria-hidden="true"></i> <i class="fa-brands fa-stack-1x fa-youtube-square" aria-hidden="true"></i> <span class="visuallyhidden">YouTube</span> </a> <a class="instagram fa-stack" href="http://instagram.com/johnshopkinsu"> <i class="fa-solid fa-stack-1x fa-square" aria-hidden="true"></i> <i class="fa-brands fa-stack-1x fa-instagram-square" aria-hidden="true"></i> <span class="visuallyhidden">Instagram</span> </a> </div> </li> </ul> </div> </div> </div> <div id="layout-debugger"> <div id="column-master-super-awesome-grid"> <div class="center force"> <!-- <div class="row force"><div class="column twelve">twelve</div></div> <div class="row force"><div class="column eleven">eleven</div></div> <div class="row force"><div class="column ten">ten</div></div> <div class="row force"><div class="column nine">nine</div></div> <div class="row force"><div class="column eight">eight</div></div> <div class="row force"><div class="column seven">seven</div></div> <div class="row force"> <div class="column six">six</div> <div class="column six">six</div> </div> <div class="row force"><div class="column five">five</div></div> <div class="row force"> <div class="column four">four</div> <div class="column four">four</div> <div class="column four">four</div> </div> <div class="row force"> <div class="column three">three</div> <div class="column three">three</div> <div class="column three">three</div> <div class="column three">three</div> </div> <div class="row force"> <div class="column two"></div> <div class="column two"></div> <div class="column two"></div> <div class="column two"></div> <div class="column two"></div> <div class="column two"></div> </div> <div class="row force"> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> <div class="column one">one</div> </div> --> <!-- <div class="row force"> <div class="column twelve"></div> </div> --> <div class="row force"> <div class="column eleven"></div> <div class="column one"></div> </div> <div class="row force"> <div class="column ten"></div> <div class="column two"></div> </div> <div class="row force"> <div class="column nine"></div> <div class="column three"></div> </div> <div class="row force"> <div class="column eight"></div> <div class="column four"></div> </div> <div class="row force"> <div class="column seven"></div> <div class="column five"></div> </div> <div class="row force"> <div class="column six"></div> <div class="column six"></div> </div> <!-- <div class="row force"> <div class="column five"></div> <div class="column seven"></div> </div> --> <div class="row force"> <div class="column four"></div> <div class="column four"></div> <div class="column four"></div> </div> <div class="row force"> <div class="column three"></div> <div class="column three"></div> <div class="column three"></div> <div class="column three"></div> </div> <div class="row force"> <div class="column two"></div> <div class="column two"></div> <div class="column two"></div> <div class="column two"></div> <div class="column two"></div> <div class="column two"></div> </div> <div class="row force"> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> <div class="column one"></div> </div> </div> </div> <div id="width-breakpoint-totally-tubular-stripes"> <div class="stripe hand"></div> <div class="stripe lap"></div> <div class="stripe desk"></div> <div class="stripe wall"></div> <div class="stripe jumbotron"></div> </div> <div id="height-breakpoint-totally-tubular-stripes"> <div class="stripe hand"></div> <div class="stripe lap"></div> <div class="stripe desk"></div> <div class="stripe wall"></div> <div class="stripe jumbotron"></div> </div> <div id="breakpoint-checker"></div> </div> <div id="breakpoint"> <div class="width"> <div class="hand"></div> <div class="lap"></div> <div class="desk"></div> <div class="wall"></div> <div class="jumbotron"></div> </div> <div class="height"> <div class="hand"></div> <div class="lap"></div> <div class="desk"></div> <div class="wall"></div> <div class="jumbotron"></div> </div> </div> <script type="text/javascript" src="https://hub.jhu.edu/wp/wp-includes/js/underscore.min.js?ver=1.13.4" id="underscore-js"></script> <script type="text/javascript" src="https://hub.jhu.edu/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://hub.jhu.edu/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://hub.jhu.edu/wp/wp-includes/js/backbone.min.js?ver=1.5.0" id="backbone-js"></script> <script type="text/javascript" src="https://hub.jhu.edu/wp/wp-includes/js/dist/vendor/lodash.min.js?ver=4.17.21" id="lodash-js"></script> <script type="text/javascript" id="lodash-js-after"> /* <![CDATA[ */ window.lodash = _.noConflict(); /* ]]> */ </script> <script type="text/javascript" src="https://hub.jhu.edu/assets/themes/wphub/assets/js/vent.js?ver=a41c71dee6c1cbfb8e8f" id="jhu-vent-js"></script> <script type="text/javascript" src="https://hub.jhu.edu/wp/wp-includes/js/dist/vendor/moment.min.js?ver=2.29.4" id="moment-js"></script> <script type="text/javascript" id="moment-js-after"> /* <![CDATA[ */ moment.updateLocale( 'en_US', {"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"week":{"dow":1},"longDateFormat":{"LT":"g:i a","LTS":null,"L":null,"LL":"F j, Y","LLL":"F j, Y g:i a","LLLL":null}} ); /* ]]> */ </script> <script type="text/javascript" src="https://hub.jhu.edu/assets/themes/wphub/assets/js/global.js?ver=128b534ad204a87dd57c" id="jhu-global-js"></script> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-extra"> /* <![CDATA[ */ var gforms_recaptcha_recaptcha_strings = {"site_key":"6LclNtkZAAAAANENXb4rH5E6uT1RlbUCAFvjxJYj","ajaxurl":"https:\/\/hub.jhu.edu\/wp-admin\/admin-ajax.php","nonce":"60ec9c8051"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LclNtkZAAAAANENXb4rH5E6uT1RlbUCAFvjxJYj&ver=1.2.2" id="gforms_recaptcha_recaptcha-js"></script> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-after"> /* <![CDATA[ */ (function($){grecaptcha.ready(function(){$('.grecaptcha-badge').css('visibility','hidden');});})(jQuery); /* ]]> */ </script> <script type="text/javascript" src="https://hub.jhu.edu/assets/themes/wphub/assets/js/page.js?ver=7b49bcad8f10acf84b99" id="jhu-page-js"></script> <script type="text/javascript" src="https://hub.jhu.edu/assets/themes/wphub/assets/js/article.js?ver=907c66ba1b17761d19a0" id="jhu-article-js"></script> <script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_6185845.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> </body> </html>