CINXE.COM

<!doctype html> <html class="no-js" lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <meta name="blog-name" content="The Mozilla Blog" /> <link rel="alternate" hreflang="en" href="https://blog.mozilla.org/en/internet-culture/senongo-akpem/" /> <link rel="alternate" hreflang="x-default" href="https://blog.mozilla.org/en/internet-culture/senongo-akpem/" />  <title>A civic tech creative on modernizing government sites, MySpace coding and pre-internet memories</title> <meta name="description" content="Senongo Akpem is the VP of design at Nava, a public benefit corporation that takes a human-centered approach to modernizing government tech." /> <link rel="canonical" href="https://blog.mozilla.org/en/internet-culture/senongo-akpem/" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://blog.mozilla.org/en/internet-culture/senongo-akpem/","url":"https://blog.mozilla.org/en/internet-culture/senongo-akpem/","name":"A civic tech creative on modernizing government sites, MySpace coding and pre-internet memories","isPartOf":{"@id":"https://blog.mozilla.org/en/#website"},"primaryImageOfPage":{"@id":"https://blog.mozilla.org/en/internet-culture/senongo-akpem/#primaryimage"},"image":{"@id":"https://blog.mozilla.org/en/internet-culture/senongo-akpem/#primaryimage"},"thumbnailUrl":"https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x.png","datePublished":"2024-11-13T18:06:00+00:00","dateModified":"2024-11-13T18:06:02+00:00","author":{"@id":"https://blog.mozilla.org/en/#/schema/person/7ba1726f7f9dd2f25bc5c3a159742d60"},"description":"Senongo Akpem is the VP of design at Nava, a public benefit corporation that takes a human-centered approach to modernizing government tech.","breadcrumb":{"@id":"https://blog.mozilla.org/en/internet-culture/senongo-akpem/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://blog.mozilla.org/en/internet-culture/senongo-akpem/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://blog.mozilla.org/en/internet-culture/senongo-akpem/#primaryimage","url":"https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x.png","contentUrl":"https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x.png","width":1928,"height":1088,"caption":"A person wearing a blue blazer, smiling at the camera, with yellow grid background and decorative icons in orange and purple speech bubbles."},{"@type":"BreadcrumbList","@id":"https://blog.mozilla.org/en/internet-culture/senongo-akpem/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://blog.mozilla.org/en/"},{"@type":"ListItem","position":2,"name":"Latest","item":"https://blog.mozilla.org/en/latest/"},{"@type":"ListItem","position":3,"name":"A civic tech creative on modernizing government sites, MySpace coding and pre-internet memories"}]},{"@type":"WebSite","@id":"https://blog.mozilla.org/en/#website","url":"https://blog.mozilla.org/en/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://blog.mozilla.org/en/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://blog.mozilla.org/en/#/schema/person/7ba1726f7f9dd2f25bc5c3a159742d60","name":"Kristina Bravo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://blog.mozilla.org/en/#/schema/person/image/cd320165a9224f3c60c912bf4086a89f","url":"https://secure.gravatar.com/avatar/22fa545a3c48bc13cc1d84d5e09ffbff?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/22fa545a3c48bc13cc1d84d5e09ffbff?s=96&d=mm&r=g","caption":"Kristina Bravo"},"url":"https://blog.mozilla.org/en/author/kbravo/"}]}</script>  <link rel="alternate" type="application/rss+xml" title="The Mozilla Blog » Feed" href="https://blog.mozilla.org/en/feed/" /> <link rel="alternate" type="application/rss+xml" title="The Mozilla Blog » Comments Feed" href="https://blog.mozilla.org/en/comments/feed/" /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/blog.mozilla.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.3.5"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://blog.mozilla.org/wp-includes/css/dist/block-library/style.min.css?ver=6.3.5' type='text/css' media='all' /> <style id='co-authors-plus-coauthors-style-inline-css' type='text/css'> .wp-block-co-authors-plus-coauthors.is-layout-flow [class*=wp-block-co-authors-plus]{display:inline} </style> <style id='co-authors-plus-avatar-style-inline-css' type='text/css'> .wp-block-co-authors-plus-avatar :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-avatar :where(img){vertical-align:middle}.wp-block-co-authors-plus-avatar:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-avatar.aligncenter{display:table;margin-inline:auto} </style> <style id='co-authors-plus-image-style-inline-css' type='text/css'> .wp-block-co-authors-plus-image{margin-bottom:0}.wp-block-co-authors-plus-image :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-image :where(img){vertical-align:middle}.wp-block-co-authors-plus-image:is(.alignfull,.alignwide) :where(img){width:100%}.wp-block-co-authors-plus-image:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-image.aligncenter{display:table;margin-inline:auto} </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> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wpml-blocks-css' href='https://blog.mozilla.org/wp-content/plugins/sitepress-multilingual-cms/dist/css/blocks/styles.css?ver=4.6.11' type='text/css' media='all' /> <link rel='stylesheet' id='wpml-legacy-post-translations-0-css' href='https://blog.mozilla.org/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-post-translations/style.min.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='foxtail-style-css' href='https://blog.mozilla.org/wp-content/themes/foxtail/assets/css/main.min.css?ver=0.7.0' type='text/css' media='all' /> <script type='text/javascript' src='https://blog.mozilla.org/wp-content/mu-plugins/mozilla-custom/ga-snippet.js?ver=.4' id='ga-snippet-js'></script> <link rel="https://api.w.org/" href="https://blog.mozilla.org/en/wp-json/" /><link rel="alternate" type="application/json" href="https://blog.mozilla.org/en/wp-json/wp/v2/posts/77430" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://blog.mozilla.org/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://blog.mozilla.org/en/?p=77430' /> <link rel="alternate" type="application/json+oembed" href="https://blog.mozilla.org/en/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.mozilla.org%2Fen%2Finternet-culture%2Fsenongo-akpem%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://blog.mozilla.org/en/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblog.mozilla.org%2Fen%2Finternet-culture%2Fsenongo-akpem%2F&format=xml" /> <meta name="generator" content="WPML ver:4.6.11 stt:59,1,4,3,25,27,40,42,45,2;" /> <style type="text/css" id="wp-custom-css"> .ft-ai-time { margin-top: 36px; margin-bottom: 18px; font-size: 18px; } .ft-ai-time__date { font-size: 16px; color: #4a4a4a; display: block; } .ft-ai-time__title { font-size: 24px; display: block; line-height: 1.3; font-weight: 800; } .ft-ai-time__sub { display: block; font-style: italic; } </style>  <title>A civic tech creative on modernizing government sites, MySpace coding and pre-internet memories | The Mozilla Blog</title> <meta name="description" content="Here at Mozilla, we are the first to admit the internet isn’t perfect, but we know the internet is pretty darn magical. The internet opens up doors and o" /> <meta name="robots" content="index,follow">  <meta property="og:title" content="A civic tech creative on modernizing government sites, MySpace coding and pre-internet memories | The Mozilla Blog" /> <meta property="og:description" content="Here at Mozilla, we are the first to admit the internet isn’t perfect, but we know the internet is pretty darn magical. The internet opens up doors and o" /> <meta property="og:image" content="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x-1083x722.png" />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@firefox" /> <meta name="twitter:title" content="A civic tech creative on modernizing government sites, MySpace coding and pre-internet memories | The Mozilla Blog" /> <meta name="twitter:description" content="Here at Mozilla, we are the first to admit the internet isn’t perfect, but we know the internet is pretty darn magical. The internet opens up doors and o" /> <meta name="twitter:image" content="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x-1083x722.png" />  <link rel="apple-touch-icon" sizes="180x180" href="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/favicons/favicon-16x16.png"> <link rel="manifest" href="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/favicons/site.webmanifest"> <link rel="mask-icon" href="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/favicons/safari-pinned-tab.svg" color="#20123a"> <link rel="shortcut icon" href="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/favicons/favicon.ico"> <meta name="msapplication-TileColor" content="#20123a"> <meta name="msapplication-config" content="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/favicons/browserconfig.xml"> <meta name="theme-color" content="#7542E5"> </head> <body class="post-template-default single single-post postid-77430 single-format-standard no-sidebar" data-blogname="The Mozilla Blog"> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <header class="ft-c-header"> <div class="ft-c-header__toggle"> <div class="ft-c-hamburger"></div> </div> <div class="ft-c-header__logo"> <a href="https://blog.mozilla.org/en/">Mozilla</a> </div> <div class="ft-c-header__search ft-c-header__search--mobile"> <img class="ft-c-header__search-icon" src="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/icons/search.svg" alt="search" /> </div> <div id="nav" class="ft-c-header__nav"> <ul class="ft-c-primary-nav "><li class="ft-c-primary-nav__item ft-c-primary-nav__item--parent ft-c-primary-nav__item--parent--active ft-c-primary-nav__item--461998"><a href="https://blog.mozilla.org/en/category/internet-culture/" class="ft-c-primary-nav__link">Internet Culture</a> <ul class="ft-c-primary-nav__sub-menu ft-c-primary-nav__sub-menu--1"> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--464058"><a href="https://blog.mozilla.org/en/category/internet-culture/deep-dives/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">Deep Dives</a></li> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--451330"><a href="https://blog.mozilla.org/en/category/internet-culture/mozilla-explains/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">Mozilla Explains</a></li> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--453"><a href="https://blog.mozilla.org/en/category/internet-culture/interviews/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">Interviews</a></li> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--463654"><a href="https://blog.mozilla.org/en/category/videos/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">Videos</a></li> </ul> </li> <li class="ft-c-primary-nav__item ft-c-primary-nav__item--289374"><a href="https://blog.mozilla.org/en/category/privacy-security/" class="ft-c-primary-nav__link">Privacy & Security</a></li> <li class="ft-c-primary-nav__item ft-c-primary-nav__item--parent ft-c-primary-nav__item--463646"><a href="https://blog.mozilla.org/en/category/products/" class="ft-c-primary-nav__link">Products</a> <ul class="ft-c-primary-nav__sub-menu ft-c-primary-nav__sub-menu--1"> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--30"><a href="https://blog.mozilla.org/en/category/products/firefox/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">Firefox</a></li> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--278478"><a href="https://blog.mozilla.org/en/category/products/pocket/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">Pocket</a></li> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--462009"><a href="https://blog.mozilla.org/en/category/products/mozilla-vpn/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">Mozilla VPN</a></li> </ul> </li> <li class="ft-c-primary-nav__item ft-c-primary-nav__item--parent ft-c-primary-nav__item--5"><a href="https://blog.mozilla.org/en/category/mozilla/" class="ft-c-primary-nav__link">Mozilla</a> <ul class="ft-c-primary-nav__sub-menu ft-c-primary-nav__sub-menu--1"> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--463312"><a href="https://blog.mozilla.org/en/category/mozilla/news/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">News</a></li> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--290364"><a href="https://blog.mozilla.org/en/category/mozilla/internet-policy/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">Internet Policy</a></li> <li class="ft-c-primary-nav__item--parent ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--1__item ft-c-primary-nav__item--30710"><a href="https://blog.mozilla.org/en/category/mozilla/leadership/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--1__link">Leadership</a> <ul class="ft-c-primary-nav__sub-menu ft-c-primary-nav__sub-menu--2"> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--2__item ft-c-primary-nav__item--64908"><a href="https://blog.mozilla.org/en/author/mitchellmozillacom/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--2__link">Mitchell Baker, CEO</a></li> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--2__item ft-c-primary-nav__item--64909"><a href="https://blog.mozilla.org/en/author/markmozillafoundation-org/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--2__link">Mark Surman, ED Foundation</a></li> <li class="ft-c-primary-nav__sub-menu__item ft-c-primary-nav__sub-menu--2__item ft-c-primary-nav__item--64910"><a href="https://blog.mozilla.org/en/author/ekrmozilla-com/" class="ft-c-primary-nav__sub-menu__link ft-c-primary-nav__sub-menu--2__link">Eric Rescorla, Firefox CTO</a></li> </ul> </li> </ul> </li> </ul> </div> <div class="ft-c-header__cta-wrap"> <a id="nav-download" href="https://www.mozilla.org/firefox/new/?utm_source=blog.mozilla.org&utm_medium=referral&utm_campaign=blog-nav" rel="external" class="mzp-c-button mzp-t-product mzp-t-lg">Download Firefox</a> </div> <div class="ft-c-header__search"> <img class="ft-c-header__search-icon" src="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/icons/search.svg" alt="search" /> </div> </header> <div class="ft-c-search"> <h4>Search</h4> <form role="search" method="get" class="search-form" action="https://blog.mozilla.org/en/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> </div> <div id="content" class="site-content"> <div class="ft-l-content"> <main id="main" class="site-main ft-l-container"> <article id="post-77430" class="ft-c-single-post post-77430 post type-post status-publish format-standard has-post-thumbnail hentry category-internet-culture tag-homepage tag-my-corner-of-the-internet"> <div class="ft-c-single-post__header"> <div class="ft-c-single-post__category"> <a href="https://blog.mozilla.org/en/category/internet-culture/" > <span class="ft-c-label ft-c-pill"> Internet Culture </span> </a> </div> <h1 class="ft-c-single-post__title">A civic tech creative on modernizing government sites, MySpace coding and pre-internet memories</h1> <div class="ft-c-single-post__meta"> <div class="ft-c-post-meta"> <img src="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/icons/calendar.svg" alt="calendar" /> <span>November 13, 2024</span> </div> <div class="ft-c-post-meta"> <img src="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/icons/author.svg" alt="author" /> <span> <a href="https://blog.mozilla.org/en/author/kbravo/" title="Posts by Kristina Bravo" class="author url fn" rel="author">Kristina Bravo</a> </span> </div> </div> </div> <div class="ft-c-single-post__body"> <figure class="wp-block-image size-large"><img decoding="async" fetchpriority="high" width="1024" height="578" src="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x-1024x578.png" alt="A person wearing a blue blazer, smiling at the camera, with yellow grid background and decorative icons in orange and purple speech bubbles." class="wp-image-77444" srcset="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x-1024x578.png 1024w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x-300x169.png 300w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x-768x433.png 768w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x-1536x867.png 1536w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x-1000x564.png 1000w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/fx_distilled_MCOI_Senongo-Akpem_Header_1920x1080@1x.png 1928w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p><em>Here at Mozilla, we are the first to admit the internet isn’t perfect, but we know the internet is pretty darn magical. The internet opens up doors and opportunities, allows for human connection, and lets everyone find where they belong — their corners of the internet. We all have an internet story worth sharing. In </em><a href="https://blog.mozilla.org/tag/my-corner-of-the-internet/"><em>My Corner Of The Internet</em></a><em>, we talk with people about the online spaces they can’t get enough of, the sites and forums that shaped them, and what reclaiming the internet really looks like.</em></p> <p><em>This month, we caught up with <a href="https://senongo.net/" target="_blank" rel="noreferrer noopener">Senongo Akpem</a>, a creative in civic tech. He’s currently VP of design at Nava, a public benefit corporation that takes a human-centered approach to modernizing government technology and making it more accessible. We talked to him about his MySpace coding days, his fascination with the Internet Archive and why he thinks smart design might just be the bridge we need between government and the people it serves.</em></p> <h2 class="wp-block-heading"><strong>What is your favorite corner of the internet? </strong></h2> <p><a href="https://archive.org/" target="_blank" rel="noreferrer noopener">The Internet Archive</a>. It’s stunning how much of the Western world’s knowledge is captured there, metadata and all. You can spend hours examining <a href="https://archive.org/details/Travel192710" target="_blank" rel="noreferrer noopener">typography choices in old travel magazines</a>, or <a href="https://archive.org/details/modernmovementsi00char" target="_blank" rel="noreferrer noopener">old-school VHS-quality shows from Japan</a>, or an <a href="https://archive.org/details/modernmovementsi00char">intro to modern architecture that was written in 1962</a>.  </p> <h2 class="wp-block-heading"><strong>What is an internet deep dive that you can’t wait to jump back into?</strong></h2> <p>There are a growing number of sites like <a href="https://thepeoplesay.org/" target="_blank" rel="noreferrer noopener">The People Say</a> that act as research indexes and databases to capture the voices of the public. One of Nava’s core strengths is our research practice, which includes human-centered design. We strive to speak to the same priority populations when we conduct research with our government partners in the <a href="https://www.navapbc.com/case-studies/facing-financial-shock" target="_blank" rel="noreferrer noopener">benefits delivery</a> and <a href="https://www.navapbc.com/case-studies/improving-perinatal-care-US-CMS" target="_blank" rel="noreferrer noopener">health care</a> spaces. </p> <p>I’m eager to get back into the data and read more of the stories in there. </p> <h2 class="wp-block-heading"><strong>What is the one tab you always regret closing?</strong></h2> <p><a href="https://www.semafor.com/vertical/africa" target="_blank" rel="noreferrer noopener">Semafor Africa</a> has a great newsletter that explores in detail the political, social and cultural news across the continent. In one post, you might read about clean energy projects and the cost of their capital investments. In another, you might read about the backstory of an Africa Cup of Nations (AFCON) match delay. </p> <p>There are so many complex, 21st century stories to be told about the African continent.</p> <h2 class="wp-block-heading"><strong>What can you not stop talking about on the internet right now?</strong></h2> <p>For the past year, I’ve been part of a Nava team working on an effort to modernize Grants.gov. Grants.gov is the front door for grants across the federal government, and disburses more than $300 billion (yes, that’s a B!!) in grants throughout the country every year. These grants go to a range of grantees from small, community-based organizations to large, national nonprofits. Nava also supports the Office of Grants to help ensure the federal government doesn’t underserve any communities. </p> <p>I’ve mainly been leading strategic branding and communications efforts on the project, which often means nerding out with our government partners and coworkers on things like accessible color palettes, type scales and image banks. It’s a facet of civic tech that people often don’t think about. </p> <p>In 2023, the Office of Management and Budget <a href="https://www.nextgov.com/modernization/2023/09/federal-cio-touts-10-year-plan-build-truly-digital-federal-government/390578/" target="_blank" rel="noreferrer noopener">released guidance</a> directing agencies to deliver a “digital-first public experience.” Their guidance gives agencies details and deadlines for the implementation of the <a href="https://www.congress.gov/bill/115th-congress/house-bill/5759/text" target="_blank" rel="noreferrer noopener">21st Century IDEA Act</a>, which was signed into law four years ago.</p> <p>In multiple places, the memo describes how brand identity, visual design and design systems play a role in building trust in government systems — specifically, that clear and consistent use of an agency’s brand identity and visual design help the public identify official government entities.  </p> <h2 class="wp-block-heading"><strong>How do you see your work with Nava helping improve public trust in digital services?</strong></h2> <p>Nava is a public benefit corporation (PBC), which is pretty unique in our space, and was intentionally set up that way by our founders. Being a PBC is not just a best practice or a label — it has legal weight, and is part of the company DNA. The people I work with at Nava have a fiduciary duty not only to our stakeholders, but to our stated mission: to improve the access, effectiveness, and simplicity of government services.</p> <p>Nava believes that for companies like ours — that are paid with taxpayer dollars, whose work affects millions of lives — social responsibility should be the norm, not the exception.</p> <p>The human-centered approach we take creates a better experience for end-users and the agencies we partner with. It ultimately builds trust in public institutions and the digital services provided. I see huge opportunities for the researchers, service designers, content strategists, frontend designers and communications designers at Nava to contribute to this. </p> <p>As Nava grows — we’ve recently entered the mid-sized category — we continue to place our mission at the forefront, and strive to set a good example of what’s possible. </p> <h2 class="wp-block-heading"><strong>What was the first online community you engaged with?</strong></h2> <p>My first sustained experience with an online community (not counting email) was probably MySpace around 2005-06. As I’m sure many people remember, it was a hit as soon as people got on there and started adding content. I was living in Japan at the time, and used the <a href="https://mikeindustries.com/blog/archive/2006/04/hacking-myspace-layouts" target="_blank" rel="noreferrer noopener">CSS/HTML hack</a> to put a skin on my page while adding music, friends, you name it. I think that was one of the first times I felt the internet converging across cultures, rather than just the Web 1.0 model of static blocks of information. </p> <h2 class="wp-block-heading"><strong>What articles and/or videos are you waiting to read/watch right now?</strong></h2> <p>I got about two-thirds of the way through <a href="https://www.netflix.com/title/81772175" target="_blank" rel="noreferrer noopener">Scavengers Reign</a> before I had to take a pause. It’s about the survivors of a spaceship crash on a distant planet that is teeming with strange life. When I started it, I assumed it would be a beautiful, quiet anime like a <a href="https://characterdesignreferences.com/artist-of-the-week-3/moebius" target="_blank" rel="noreferrer noopener">Moebius illustration</a>. Spoiler Alert: It turned into a horror show! Every episode was more desperate than the last one. I’m waiting to build up the nerve to finish the first season. </p> <h2 class="wp-block-heading"><strong>If you could create your own corner of the internet, what would it look like?</strong></h2> <p>It would probably be something dedicated to archiving cultural/family ephemera. For the past few years, I have been slowly scanning in my parents photos, letters, postcards, passports and other small pieces of their life that I have managed to save. </p> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="687" src="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/19xx-xx-emily-joseph-and-denenge-sitting-on-motorbikes-mkar-nigeria-1024x687.jpg" alt="A woman smiles as she sits on a motorbike in the foreground, while in the background, a man rides a motorcycle with a young child sitting in front of him. They are outdoors on a dirt road, with trees and buildings in the background." class="wp-image-77431" srcset="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/19xx-xx-emily-joseph-and-denenge-sitting-on-motorbikes-mkar-nigeria-1024x687.jpg 1024w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/19xx-xx-emily-joseph-and-denenge-sitting-on-motorbikes-mkar-nigeria-300x201.jpg 300w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/19xx-xx-emily-joseph-and-denenge-sitting-on-motorbikes-mkar-nigeria-768x515.jpg 768w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/19xx-xx-emily-joseph-and-denenge-sitting-on-motorbikes-mkar-nigeria-1536x1030.jpg 1536w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/19xx-xx-emily-joseph-and-denenge-sitting-on-motorbikes-mkar-nigeria-2048x1374.jpg 2048w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/19xx-xx-emily-joseph-and-denenge-sitting-on-motorbikes-mkar-nigeria-1000x671.jpg 1000w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Senongo’s mother, father, and older sister sit on motorbikes in Benue State, Nigeria, around 1975-76.</figcaption></figure> <p>A few years back, while in a taxi in Denver, I told the driver about my project and we began to chat about how important it is to save those family memories. The driver explained that she was from New Orleans, and her grandmother had been a Voodoo priestess. The family had sadly not been able to capture any of her stories or memories before she passed. </p> <p>My own corner of the internet would be a set of these poignant little memories from before the internet, scanned or recorded for future generations to share. </p> <hr class="wp-block-separator has-alpha-channel-opacity"/> <p><em>Senongo Akpem is the vice president of design at Nava, a public benefit corporation working to make government services simple, effective and accessible to all. For the past two decades, he has specialized in collaborating with clients across the world on flexible, impactful digital experiences. Prior to joining Nava, he was design director at Constructive, a social impact design agency, and an art director at Cambridge University Press, where he led a global design team. Senongo is the author of </em><a href="https://abookapart.com/products/cross-cultural-design" target="_blank" rel="noreferrer noopener"><em>“Cross-Cutural Design,”</em></a><em> a book about creating culturally relevant and responsible experiences that reach a truly global audience.</em></p> <p><em>The child of a Nigerian father and a Dutch-American mother, Senongo grew up in Nigeria, lived in Japan for almost a decade, and now calls New York City home. Living in constantly shifting cultural and physical spaces has given him unique insight into the influence of culture on communication and creativity. Senongo speaks at conferences around the world about cross-cultural design, digital storytelling, and transmedia. He loves any and all science fiction.</em></p> </div> </article> <div class="ft-c-post-share"> <hr class="ft-c-post-share__divider" /> <div class="ft-c-post-share__icons"> <a class="ft-js-share-link" href="https://twitter.com/intent/tweet?text=A+civic+tech+creative+on+modernizing+government+sites%2C+MySpace+coding+and+pre-internet+memories+https://blog.mozilla.org/en/internet-culture/senongo-akpem/++via+%40firefox" target="_blank"> <img class="ft-c-post-share__icon" src="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/icons/twitter.svg" alt="Share on Twitter" /> </a> <a data-pocket-label="pocket" data-pocket-count="none" class="pocket-btn" data-lang="en"></a> <script type="text/javascript"> ! function(d, i) { if (!d.getElementById(i)) { var j = d.createElement("script"); j.id = i; j.src = "https://widgets.getpocket.com/v1/j/btn.js?v=1"; var w = d.getElementById(i); d.body.appendChild(j); } }(document, "pocket-btn-js"); </script> </div> </div> </main> <div class="ft-c-post-nav"> <div class="ft-l-container ft-c-post__wrap"> <a id="previous-post" href="https://blog.mozilla.org/en/products/firefox/firefox-subreddit/" class="ft-c-post-nav__item ft-c-post-nav__item--left"> <img src="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/icons/previous.svg" alt="previous" /> <div class="ft-c-post-nav__item-content"> <span>Previous Post</span> <p> Exploring the Firefox community on r/firefox </p> </div> </a> <a id="next-post" href="https://blog.mozilla.org/en/mozilla/ai-openness-safety/" class="ft-c-post-nav__item"> <div class="ft-c-post-nav__item-content"> <span>Next Post</span> <p> Charging ahead on AI openness and safety </p> </div> <img src="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/icons/next.svg" alt="next" /> </a> </div> </div> <div class="ft-l-space-related"></div> <section id="related-articles" class="ft-c-post-list"> <div class="ft-l-container"> <h2 class="ft-c-post-list__title">Related Articles</h2> <div class="ft-c-post-list__wrap--three-column"> <section class="mzp-c-card mzp-has-aspect-1-1"> <a class="mzp-c-card-block-link" href="https://blog.mozilla.org/en/products/firefox/firefox-milestones/"> <div class="mzp-c-card-media-wrapper"> <img width="800" height="800" src="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/Firefox-anniversary-banner-1-purple-backfrop-800x800.png" class="mzp-c-card-image wp-post-image" alt="Firefox 20th anniversary logo with a purple background, showing a large number 20 with the Firefox logo inside the zero, next to the words 'Firefox by Mozilla.'" decoding="async" srcset="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/Firefox-anniversary-banner-1-purple-backfrop-800x800.png 800w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/Firefox-anniversary-banner-1-purple-backfrop-150x150.png 150w" sizes="(max-width: 800px) 100vw, 800px" /> </div> <div class="mzp-c-card-content"> <div class="mzp-c-card-content"> <div class="ft-c-pill__wrap"> <div class="ft-c-pill">Firefox</div> </div> <h2 class="mzp-c-card-title">20 years of Firefox: How a community project changed the web</h2> <span class="ft-c-more">Read More</span> </div> </div> </a> </section> <section class="mzp-c-card mzp-has-aspect-1-1"> <a class="mzp-c-card-block-link" href="https://blog.mozilla.org/en/products/firefox/firefox-subreddit/"> <div class="mzp-c-card-media-wrapper"> <img width="800" height="800" src="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/Group-1000006298-800x800.jpg" class="mzp-c-card-image wp-post-image" alt="Illustration of a cartoon Firefox character looking over a laptop, with a Reddit page in the background showing Firefox-related posts. The backdrop is a gradient orange." decoding="async" loading="lazy" srcset="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/Group-1000006298-800x800.jpg 800w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/11/Group-1000006298-150x150.jpg 150w" sizes="(max-width: 800px) 100vw, 800px" /> </div> <div class="mzp-c-card-content"> <div class="mzp-c-card-content"> <div class="ft-c-pill__wrap"> <div class="ft-c-pill">Firefox</div> </div> <h2 class="mzp-c-card-title">Exploring the Firefox community on r/firefox</h2> <span class="ft-c-more">Read More</span> </div> </div> </a> </section> <section class="mzp-c-card mzp-has-aspect-1-1"> <a class="mzp-c-card-block-link" href="https://blog.mozilla.org/en/mozilla/ai/ai-creativity/"> <div class="mzp-c-card-media-wrapper"> <img width="720" height="720" src="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/10/manu-720x720.jpg" class="mzp-c-card-image wp-post-image" alt="A person with short curly hair and a trimmed beard, smiling and wearing a black jacket over a white shirt, with a light-colored brick wall background." decoding="async" loading="lazy" srcset="https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/10/manu-720x720.jpg 720w, https://blog.mozilla.org/wp-content/blogs.dir/278/files/2024/10/manu-150x150.jpg 150w" sizes="(max-width: 720px) 100vw, 720px" /> </div> <div class="mzp-c-card-content"> <div class="mzp-c-card-content"> <div class="ft-c-pill__wrap"> <div class="ft-c-pill">AI</div> </div> <h2 class="mzp-c-card-title">How AI is reshaping creativity: Insights from art, tech and policy</h2> <span class="ft-c-more">Read More</span> </div> </div> </a> </section> </div> </div> </section> <div class="ft-l-space-related"></div> </div> </div>  <div class="ft-l-container"> <aside id="newsletter-subscribe" class="mzp-c-newsletter"> <div class="mzp-c-newsletter-image">  <img src="https://blog.mozilla.org/wp-content/themes/foxtail/assets/images/newsletter.png" alt="newsletter" /> </div> <form id="newsletter-form" class="mzp-c-newsletter-form" name="newsletter-form" action="https://www.mozilla.org/en-US/newsletter/" method="post" data-blog="The Mozilla Blog"> <input type="hidden" id="newsletters" name="newsletters" value="mozilla-and-you"> <input type="hidden" id="source_url" name="source_url" value="https://blog.mozilla.org/en/internet-culture/senongo-akpem/"> <fieldset id="newsletter-content" class="mzp-c-newsletter-content"> <header class="mzp-c-newsletter-header"> <h3 class="mzp-c-newsletter-title">Keep up with all things Firefox</h3> <p class="mzp-c-newsletter-tagline">Get how-tos, advice and news to make your Firefox experience work best for you.</p> </header> <div class="mzp-c-form-errors" id="newsletter-errors"></div> <div> <label for="email">Your e-mail address</label> <input type="email" class="mzp-js-email-field" id="email" name="email" required aria-required="true" placeholder="yourname@example.com" size="30"> </div> <div id="newsletter-details" class="mzp-c-newsletter-details"> <label for="country">Country</label> <select id="country" name="country" required aria-required="true"> <option value="" selected="selected">- select -</option> <option value="af">Afghanistan</option> <option value="qz">Akrotiri</option> <option value="al">Albania</option> <option value="dz">Algeria</option> <option value="as">American Samoa</option> <option value="ad">Andorra</option> <option value="ao">Angola</option> <option value="ai">Anguilla</option> <option value="aq">Antarctica</option> <option value="ag">Antigua and Barbuda</option> <option value="ar">Argentina</option> <option value="am">Armenia</option> <option value="aw">Aruba</option> <option value="xa">Ashmore and Cartier Islands</option> <option value="au">Australia</option> <option value="at">Austria</option> <option value="az">Azerbaijan</option> <option value="bs">Bahamas, The</option> <option value="bh">Bahrain</option> <option value="xb">Baker Island</option> <option value="bd">Bangladesh</option> <option value="bb">Barbados</option> <option value="qs">Bassas da India</option> <option value="by">Belarus</option> <option value="be">Belgium</option> <option value="bz">Belize</option> <option value="bj">Benin</option> <option value="bm">Bermuda</option> <option value="bt">Bhutan</option> <option value="bo">Bolivia</option> <option value="bq">Bonaire, Sint Eustatius, and Saba</option> <option value="ba">Bosnia and Herzegovina</option> <option value="bw">Botswana</option> <option value="bv">Bouvet Island</option> <option value="br">Brazil</option> <option value="io">British Indian Ocean Territory</option> <option value="bn">Brunei</option> <option value="bg">Bulgaria</option> <option value="bf">Burkina Faso</option> <option value="mm">Burma</option> <option value="bi">Burundi</option> <option value="cv">Cabo Verde</option> <option value="kh">Cambodia</option> <option value="cm">Cameroon</option> <option value="ca">Canada</option> <option value="ky">Cayman Islands</option> <option value="cf">Central African Republic</option> <option value="td">Chad</option> <option value="cl">Chile</option> <option value="cn">China</option> <option value="cx">Christmas Island</option> <option value="cp">Clipperton Island</option> <option value="cc">Cocos (Keeling) Islands</option> <option value="co">Colombia</option> <option value="km">Comoros</option> <option value="cg">Congo (Brazzaville)</option> <option value="cd">Congo (Kinshasa)</option> <option value="ck">Cook Islands</option> <option value="xc">Coral Sea Islands</option> <option value="cr">Costa Rica</option> <option value="hr">Croatia</option> <option value="cu">Cuba</option> <option value="cw">Curaçao</option> <option value="cy">Cyprus</option> <option value="cz">Czech Republic</option> <option value="ci">Côte d’Ivoire</option> <option value="dk">Denmark</option> <option value="xd">Dhekelia</option> <option value="dg">Diego Garcia</option> <option value="dj">Djibouti</option> <option value="dm">Dominica</option> <option value="do">Dominican Republic</option> <option value="ec">Ecuador</option> <option value="eg">Egypt</option> <option value="sv">El Salvador</option> <option value="gq">Equatorial Guinea</option> <option value="er">Eritrea</option> <option value="ee">Estonia</option> <option value="et">Ethiopia</option> <option value="xe">Europa Island</option> <option value="fk">Falkland Islands (Islas Malvinas)</option> <option value="fo">Faroe Islands</option> <option value="fj">Fiji</option> <option value="fi">Finland</option> <option value="fr">France</option> <option value="gf">French Guiana</option> <option value="pf">French Polynesia</option> <option value="tf">French Southern and Antarctic Lands</option> <option value="ga">Gabon</option> <option value="gm">Gambia, The</option> <option value="xg">Gaza Strip</option> <option value="ge">Georgia</option> <option value="de">Germany</option> <option value="gh">Ghana</option> <option value="gi">Gibraltar</option> <option value="qx">Glorioso Islands</option> <option value="gr">Greece</option> <option value="gl">Greenland</option> <option value="gd">Grenada</option> <option value="gp">Guadeloupe</option> <option value="gu">Guam</option> <option value="gt">Guatemala</option> <option value="gg">Guernsey</option> <option value="gn">Guinea</option> <option value="gw">Guinea-Bissau</option> <option value="gy">Guyana</option> <option value="ht">Haiti</option> <option value="hm">Heard Island and McDonald Islands</option> <option value="hn">Honduras</option> <option value="hk">Hong Kong</option> <option value="xh">Howland Island</option> <option value="hu">Hungary</option> <option value="is">Iceland</option> <option value="in">India</option> <option value="id">Indonesia</option> <option value="ir">Iran</option> <option value="iq">Iraq</option> <option value="ie">Ireland</option> <option value="im">Isle of Man</option> <option value="il">Israel</option> <option value="it">Italy</option> <option value="jm">Jamaica</option> <option value="xj">Jan Mayen</option> <option value="jp">Japan</option> <option value="xq">Jarvis Island</option> <option value="je">Jersey</option> <option value="xu">Johnston Atoll</option> <option value="jo">Jordan</option> <option value="qu">Juan de Nova Island</option> <option value="kz">Kazakhstan</option> <option value="ke">Kenya</option> <option value="xm">Kingman Reef</option> <option value="ki">Kiribati</option> <option value="kp">Korea, North</option> <option value="kr">Korea, South</option> <option value="xk">Kosovo</option> <option value="kw">Kuwait</option> <option value="kg">Kyrgyzstan</option> <option value="la">Laos</option> <option value="lv">Latvia</option> <option value="lb">Lebanon</option> <option value="ls">Lesotho</option> <option value="lr">Liberia</option> <option value="ly">Libya</option> <option value="li">Liechtenstein</option> <option value="lt">Lithuania</option> <option value="lu">Luxembourg</option> <option value="mo">Macau</option> <option value="mk">Macedonia</option> <option value="mg">Madagascar</option> <option value="mw">Malawi</option> <option value="my">Malaysia</option> <option value="mv">Maldives</option> <option value="ml">Mali</option> <option value="mt">Malta</option> <option value="mh">Marshall Islands</option> <option value="mq">Martinique</option> <option value="mr">Mauritania</option> <option value="mu">Mauritius</option> <option value="yt">Mayotte</option> <option value="mx">Mexico</option> <option value="fm">Micronesia, Federated States of</option> <option value="qm">Midway Islands</option> <option value="md">Moldova</option> <option value="mc">Monaco</option> <option value="mn">Mongolia</option> <option value="me">Montenegro</option> <option value="ms">Montserrat</option> <option value="ma">Morocco</option> <option value="mz">Mozambique</option> <option value="na">Namibia</option> <option value="nr">Nauru</option> <option value="xv">Navassa Island</option> <option value="np">Nepal</option> <option value="nl">Netherlands</option> <option value="nc">New Caledonia</option> <option value="nz">New Zealand</option> <option value="ni">Nicaragua</option> <option value="ne">Niger</option> <option value="ng">Nigeria</option> <option value="nu">Niue</option> <option value="nf">Norfolk Island</option> <option value="mp">Northern Mariana Islands</option> <option value="no">Norway</option> <option value="om">Oman</option> <option value="pk">Pakistan</option> <option value="pw">Palau</option> <option value="xl">Palmyra Atoll</option> <option value="pa">Panama</option> <option value="pg">Papua New Guinea</option> <option value="xp">Paracel Islands</option> <option value="py">Paraguay</option> <option value="pe">Peru</option> <option value="ph">Philippines</option> <option value="pn">Pitcairn Islands</option> <option value="pl">Poland</option> <option value="pt">Portugal</option> <option value="pr">Puerto Rico</option> <option value="qa">Qatar</option> <option value="re">Reunion</option> <option value="ro">Romania</option> <option value="ru">Russia</option> <option value="rw">Rwanda</option> <option value="bl">Saint Barthelemy</option> <option value="sh">Saint Helena, Ascension, and Tristan da Cunha</option> <option value="kn">Saint Kitts and Nevis</option> <option value="lc">Saint Lucia</option> <option value="mf">Saint Martin</option> <option value="pm">Saint Pierre and Miquelon</option> <option value="vc">Saint Vincent and the Grenadines</option> <option value="ws">Samoa</option> <option value="sm">San Marino</option> <option value="st">Sao Tome and Principe</option> <option value="sa">Saudi Arabia</option> <option value="sn">Senegal</option> <option value="rs">Serbia</option> <option value="sc">Seychelles</option> <option value="sl">Sierra Leone</option> <option value="sg">Singapore</option> <option value="sx">Sint Maarten</option> <option value="sk">Slovakia</option> <option value="si">Slovenia</option> <option value="sb">Solomon Islands</option> <option value="so">Somalia</option> <option value="za">South Africa</option> <option value="gs">South Georgia and South Sandwich Islands</option> <option value="ss">South Sudan</option> <option value="es">Spain</option> <option value="xs">Spratly Islands</option> <option value="lk">Sri Lanka</option> <option value="sd">Sudan</option> <option value="sr">Suriname</option> <option value="xr">Svalbard</option> <option value="sz">Swaziland</option> <option value="se">Sweden</option> <option value="ch">Switzerland</option> <option value="sy">Syria</option> <option value="tw">Taiwan</option> <option value="tj">Tajikistan</option> <option value="tz">Tanzania</option> <option value="th">Thailand</option> <option value="tl">Timor-Leste</option> <option value="tg">Togo</option> <option value="tk">Tokelau</option> <option value="to">Tonga</option> <option value="tt">Trinidad and Tobago</option> <option value="xt">Tromelin Island</option> <option value="tn">Tunisia</option> <option value="tr">Turkey</option> <option value="tm">Turkmenistan</option> <option value="tc">Turks and Caicos Islands</option> <option value="tv">Tuvalu</option> <option value="ug">Uganda</option> <option value="ua">Ukraine</option> <option value="ae">United Arab Emirates</option> <option value="gb">United Kingdom</option> <option value="us">United States</option> <option value="uy">Uruguay</option> <option value="uz">Uzbekistan</option> <option value="vu">Vanuatu</option> <option value="va">Vatican City</option> <option value="ve">Venezuela</option> <option value="vn">Vietnam</option> <option value="vg">Virgin Islands, British</option> <option value="vi">Virgin Islands, U.S.</option> <option value="qw">Wake Island</option> <option value="wf">Wallis and Futuna</option> <option value="xw">West Bank</option> <option value="eh">Western Sahara</option> <option value="ye">Yemen</option> <option value="zm">Zambia</option> <option value="zw">Zimbabwe</option> </select> <label for="language">Language</label> <select id="language" name="lang" required aria-required="true"> <option value="en" selected="selected">English</option> <option value="id">Bahasa Indonesia</option> <option value="de">Deutsch</option> <option value="es">Español</option> <option value="fr">Français</option> <option value="pl">Polski</option> <option value="pt">Português</option> <option value="ru">Русский</option> <option value="zh-TW">正體中文</option> </select> <fieldset class="mzp-u-inline"> <legend>Format</legend> <p> <label for="format-html" class="mzp-u-inline"> <input type="radio" id="format-html" name="fmt" value="H" checked> HTML </label> <label for="format-text" class="mzp-u-inline"> <input type="radio" id="format-text" name="fmt" value="T"> Text </label> </p> </fieldset> <p> <label for="privacy" class="mzp-u-inline"> <input type="checkbox" id="privacy" name="privacy" required aria-required="true"> I’m okay with Mozilla handling my info as explained in this <a href="https://www.mozilla.org/privacy/">Privacy Policy</a>. </label> </p> </div> <p class="mzp-c-form-submit"> <button type="submit" class="mzp-c-button" id="newsletter-submit">Sign up now</button> <span class="mzp-c-fieldnote">We will only send you Mozilla-related information.</span> </p> </fieldset> <div id="newsletter-thanks" class="thanks" style="display: none"> <h2>Thanks!</h2> <p> If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an e-mail from us. </p> </div> </form> </aside> </div> <footer class="mzp-c-footer"> <div class="mzp-l-content"> <nav class="mzp-c-footer-primary"> <div class="mzp-c-footer-primary-logo"> <a href="https://www.mozilla.org/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Mozilla</a> </div> <div class="mzp-c-footer-sections"> <section class="mzp-c-footer-section"> <h5 class="mzp-c-footer-heading">Mozilla</h5> <ul class="mzp-c-footer-list"> <li> <a href="https://www.mozilla.org/about/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">About</a> </li> <li> <a href="https://www.mozilla.org/contact/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Contact Us</a> </li> <li> <a href="https://donate.mozilla.org/?presets=50,30,20,10&amount=30&currency=usd&utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Donate</a> </li> </ul> </section> <section class="mzp-c-footer-section"> <h5 class="mzp-c-footer-heading">Firefox</h5> <ul class="mzp-c-footer-list"> <li> <a href="https://www.mozilla.org/firefox/new/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Download Firefox</a> </li> <li> <a href="https://www.mozilla.org/firefox/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Desktop</a> </li> <li> <a href="https://www.mozilla.org/firefox/mobile/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Mobile</a> </li> <li> <a href="https://www.mozilla.org/firefox/features/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Features</a> </li> <li> <a href="https://www.mozilla.org/firefox/channel/desktop/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Beta, Nightly, Developer Edition</a> </li> </ul> </section> <section class="mzp-c-footer-section"> <h5 class="mzp-c-footer-heading">Resources</h5> <ul class="mzp-c-footer-list"> <li> <a href="https://www.mozilla.org/privacy/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Privacy Hub</a> </li> <li> <a href="https://www.mozilla.org/firefox/browsers/compare/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Browser Comparison</a> </li> <li> <a href="https://mozilla.design/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Brand Standards</a> </li> </ul> </section> <section class="mzp-c-footer-section"> <h5 class="mzp-c-footer-heading">Social</h5> <p class="ft-c-footer-social-header">Follow @Firefox</p> <ul class="ft-c-footer-social"> <li><a class="twitter" href="https://twitter.com/firefox">Twitter<span> (@mozilla)</span></a></li> <li><a class="instagram" href="https://www.instagram.com/firefox/">Instagram<span> (@mozilla)</span></a></li> <li><a class="youtube" href="https://www.youtube.com/user/firefoxchannel">YouTube<span> (@firefoxchannel)</span></a></li> </ul> <p class="ft-c-footer-social-header">Follow @Mozilla</p> <ul class="ft-c-footer-social"> <li><a class="twitter" href="https://twitter.com/mozilla">Twitter<span> (@mozilla)</span></a></li> <li><a class="instagram" href="https://www.instagram.com/mozilla/">Instagram<span> (@mozilla)</span></a></li> </ul> </section> </div> </nav> <nav class="mzp-c-footer-secondary"> <div class="mzp-c-footer-legal"> <ul class="mzp-c-footer-terms"> <li> <a href="https://www.mozilla.org/privacy/websites/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Website Privacy Notice</a> </li> <li> <a href="https://www.mozilla.org/privacy/websites/#cookies?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Cookies</a> </li> <li> <a href="https://www.mozilla.org/about/legal/?utm_source=blog.mozilla.org&utm_campaign=footer&utm_medium=referral">Legal</a> </li> </ul> </div> </nav> </div> </footer> </div> <script type='text/javascript' src='https://blog.mozilla.org/wp-content/themes/foxtail/assets/js/vendor.min.js?ver=0.7.0' id='foxtail-vendorjs-js'></script> <script type='text/javascript' src='https://blog.mozilla.org/wp-content/themes/foxtail/assets/js/custom.min.js?ver=0.7.0' id='foxtail-customjs-js'></script> </body> </html>