CINXE.COM

<!DOCTYPE html>    <html lang="en">  <head> <meta charset="UTF-8" /> <title>badges | commonspace</title> <link rel="pingback" href="https://commonspace.wordpress.com/xmlrpc.php" /> <link rel="profile" href="http://gmpg.org/xfn/11" /> <meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//s1.wp.com' /> <link rel='dns-prefetch' href='//s2.wp.com' /> <link rel='dns-prefetch' href='//s0.wp.com' /> <link rel="alternate" type="application/rss+xml" title="commonspace » Feed" href="https://commonspace.wordpress.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="commonspace » Comments Feed" href="https://commonspace.wordpress.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="commonspace » badges Category Feed" href="https://commonspace.wordpress.com/category/badges/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function () { oldonload(); func(); } } } /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s0.wp.com\/wp-content\/mu-plugins\/wpcom-smileys\/twemoji\/2\/72x72\/","ext":".png","svgUrl":"https:\/\/s0.wp.com\/wp-content\/mu-plugins\/wpcom-smileys\/twemoji\/2\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/s2.wp.com\/wp-includes\/js\/wp-emoji-release.min.js?m=1719498190i&ver=6.8-alpha-59438"}}; /*! 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,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}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> <link crossorigin='anonymous' rel='stylesheet' id='all-css-0-1' href='https://s1.wp.com/wp-content/mu-plugins/infinity/themes/pub/oulipo.css?m=1340750686i&cssminify=yes' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-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 crossorigin='anonymous' rel='stylesheet' id='all-css-2-1' href='https://s0.wp.com/_static/??-eJydzMsOwiAQheEXEibEXtKF8VmATggVgcwMNby91U13LlyenHw/vKryJQtmgZpaiJkhtGM6pHA8hLCbRU96ANdiWsGl4h8qRUeWOrD0hNozX+Bn6KsYNpRqP9z20kQFiuu/CbISc+CT3583M1/NMg6zGbc3O1tP4A==&cssminify=yes' type='text/css' media='all' /> <style id='wp-block-library-inline-css'> .has-text-align-justify { text-align:justify; } .has-text-align-justify{text-align:justify;} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-4-1' href='https://s2.wp.com/_static/??-eJzTLy/QzcxLzilNSS3WzyrWz01NyUxMzUnNTc0rQeEU5CRWphbp5qSmJyZX6uVm5uklFxfr6OPTDpRD5sM02efaGpoZmFkYGRuZGmQBAHPvL0Y=&cssminify=yes' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css'> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-6-1' href='https://s2.wp.com/wp-content/plugins/coblocks/2.18.1-simple-rev.4/dist/coblocks-style.css?m=1681832297i&cssminify=yes' type='text/css' media='all' /> <style id='classic-theme-styles-inline-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 crossorigin='anonymous' rel='stylesheet' id='all-css-8-1' href='https://s1.wp.com/_static/??/wp-content/mu-plugins/core-compat/wp-mediaelement.css,/wp-content/mu-plugins/wpcom-bbpress-premium-themes.css?m=1432920480j&cssminify=yes' type='text/css' media='all' /> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--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--font-family--albert-sans: 'Albert Sans', sans-serif;--wp--preset--font-family--alegreya: Alegreya, serif;--wp--preset--font-family--arvo: Arvo, serif;--wp--preset--font-family--bodoni-moda: 'Bodoni Moda', serif;--wp--preset--font-family--bricolage-grotesque: 'Bricolage Grotesque', sans-serif;--wp--preset--font-family--cabin: Cabin, sans-serif;--wp--preset--font-family--chivo: Chivo, sans-serif;--wp--preset--font-family--commissioner: Commissioner, sans-serif;--wp--preset--font-family--cormorant: Cormorant, serif;--wp--preset--font-family--courier-prime: 'Courier Prime', monospace;--wp--preset--font-family--crimson-pro: 'Crimson Pro', serif;--wp--preset--font-family--dm-mono: 'DM Mono', monospace;--wp--preset--font-family--dm-sans: 'DM Sans', sans-serif;--wp--preset--font-family--dm-serif-display: 'DM Serif Display', serif;--wp--preset--font-family--domine: Domine, serif;--wp--preset--font-family--eb-garamond: 'EB Garamond', serif;--wp--preset--font-family--epilogue: Epilogue, sans-serif;--wp--preset--font-family--fahkwang: Fahkwang, sans-serif;--wp--preset--font-family--figtree: Figtree, sans-serif;--wp--preset--font-family--fira-sans: 'Fira Sans', sans-serif;--wp--preset--font-family--fjalla-one: 'Fjalla One', sans-serif;--wp--preset--font-family--fraunces: Fraunces, serif;--wp--preset--font-family--gabarito: Gabarito, system-ui;--wp--preset--font-family--ibm-plex-mono: 'IBM Plex Mono', monospace;--wp--preset--font-family--ibm-plex-sans: 'IBM Plex Sans', sans-serif;--wp--preset--font-family--ibarra-real-nova: 'Ibarra Real Nova', serif;--wp--preset--font-family--instrument-serif: 'Instrument Serif', serif;--wp--preset--font-family--inter: Inter, sans-serif;--wp--preset--font-family--josefin-sans: 'Josefin Sans', sans-serif;--wp--preset--font-family--jost: Jost, sans-serif;--wp--preset--font-family--libre-baskerville: 'Libre Baskerville', serif;--wp--preset--font-family--libre-franklin: 'Libre Franklin', sans-serif;--wp--preset--font-family--literata: Literata, serif;--wp--preset--font-family--lora: Lora, serif;--wp--preset--font-family--merriweather: Merriweather, serif;--wp--preset--font-family--montserrat: Montserrat, sans-serif;--wp--preset--font-family--newsreader: Newsreader, serif;--wp--preset--font-family--noto-sans-mono: 'Noto Sans Mono', sans-serif;--wp--preset--font-family--nunito: Nunito, sans-serif;--wp--preset--font-family--open-sans: 'Open Sans', sans-serif;--wp--preset--font-family--overpass: Overpass, sans-serif;--wp--preset--font-family--pt-serif: 'PT Serif', serif;--wp--preset--font-family--petrona: Petrona, serif;--wp--preset--font-family--piazzolla: Piazzolla, serif;--wp--preset--font-family--playfair-display: 'Playfair Display', serif;--wp--preset--font-family--plus-jakarta-sans: 'Plus Jakarta Sans', sans-serif;--wp--preset--font-family--poppins: Poppins, sans-serif;--wp--preset--font-family--raleway: Raleway, sans-serif;--wp--preset--font-family--roboto: Roboto, sans-serif;--wp--preset--font-family--roboto-slab: 'Roboto Slab', serif;--wp--preset--font-family--rubik: Rubik, sans-serif;--wp--preset--font-family--rufina: Rufina, serif;--wp--preset--font-family--sora: Sora, sans-serif;--wp--preset--font-family--source-sans-3: 'Source Sans 3', sans-serif;--wp--preset--font-family--source-serif-4: 'Source Serif 4', serif;--wp--preset--font-family--space-mono: 'Space Mono', monospace;--wp--preset--font-family--syne: Syne, sans-serif;--wp--preset--font-family--texturina: Texturina, serif;--wp--preset--font-family--urbanist: Urbanist, sans-serif;--wp--preset--font-family--work-sans: 'Work Sans', sans-serif;--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-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){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;}.has-albert-sans-font-family{font-family: var(--wp--preset--font-family--albert-sans) !important;}.has-alegreya-font-family{font-family: var(--wp--preset--font-family--alegreya) !important;}.has-arvo-font-family{font-family: var(--wp--preset--font-family--arvo) !important;}.has-bodoni-moda-font-family{font-family: var(--wp--preset--font-family--bodoni-moda) !important;}.has-bricolage-grotesque-font-family{font-family: var(--wp--preset--font-family--bricolage-grotesque) !important;}.has-cabin-font-family{font-family: var(--wp--preset--font-family--cabin) !important;}.has-chivo-font-family{font-family: var(--wp--preset--font-family--chivo) !important;}.has-commissioner-font-family{font-family: var(--wp--preset--font-family--commissioner) !important;}.has-cormorant-font-family{font-family: var(--wp--preset--font-family--cormorant) !important;}.has-courier-prime-font-family{font-family: var(--wp--preset--font-family--courier-prime) !important;}.has-crimson-pro-font-family{font-family: var(--wp--preset--font-family--crimson-pro) !important;}.has-dm-mono-font-family{font-family: var(--wp--preset--font-family--dm-mono) !important;}.has-dm-sans-font-family{font-family: var(--wp--preset--font-family--dm-sans) !important;}.has-dm-serif-display-font-family{font-family: var(--wp--preset--font-family--dm-serif-display) !important;}.has-domine-font-family{font-family: var(--wp--preset--font-family--domine) !important;}.has-eb-garamond-font-family{font-family: var(--wp--preset--font-family--eb-garamond) !important;}.has-epilogue-font-family{font-family: var(--wp--preset--font-family--epilogue) !important;}.has-fahkwang-font-family{font-family: var(--wp--preset--font-family--fahkwang) !important;}.has-figtree-font-family{font-family: var(--wp--preset--font-family--figtree) !important;}.has-fira-sans-font-family{font-family: var(--wp--preset--font-family--fira-sans) !important;}.has-fjalla-one-font-family{font-family: var(--wp--preset--font-family--fjalla-one) !important;}.has-fraunces-font-family{font-family: var(--wp--preset--font-family--fraunces) !important;}.has-gabarito-font-family{font-family: var(--wp--preset--font-family--gabarito) !important;}.has-ibm-plex-mono-font-family{font-family: var(--wp--preset--font-family--ibm-plex-mono) !important;}.has-ibm-plex-sans-font-family{font-family: var(--wp--preset--font-family--ibm-plex-sans) !important;}.has-ibarra-real-nova-font-family{font-family: var(--wp--preset--font-family--ibarra-real-nova) !important;}.has-instrument-serif-font-family{font-family: var(--wp--preset--font-family--instrument-serif) !important;}.has-inter-font-family{font-family: var(--wp--preset--font-family--inter) !important;}.has-josefin-sans-font-family{font-family: var(--wp--preset--font-family--josefin-sans) !important;}.has-jost-font-family{font-family: var(--wp--preset--font-family--jost) !important;}.has-libre-baskerville-font-family{font-family: var(--wp--preset--font-family--libre-baskerville) !important;}.has-libre-franklin-font-family{font-family: var(--wp--preset--font-family--libre-franklin) !important;}.has-literata-font-family{font-family: var(--wp--preset--font-family--literata) !important;}.has-lora-font-family{font-family: var(--wp--preset--font-family--lora) !important;}.has-merriweather-font-family{font-family: var(--wp--preset--font-family--merriweather) !important;}.has-montserrat-font-family{font-family: var(--wp--preset--font-family--montserrat) !important;}.has-newsreader-font-family{font-family: var(--wp--preset--font-family--newsreader) !important;}.has-noto-sans-mono-font-family{font-family: var(--wp--preset--font-family--noto-sans-mono) !important;}.has-nunito-font-family{font-family: var(--wp--preset--font-family--nunito) !important;}.has-open-sans-font-family{font-family: var(--wp--preset--font-family--open-sans) !important;}.has-overpass-font-family{font-family: var(--wp--preset--font-family--overpass) !important;}.has-pt-serif-font-family{font-family: var(--wp--preset--font-family--pt-serif) !important;}.has-petrona-font-family{font-family: var(--wp--preset--font-family--petrona) !important;}.has-piazzolla-font-family{font-family: var(--wp--preset--font-family--piazzolla) !important;}.has-playfair-display-font-family{font-family: var(--wp--preset--font-family--playfair-display) !important;}.has-plus-jakarta-sans-font-family{font-family: var(--wp--preset--font-family--plus-jakarta-sans) !important;}.has-poppins-font-family{font-family: var(--wp--preset--font-family--poppins) !important;}.has-raleway-font-family{font-family: var(--wp--preset--font-family--raleway) !important;}.has-roboto-font-family{font-family: var(--wp--preset--font-family--roboto) !important;}.has-roboto-slab-font-family{font-family: var(--wp--preset--font-family--roboto-slab) !important;}.has-rubik-font-family{font-family: var(--wp--preset--font-family--rubik) !important;}.has-rufina-font-family{font-family: var(--wp--preset--font-family--rufina) !important;}.has-sora-font-family{font-family: var(--wp--preset--font-family--sora) !important;}.has-source-sans-3-font-family{font-family: var(--wp--preset--font-family--source-sans-3) !important;}.has-source-serif-4-font-family{font-family: var(--wp--preset--font-family--source-serif-4) !important;}.has-space-mono-font-family{font-family: var(--wp--preset--font-family--space-mono) !important;}.has-syne-font-family{font-family: var(--wp--preset--font-family--syne) !important;}.has-texturina-font-family{font-family: var(--wp--preset--font-family--texturina) !important;}.has-urbanist-font-family{font-family: var(--wp--preset--font-family--urbanist) !important;}.has-work-sans-font-family{font-family: var(--wp--preset--font-family--work-sans) !important;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-10-1' href='https://s0.wp.com/_static/??-eJx9i0EKhDAMAD9kDUIX9SC+RUuslbQpJmXx9+pNL95mYAb+2ThOiklBV4wokMsMXChkBtGDsHYiFTy6WEym4kMS2HEm9hd6uKqHfk0e2RC7SQOnl5iFprDf6xiHxv56a7u2sdsJTLw83Q==&cssminify=yes' type='text/css' media='all' /> <link crossorigin='anonymous' rel='stylesheet' id='print-css-11-1' href='https://s1.wp.com/wp-content/mu-plugins/global-print/global-print.css?m=1465851035i&cssminify=yes' type='text/css' media='print' /> <style id='jetpack-global-styles-frontend-style-inline-css'> :root { --font-headings: unset; --font-base: unset; --font-headings-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --font-base-default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;} </style> <link crossorigin='anonymous' rel='stylesheet' id='all-css-14-1' href='https://s2.wp.com/wp-content/themes/h4/global.css?m=1420737423i&cssminify=yes' type='text/css' media='all' /> <script type="text/javascript" id="wpcom-actionbar-placeholder-js-extra"> /* <![CDATA[ */ var actionbardata = {"siteID":"336759","postID":"0","siteURL":"http:\/\/commonspace.wordpress.com","xhrURL":"https:\/\/commonspace.wordpress.com\/wp-admin\/admin-ajax.php","nonce":"ec3b3dda62","isLoggedIn":"","statusMessage":"","subsEmailDefault":"instantly","proxyScriptUrl":"https:\/\/s0.wp.com\/wp-content\/js\/wpcom-proxy-request.js?ver=20211021","i18n":{"followedText":"New posts from this site will now appear in your <a href=\"https:\/\/wordpress.com\/read\">Reader<\/a>","foldBar":"Collapse this bar","unfoldBar":"Expand this bar"}}; /* ]]> */ </script> <script type="text/javascript" id="jetpack-mu-wpcom-settings-js-before"> /* <![CDATA[ */ var JETPACK_MU_WPCOM_SETTINGS = {"assetsUrl":"https:\/\/s1.wp.com\/wp-content\/mu-plugins\/jetpack-mu-wpcom-plugin\/sun\/vendor\/automattic\/jetpack-mu-wpcom\/src\/build\/"}; /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s1.wp.com/wp-content/js/rlt-proxy.js?m=1720530689i'></script> <script type="text/javascript" id="rlt-proxy-js-after"> /* <![CDATA[ */ rltInitialize( {"token":null,"iframeOrigins":["https:\/\/widgets.wp.com"]} ); /* ]]> */ </script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://commonspace.wordpress.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress.com" />  <meta property="og:type" content="website" /> <meta property="og:title" content="badges – commonspace" /> <meta property="og:url" content="https://commonspace.wordpress.com/category/badges/" /> <meta property="og:site_name" content="commonspace" /> <meta property="og:image" content="https://s0.wp.com/i/blank.jpg" /> <meta property="og:image:alt" content="" /> <meta property="og:locale" content="en_US" /> <meta property="fb:app_id" content="249643311490" /> <meta name="twitter:creator" content="@msurman" /> <meta name="twitter:site" content="@msurman" />  <link rel="shortcut icon" type="image/x-icon" href="https://s1.wp.com/i/favicon.ico" sizes="16x16 24x24 32x32 48x48" /> <link rel="icon" type="image/x-icon" href="https://s1.wp.com/i/favicon.ico" sizes="16x16 24x24 32x32 48x48" /> <link rel="apple-touch-icon" href="https://s2.wp.com/i/webclip.png" /> <link rel='openid.server' href='https://commonspace.wordpress.com/?openidserver=1' /> <link rel='openid.delegate' href='https://commonspace.wordpress.com/' /> <link rel="search" type="application/opensearchdescription+xml" href="https://commonspace.wordpress.com/osd.xml" title="commonspace" /> <link rel="search" type="application/opensearchdescription+xml" href="https://s1.wp.com/opensearch.xml" title="WordPress.com" /> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <style type="text/css"> .recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; } table.recentcommentsavatartop img.avatar, table.recentcommentsavatarend img.avatar { border: 0px; margin: 0; } table.recentcommentsavatartop a, table.recentcommentsavatarend a { border: 0px !important; background-color: transparent !important; } td.recentcommentsavatarend, td.recentcommentsavatartop { padding: 0px 0px 1px 0px; margin: 0px; } td.recentcommentstextend { border: none !important; padding: 0px 0px 2px 10px; } .rtl td.recentcommentstextend { padding: 0px 10px 2px 0px; } td.recentcommentstexttop { border: none; padding: 0px 0px 0px 10px; } .rtl td.recentcommentstexttop { padding: 0px 10px 0px 0px; } </style> <meta name="application-name" content="commonspace" /><meta name="msapplication-window" content="width=device-width;height=device-height" /><meta name="msapplication-tooltip" content="things I'm learning along the way" /><meta name="description" content="Posts about badges written by msurman" /> </head> <body class="archive category category-badges category-119950 customizer-styles-applied color-light jetpack-reblog-enabled"> <div id="wrapper"> <div id="search"> <form method="get" id="searchform" action="https://commonspace.wordpress.com/"> <div> <span class="search">Search:</span><input type="text" value="" size="15" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Go" /> </div> </form> </div> <div id="main-nav"> <h1 class="masthead"><a href="https://commonspace.wordpress.com">commonspace</a></h1> <p class="description">things I'm learning along the way</p> <div class="menu-wrap"><ul class="menu"> <li class="page_item page-item-2"><a href="https://commonspace.wordpress.com/about/">Mark Surman</a></li> <li class="page_item page-item-2758"><a href="https://commonspace.wordpress.com/mozilla-learning-proposa/">Creating a web literate planet (proposal)</a></li> </ul></div> </div> <div id="content"> <div id="entry-content"> <div id="post-3415" class="post-3415 post type-post status-publish format-standard hentry category-badges category-drumbeat category-education category-learning category-mozilla category-webmakers"> <h2 class="entry-title"><a href="https://commonspace.wordpress.com/2013/05/20/bedgesnext/" rel="bookmark">Mozilla and Badges: where next?</a></h2> <p class="date">May 20, 2013 <a href="https://commonspace.wordpress.com/2013/05/20/bedgesnext/#comments">§ <span class="commentcount">3 Comments</span></a></p> <div class="entry"> <p>Open Badges started as a modest experiment: build open source badge issuing software for ourselves and others. As momentum around this experiment has grown, it feels like the opportunity is bigger: we could<strong> build openness and user empowerment into how learning — and professional identity — work all across the web</strong>. With <a title="Open Badges Web Site" href="http://www.openbadges.org/">Open Badges</a> 1.0 out there in the world, now is the right time to ask: where next for Mozilla and badges?</p> <p><img data-attachment-id="3417" data-permalink="https://commonspace.wordpress.com/2013/05/20/bedgesnext/img_20130520_065128/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065128.jpg" data-orig-size="3085,931" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"Picasa","camera":"Nexus 4","caption":"","created_timestamp":"1039348800","copyright":"","focal_length":"4.6","iso":"100","shutter_speed":"0.04","title":"","latitude":"43.644046777778","longitude":"-79.45314025"}" data-image-title="Badges Evolution" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065128.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065128.jpg?w=480" class="alignnone size-large wp-image-3417" alt="Badges Evolution" src="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065128.jpg?w=480&h=144" width="480" height="144" srcset="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065128.jpg?w=477 477w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065128.jpg?w=954 954w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065128.jpg?w=150 150w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065128.jpg?w=300 300w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065128.jpg?w=768 768w" sizes="(max-width: 480px) 100vw, 480px" /></p> <p>When Mozilla and MacArthur Foundation first started work on Open Badges about 18 months ago, the plan was to build a <strong>badge interchange standard</strong> (like SMTP for skills) and a collection of <strong>open source software for issuing and sharing badges</strong> <a href="http://backpack.openbadges.org/backpack/login">(Badge Backpack</a>, <a href="https://github.com/mozilla/openbadger/wiki">Open Badger</a>, etc.). We’ve built all these things. And we’ve put up a reference implementation that Mozilla and others are using. This was really the limit of our original plan: build some basic open tech for badges and put it out there in the world.</p> <p>The thing is: <strong>there has been way more excitement and pick up of badges than we expected</strong>. Even though Open Badges only launched officially in March, there are already over 800 unique providers who have issued almost 100,000 badges. We are also starting to see the development of city-wide systems where learners can pick up hundreds of different badges from across dozens of learning orgs and combine them all into a single profile. Chicago is the first city to do this (June 1), but Philadelphia and San Francisco are not far behind. And, this is just the tip of the iceberg: orgs like the Clinton Global Initiative and the National Science Foundation are focusing on badges in a way that is likely to drive even more educators to pick up the Open Badges standard, making their badges interoperable with others.</p> <p>Of course, the fact that educators and policy makers are interested in badges doesn’t represent a victory in itself. It just shows momentum and buzz. <strong>The real opportunity — and the real impact — comes when learners and employers get excited about badges.</strong> Mozilla never planned to build offerings for these audiences. Increasingly, it feels like we should.</p> <p><img data-attachment-id="3418" data-permalink="https://commonspace.wordpress.com/2013/05/20/bedgesnext/img_20130520_065201/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065201.jpg" data-orig-size="2475,1102" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"Picasa","camera":"Nexus 4","caption":"","created_timestamp":"1039348800","copyright":"","focal_length":"4.6","iso":"100","shutter_speed":"0.05","title":"","latitude":"43.643272388889","longitude":"-79.452621444444"}" data-image-title="Badges Audiences" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065201.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065201.jpg?w=480" class="alignnone size-large wp-image-3418" alt="Badges Audiences" src="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065201.jpg?w=480&h=213" width="480" height="213" srcset="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065201.jpg?w=478 478w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065201.jpg?w=957 957w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065201.jpg?w=150 150w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065201.jpg?w=300 300w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065201.jpg?w=768 768w" sizes="(max-width: 480px) 100vw, 480px" /></p> <p>In the Internet era, <strong>people learn things online and out of school all the time.</strong> Whether you want to make a web page, knit a sweater or get better at calculus, the internet makes it easy to learn on your own or with a group of friends outside of a school setting. However, there is no good way to get credentials or recognition for this kind of learning. And, even if there was, there is no trusted, verifiable way to plug that recognition into Facebook, About.me and other places that make up your online identity. People have no good way to show ‘what they know’ online.</p> <p>Similarly,<strong> employers are increasingly turning to the internet to find talent</strong>. They use sites like LinkedIn that let you search online resumes. Or, increasingly, to sites like <a title="Gild" href="http://www.gild.com/">Gild</a> and <a title="TalentBin" href="http://www.talentbin.com/">TalentBin</a> that use data mining to find potential hires. The problem: these services do not offer granular or variable skills profiles. And, with some of them, there are significant issues around privacy: people are being offered up as potential hires without even knowing that these sites are collecting data about them.</p> <p>Mozilla could offer a distributed, open source and privacy-friendly solution to problems like these. <strong>We could help learners show their skills in all their online profiles and also help employers search for talent reliably.</strong> However, to do so, we’d have to build a Firefox-quality offering for learners and employers on top of Open Badges. While this hasn’t been our focus up til now, I’m thinking more and more that this is something we should consider.</p> <p><img data-attachment-id="3419" data-permalink="https://commonspace.wordpress.com/2013/05/20/bedgesnext/img_20130520_065235/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065235.jpg" data-orig-size="2768,1277" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"Picasa","camera":"Nexus 4","caption":"","created_timestamp":"1039348800","copyright":"","focal_length":"4.6","iso":"100","shutter_speed":"0.025","title":"","latitude":"43.643268583333","longitude":"-79.452598555556"}" data-image-title="Badge product" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065235.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065235.jpg?w=480" class="alignnone size-large wp-image-3419" alt="Badge product" src="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065235.jpg?w=480&h=221" width="480" height="221" srcset="https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065235.jpg?w=480 480w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065235.jpg?w=958 958w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065235.jpg?w=150 150w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065235.jpg?w=300 300w, https://commonspace.wordpress.com/wp-content/uploads/2013/05/img_20130520_065235.jpg?w=768 768w" sizes="(max-width: 480px) 100vw, 480px" /></p> <p>In some ways, there is a parallel to Gecko and Firefox. Gecko provides the underlying platform for shaping standards around our vision of the web. But we need a popular consumer offering like Firefox if we want this vision to actually become relevant in the market. Right now, with Open Badges, we’re mostly just playing at the underlying standards layer. If we really want to shape how learning and professional identity work on the web, we probably need to <strong>build our own offerings directly for the people who most want and need badges.</strong></p> <p>Now is the time to be looking at where the opportunity is in this space. Momentum and demand is amongst educators is growing. More and more start ups are appearing in the badges, portfolio and skills spaces. And likelihood that badges will be important for learners and employers is growing. We need to be asking ourselves: <strong>how can Mozilla — and its values — shape this space?</strong></p> <p>With this in mind, <a title="Erin's blog" href="http://erinknight.com/">Erin Knight</a> is leading an effort over the next few months to look at different badges product options. She’ll be providing updates on <a title="Erin's blog" href="http://erinknight.com/">her blog</a>. And I’ll be summarizing here as well. <strong>If you have ideas on where Mozilla should go on all of this, we’d love to have you involved as we think this through.</strong> Comments here on this post are a good place to start.</p> </div> </div> <div id="post-3187" class="post-3187 post type-post status-publish format-standard hentry category-badges category-drumbeat category-learning category-mozilla category-openweb category-webmakers"> <h2 class="entry-title"><a href="https://commonspace.wordpress.com/2012/07/02/tools-for-webmakers/" rel="bookmark">Making tools for webmakers</a></h2> <p class="date">July 2, 2012 <a href="https://commonspace.wordpress.com/2012/07/02/tools-for-webmakers/#comments">§ <span class="commentcount">7 Comments</span></a></p> <div class="entry"> <p><strong>We want everyone to tap into the full creative power of the web.</strong> That’s the point of Mozilla Webmaker. Part of this is about people: <a title="Planting seeds for webmaking" href="https://commonspace.wordpress.com/2012/06/21/planting-seeds/" target="_blank">building a global community</a> of webmakers. But another essential element is<a href="https://webmaker.org/en-US/tools/" target="_blank"> building tools </a>that both invite people to make cool things on the web and that help them learn how the web works. Last week, we released early versions of two of these tools: <a href="https://webmaker.org/en-US/tools/#thimble" target="_blank">Thimble</a> and <a href="https://webmaker.org/en-US/tools/#popcorn" target="_blank">Popcorn</a>. This post offers background on these tools plus musings on next steps.</p> <p><img data-attachment-id="3188" data-permalink="https://commonspace.wordpress.com/2012/07/02/tools-for-webmakers/20120629_134713-001/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134713-001.jpg" data-orig-size="800,306" data-comments-opened="1" data-image-meta="{"aperture":"2.65","credit":"Picasa","camera":"GT-I9100","caption":"","created_timestamp":"1340977633","copyright":"","focal_length":"3.97","iso":"64","shutter_speed":"0.025","title":""}" data-image-title="Eben Moglen about the web" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134713-001.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134713-001.jpg?w=480" loading="lazy" class="alignnone size-full wp-image-3188" title="Eben Moglen about the web" src="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134713-001.jpg?w=480&h=183" alt="" width="480" height="183" srcset="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134713-001.jpg?w=478&h=183 478w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134713-001.jpg?w=150&h=57 150w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134713-001.jpg?w=300&h=115 300w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134713-001.jpg?w=768&h=294 768w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134713-001.jpg 800w" sizes="(max-width: 480px) 100vw, 480px" /></p> <p>A month or two back, Free Software Foundation Chief Counsel <a href="http://www.youtube.com/watch?v=G2VHf5vpBy8" target="_blank">Eben Moglen said</a>: “<strong>We made the web easy to read, but we didn’t make the web easy to write. Facebook took advantage of this gap.</strong>” This is a useful way to look at the challenges the web now faces.</p> <p>Over a billion people are now on social networks. They use these networks to create and share (awesome!). But they do so only on the terms social networks offer them. Most people have neither the tools nor the skills to tap into the unbounded creative potential of the web (e.g. I want to change how this app works, let me hack it). This seems like something worth fixing.</p> <p>The <strong>goal of Mozilla Webmaker</strong> is exactly this: to <strong>move people from being users of the web to being makers of the web</strong>. While part of this move is about new skills and attitudes, another part has to be about tools and content. Specifically: tools and content that make it easier to create using the full power of the web. Easier to customize a blog template. Easier to add a data layer to a video. Easier to hack a game. And so on. As Mozilla begins to build tools like this, I see three big buckets of things we need to get done:</p> <ol> <li><strong>Build a foundation</strong>: Thimble + Popcorn as way to test our making + learning thesis (2012)</li> <li><strong>Build with the community</strong>: add in badges, get community adding content and code (2012+)</li> <li><strong>Make the app world hackable</strong>: add in JavaScript, game hacking, app hacking (2013+)</li> </ol> <p>Of course, this isn’t just about Mozilla: we’re already working with <a href="https://webmaker.org/en-US/projects/make-your-own-animated-gif/" target="_blank">Tumblr</a>, <a href="https://webmaker.org/en-US/projects/make-your-own-animated-gif/" target="_blank">Codecademy</a> and many others who are also building tools that encourage making and learning. But Mozilla does have a clear role to play here, especially around<strong> tools that build in the <a href="https://wiki.mozilla.org/Learning" target="_blank">design principle</a> of ‘making as learning’ </strong>from the beginning. This is our focus.</p> <h3>Step 1 – Build a foundation</h3> <p><strong>Quickly ship tools that test our webmaker thinking</strong>: this was our plan with Thimble and Popcorn. Earlier this year, we agreed we needed to try out our ‘people learn by making’ thesis soon and in the real world.</p> <p><img data-attachment-id="3197" data-permalink="https://commonspace.wordpress.com/2012/07/02/tools-for-webmakers/20120629_134659-001-2/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134659-0011.jpg" data-orig-size="597,233" data-comments-opened="1" data-image-meta="{"aperture":"2.65","credit":"Picasa","camera":"GT-I9100","caption":"","created_timestamp":"1340977619","copyright":"","focal_length":"3.97","iso":"50","shutter_speed":"0.025","title":""}" data-image-title="Foundations of Webmaker Tools" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134659-0011.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134659-0011.jpg?w=480" loading="lazy" class="alignnone size-full wp-image-3197" title="Foundations of Webmaker Tools" src="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134659-0011.jpg?w=480&h=187" alt="" width="480" height="187" srcset="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134659-0011.jpg?w=480&h=187 480w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134659-0011.jpg?w=150&h=59 150w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134659-0011.jpg?w=300&h=117 300w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134659-0011.jpg 597w" sizes="(max-width: 480px) 100vw, 480px" /></p> <p>With this in mind, we designed very <strong>simple tools with a collection of ‘hackable’ projects at the centre</strong>. Each project is a web page or interactive video template that gives people a) a starting point for making something and b) instructions that help you learn while making.</p> <p>In <a href="https://webmaker.org/en-US/tools/#thimble">Thimble</a>, for example, each project is a single, simple HTML page. All pages include code comments that suggest what part of the page you might hack and what techniques to use. Eg. <!– This is a comment. These comments tell you what to do. The next section is a <H1> header. Edit the text within the header tags to change what words are on the web page. –> Thimble currently includes about <strong>a dozen making + learning templates that teach basic HTML and CSS</strong> while letting you make a meme, <a href="https://webmaker.org/en-US/projects/play-get-my-lawn/">kill zombies</a> or <a href="https://webmaker.org/en-US/projects/make-your-own-animal/">remix an animal</a> from the London Zoo.</p> <p>In <a href="https://webmaker.org/en-US/tools/#popcorn">Popcorn</a>, the focus is much more on <strong>learning the mechanics of the web while also learning how to tell stories in new ways</strong>. The core element of a Popcorn project is a video wrapped in an HTML page template. You are invited to tell your own story by manipulating the video and the template. For example, with the <a href="https://webmaker.org/en-US/projects/robot-invasion/">Robots template</a>, you design your own Robot invasion movie by adding in Google maps (learn how APIs work + target the robots at your home town), by changing the words the robots say (learn about variables and speech synthesis), or by adding in pictures of people and places the robots will target (learn about links and embedding). Similar templates exist where you can <a href="https://webmaker.org/en-US/projects/newscast/">make your own web newscast</a> or <a href="https://webmaker.org/en-US/projects/make-pop-video/">create a VH1-style pop up</a> layer on top of your video.</p> <p><strong>Popcorn and Thimble</strong> share a common design philosophy. They<strong> start from the premise that remix and making are central to how people have always learned the web</strong>. The web is an open, view source world where it’s easy to see a technique in action and then copy it. We’re trying to make that even easier and more explicit by offering tools and pre-made projects that help people learn by making. We think this approach is especially promising for the 1 billion+ people on social media who clearly like to express themselves on online but have no plans of becoming a capital P ‘programmer’. For these people, <strong>the starter content we’re offering will be much more important than the tools themselves.</strong></p> <p>Our goal for this 1st step in the Mozilla Webmaker tool roll out: test this making + learning thesis. See if people like what we’ve made so far. Evaluate whether they are learning anything and what they are learning (see ‘badges’, below). We’ll do this testing and evaluating over the next six months while also shipping improvements plus new content for Thimble and Popcorn.</p> <h3>Step 2 – Build with community</h3> <p>Our next big priority needs to be building Mozilla Webmaker <em>with a community</em>. There are two parts to this: a) building basic tools that offer value to people who want to make, learn or teach and b) <strong>creating an architecture of participation that makes it easy for people to contribute content and code</strong>. We’ve already started on a) (see above), now we need to get moving on b).</p> <p><img data-attachment-id="3196" data-permalink="https://commonspace.wordpress.com/2012/07/02/tools-for-webmakers/20120629_134644-001-2/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134644-0011.jpg" data-orig-size="691,196" data-comments-opened="1" data-image-meta="{"aperture":"2.65","credit":"Picasa","camera":"GT-I9100","caption":"","created_timestamp":"1340977603","copyright":"","focal_length":"3.97","iso":"64","shutter_speed":"0.025","title":""}" data-image-title="People building our tools" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134644-0011.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134644-0011.jpg?w=480" loading="lazy" class="alignnone size-full wp-image-3196" title="People building our tools" src="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134644-0011.jpg?w=480&h=136" alt="" width="480" height="136" srcset="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134644-0011.jpg?w=480&h=136 480w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134644-0011.jpg?w=150&h=43 150w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134644-0011.jpg?w=300&h=85 300w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134644-0011.jpg 691w" sizes="(max-width: 480px) 100vw, 480px" /></p> <p>We’ve got a few early wins. Some of the best Thimble projects came from the<a href="http://www.nesta.org.uk/events/assets/events/mozilla_hack_jam"> hack jam we held with NESTA in London</a> about a month ago. Popcorn already has a base of open source code contributors. And, of course, we’ve got well over 500 people who have stepped up to organize a <a href="https://twitter.com/#!/search/%23mozparty" target="_blank">#mozparty</a> this summer. These are big contributions already.</p> <p><strong>What</strong> <strong>we don’t yet have is a <em>systematic</em> way for more people to get involved</strong>, especially on content, code and localization. As an example: we want to get to a place where large numbers of people contribute Thimble and Popcorn projects for other people to make / learn on top of. I believe that this sort of community-made content will be key to the growth of Mozilla Webmaker. Unfortunately, we don’t have a good way for people to do this yet.</p> <p>As a first step towards fixing this, we’re going to <strong>create an easy way for people to propose Webmaker.org and Thimble content</strong> simply by posting it to a Mozilla wiki. We’re working on the specifics right now, but the ideas is that people can review / refine / discuss stuff there, and then we can port the best stuff to our main sites when it’s ready. Obviously, we need something easier and more robust over the longer term: a gallery or repository where anyone can post content ideas into the Mozilla Webmaker universe. We also need easier ways into the code side of our projects. These are both things we’re thinking through with the aim of making progress this year. We’re very open to your ideas.</p> <p>We also need <strong>a way to see who’s who in the community</strong>: to know what people are working on; to find people with particular skills; to find people with similar interests. This starts with simple communications tools like the <a href="https://lists.mozilla.org/listinfo/webmaker" target="_blank">new webmaker mailing list </a>and the <a href="https://twitter.com/#!/search/%23mozparty" target="_blank">#mozparty Twitter hashtag</a>. But we need something more robust and something that works across alot of platforms if we want Mozilla Webmaker to scale.</p> <p>This is where <a href="https://wiki.mozilla.org/Learning#Web_Literacy_Skills_.28alpha.29" target="_blank">Mozilla Webmaker badges</a> come in. By the end of 2012,<strong> we plan to offer badges to recognize the skills that people have learned and that recognize contributions to the community</strong>. The skill badges will include things like “I understand HTML basics” and “I’ve helped 5 friends learn CSS”. We’re still working out the specifics. The contribution badges will recognize those who have helped others and those who have contributed learning content and code. This will give people within the Webmaker community an easy way to signal each other — to know who knows what and who is into what. More importantly, it will also give people a way to show what they learned and for us to monitor what and whether people are learning.</p> <p>We’re starting work on this 2nd step right now, building a more systematic architecture of participation in parallel with our efforts to test and improve our first set of tools.</p> <h3>Step 3 – Make the app world hackable</h3> <p>Our third big step for Mozilla Webmaker tools has to be ‘<strong>teaching real programming</strong>‘ —<strong> getting people to the point where they can create or remix a game, app, etc</strong>. We chose to start Mozilla Webmaker with a focus on HTML and video so we could test our making and learning thesis using basic content that almost anyone on the web can make. But, our ultimate goal is to let people control, configure and create all corners of their digital lives. Games. Apps. Social networks. Civic participation sites. Science projects. And so on. At some point, that means teaching programming, or making programming easier to do.</p> <p><img data-attachment-id="3195" data-permalink="https://commonspace.wordpress.com/2012/07/02/tools-for-webmakers/20120629_134629-001-2/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134629-0011.jpg" data-orig-size="659,127" data-comments-opened="1" data-image-meta="{"aperture":"2.65","credit":"Picasa","camera":"GT-I9100","caption":"","created_timestamp":"1340977589","copyright":"","focal_length":"3.97","iso":"50","shutter_speed":"0.025","title":""}" data-image-title="Hackable apps and games" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134629-0011.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134629-0011.jpg?w=480" loading="lazy" class="alignnone size-full wp-image-3195" title="Hackable apps and games" src="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134629-0011.jpg?w=480&h=92" alt="" width="480" height="92" srcset="https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134629-0011.jpg?w=477&h=92 477w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134629-0011.jpg?w=150&h=29 150w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134629-0011.jpg?w=300&h=58 300w, https://commonspace.wordpress.com/wp-content/uploads/2012/07/20120629_134629-0011.jpg 659w" sizes="(max-width: 480px) 100vw, 480px" /></p> <p>It’s in this last phrase where one of our big questions sits: <strong>do we teach ‘real code’ like JavaScript, or do we adopt / develop a simple tool for producing JavaScript etc. like <a href="http://meemoo.org/" target="_blank">Meemoo</a> or <a href="http://code.google.com/p/blockly/">Blockly</a>?</strong></p> <p>Our plan for 2012 is to explore both paths. We’re working with Codecademy to get their content on Webmaker.org and to encourage people to use their courses as part of #mozparty. This gives people a ‘learn real code in the abstract’ option. We’ll likely do the same with Meemoo, Blockly and other promising tools: write them up on Webmaker.org; encourage people to use them; and then ask people to feedback on what they observed. This is a good way to promote the work of allies who also want to teach the world to code while at the same time investigating whether there are gaps a tool like Thimble++ could play.</p> <p>There are already a couple of places where I think Mozilla-made tools — and Mozilla’s learning philosophy — could add value in the ‘learn programming space’. One opportunity is in the realm of hackable games: <strong>HTML5 games which are designed from the ground up to be modified</strong>. People could be invited to change the game mechanics and or to bring in content from across the web. E.g. imagine grabbing your friend’s picture from Facebook and mapping it onto a rock in Angry Birds. Another opportunity is in mobile apps, especially those designed for <strong>rich on-the-fly HTML5 content creation</strong>. Eg. imagine a Popcorn-enabled Boot-to-Gecko phone that pulled in all kinds of contextual content and data on the fly, feeding a ready to edit package of content back to your laptop via the web. We’ll explore ideas like these this year at a blue sky and maybe even prototyping level to see what’s possible.</p> <p>My guess is that this 3rd step in the Mozilla Webmaker tool effort won’t really move into high gear until early 2013. There are a number of experiments planned for later in 2012, but these are mainly about seeing what’s possible and giving us enough insight that we can develop a solid roadmap for our work in this space.</p> <p>—</p> <p>Admittedly, this is a pretty big dream. <strong>Mozilla Webmaker is ambitious on purpose</strong>. We need this kind of ambition if we want a world where we all understand and can shape our digital lives.</p> <p>But we also need<strong> a plan to turn ambition into reality</strong>. We made the beginnings of a plan when we launched Mozilla Webmaker earlier this year (<a href="https://wiki.mozilla.org/Webmakers/2012plans">you can read it here</a>). I’ll post a review of where we’re at with this plan sometime in later July, including how what we’ve learned from tools like Thimble and Popcorn is helping us evolve the plan.</p> <p>In the meantime, there is one thing we know for sure: <strong>Mozilla is way too small to take on the Webmaker vision on its own</strong>. As I said above, we need to a) figure out how we can provide something valuable to others who want to teach the world to code and b) get at least some of these people working with us directly to create the tools, content and community for webmakers. Finding ways to work with people who share our vision (is this you?) is the number one priority of the Mozilla Webmaker team right now.</p> <p>Which leads me to two closing asks: <strong>let us know if any of the work we’re doing on Mozilla Webmaker tools can help you + let us know if you want to help</strong>. It’s not always easy to find your way in. We know that and can help. The best place to start is on the <a href="https://lists.mozilla.org/listinfo/webmaker">Webmaker mailing list</a> or our <a href="https://wiki.mozilla.org/Webmakers/Community_Calls">weekly community conference call</a>. You can also just post a comment here or send me email. Just show up, put up your hand and say ‘I want help / how can I help?’ Someone on the Mozilla Webmaker team will be there to help you figure it out from there.</p> </div> </div> <div id="post-2848" class="post-2848 post type-post status-publish format-standard hentry category-badges category-drumbeat category-education category-festival category-mozilla category-nextbeat"> <h2 class="entry-title"><a href="https://commonspace.wordpress.com/2011/11/22/mozilla-2012-plan/" rel="bookmark">Making 2012 plans: mozilla + web makers</a></h2> <p class="date">November 22, 2011 <a href="https://commonspace.wordpress.com/2011/11/22/mozilla-2012-plan/#comments">§ <span class="commentcount">26 Comments</span></a></p> <div class="entry"> <p><strong>Building a generation of web makers has been a big topic of conversation recently.</strong> This was the theme of our recent <a href="http://festival.mozilla.org" target="_blank">Mozilla Festival</a>. And it was the topic of a <a href="https://commonspace.wordpress.com/mozilla-learning-proposa/" target="_blank">conversation I led on my blog</a>. Moving people from using the web to making the web is becoming a major focus for Mozilla.</p> <p>At the most recent Mozilla Foundation board meeting, we dug into the question: <strong>what concrete things can we do in 2012 to tackle our big picture goals around web makers?</strong> I’ve pulled together board slides plus a summary of our emerging plans in this slidecast:</p> <div class="embed-vimeo" style="text-align: center;"><iframe src="https://player.vimeo.com/video/32477770" width="480" height="270" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div> <p>These slides (<a href="https://commonspace.wordpress.com/2011/11/22/mozilla-2012-plan/mofo-2012-blog-version2/" rel="attachment wp-att-2853">PDF</a> / <a href="http://dl.dropbox.com/u/877257/2012%20Moz%20Strategy%20Deck.webmvp8.webm">WebM video</a>) represent a first cut at a Mozilla Foundation plan for 2012. Over the coming weeks, we’ll be hashing out more details and asking for ideas from people who want to get involved.</p> <p>If you don’t have time for the full 30 minute slidecast, here is a <strong>summary of essential points</strong>:</p> <ul> <li>What started out as <strong>Mozilla Drumbeat has evolved into a series of ‘learning labs’</strong> for web makers: a mix of learning programs and software tools for people who create things on the web.</li> <li>In 2012, <strong>we plan to grow</strong> the community and reach of the most successful of these learning labs: <strong>Popcorn</strong> (video); <strong>MoJo</strong> (journalism); and <strong>Hive</strong> (teens).</li> <li><strong>We also plan to strengthen</strong> our best software and learning offerings, such as <strong>PopcornMaker</strong>, <strong>Hackasaurus</strong> and <strong>School of Webcraft</strong>. We’ll integrate these into all of our learning labs.</li> <li>A new effort for 2012 will be <strong>developing Mozilla web literacy badges</strong>: a way to get recognized for developing skills and contributing to a community within a learning lab.</li> <li>For all of this to succeed, Mozilla will need to <strong>get better at making software for web makers </strong>need and also<strong> build up strength in the learning arena</strong>. We’ve got great people in both areas, but we’ll need more.</li> </ul> <p>These plans are a direct result of a Mozilla Foundation program leads meeting this summer (‘the hedgehog summit’) as well as the feedback a series of blog postings I did earlier this fall (‘<a href="https://commonspace.wordpress.com/mozilla-learning-proposa/" target="_blank">creating a web literate planet</a>‘).</p> <p>While this conversation has been going on for many months now, these are still early stage plans. They are very much designed to evolve as we dig into the details and start work over coming weeks and months.</p> <p><strong>If you have ideas and want to get involved, the best channel is our <a href="https://wiki.mozilla.org/Community_Call" target="_blank">weekly web makers community call</a></strong> on Tuesday (formerly the Drumbeat call). Also, feel free to post comments here.</p> </div> </div> <div id="post-2755" class="post-2755 post type-post status-publish format-standard hentry category-badges category-drumbeat category-education category-mozilla category-nextbeat category-openweb category-poetry"> <h2 class="entry-title"><a href="https://commonspace.wordpress.com/2011/10/05/mozilla-learning-summary/" rel="bookmark">Creating a web literate planet (summary)</a></h2> <p class="date">October 5, 2011 <a href="https://commonspace.wordpress.com/2011/10/05/mozilla-learning-summary/#comments">§ <span class="commentcount">28 Comments</span></a></p> <div class="entry"> <p><strong>I want to us create a web literate planet.</strong> One where almost everyone — filmmakers, teachers, scientists, artists, bankers — understands what’s going under the hood on the web. Can take things apart. Remix them. Express what they want the web to be. Since starting <a href="https://drumbeat.org/en-US/about/" target="_blank">Mozilla Drumbeat</a> 18 months ago, I have seen that there is a thirst for this.</p> <p><a href="https://commonspace.wordpress.com/2011/10/05/mozilla-learning-summary/samsung-10/" rel="attachment wp-att-2772"><img data-attachment-id="2772" data-permalink="https://commonspace.wordpress.com/2011/10/05/mozilla-learning-summary/samsung-10/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2011/10/2011-10-05-05-49-08.jpg" data-orig-size="800,429" data-comments-opened="1" data-image-meta="{"aperture":"2.64","credit":"","camera":"GT-I9000","caption":"","created_timestamp":"1317793747","copyright":"","focal_length":"3.79","iso":"80","shutter_speed":"0.045746962115797","title":"SAMSUNG","latitude":"0","longitude":"0"}" data-image-title="Web literate world" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2011/10/2011-10-05-05-49-08.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2011/10/2011-10-05-05-49-08.jpg?w=480" loading="lazy" class="alignnone size-full wp-image-2772" title="Web literate world" src="https://commonspace.wordpress.com/wp-content/uploads/2011/10/2011-10-05-05-49-08.jpg?w=480&h=257" alt="" width="480" height="257" srcset="https://commonspace.wordpress.com/wp-content/uploads/2011/10/2011-10-05-05-49-08.jpg?w=480&h=257 480w, https://commonspace.wordpress.com/wp-content/uploads/2011/10/2011-10-05-05-49-08.jpg?w=150&h=80 150w, https://commonspace.wordpress.com/wp-content/uploads/2011/10/2011-10-05-05-49-08.jpg?w=300&h=161 300w, https://commonspace.wordpress.com/wp-content/uploads/2011/10/2011-10-05-05-49-08.jpg?w=768&h=412 768w, https://commonspace.wordpress.com/wp-content/uploads/2011/10/2011-10-05-05-49-08.jpg 800w" sizes="(max-width: 480px) 100vw, 480px" /></a></p> <p>This thirst shows up partly in ideas: <strong>people calling out for web literacy</strong>, and in particular for a world where everyone knows at least a little code. <a href="http://programorbeprogrammed.com/" target="_blank">Douglas Rushkoff</a> is an example:</p> <blockquote><p>When we gained literacy, we learned not just how to read but to write. And as we now moved into an increasingly digital reality, we must learn not just how to use programs but how to make them.</p></blockquote> <p>I experience this thirst even more viscerally when I look at the web makers, including my 11 year old son. He posts video game commentaries online everyday. He craves creating things on the web. Yet, increasingly, he bumps up against the black box of YouTube, unable to take it apart, understand it or reconfigure how it works. He is not fully web literate.</p> <p>As outlined in a number of posts recently<strong>, I believe Mozilla can play a leading role in creating a web literate planet</strong>. Concretely, I think Mozilla can — and should — build out a major P2P learning initiative that teaches web skills and web literacy to coders and non-coders alike. We should also take an active role building up the whole ecosystem of orgs emerging around web literacy and innovative, web-like learning.</p> <p>With the aim of focusing (and firing up) a conversation on these ideas, I’ve written a <strong>summary of all my posts so far</strong> here. My major points have been:</p> <p style="padding-left:30px;"><a href="https://commonspace.wordpress.com/2011/08/31/generation-of-web-makers/" target="_blank">Post #1</a>: Our biggest achievement in the first 18 months of Drumbeat has been carving out <a title="NextBeat: a generation of web makers" href="https://commonspace.wordpress.com/2011/08/31/generation-of-web-makers/" target="_blank">a new way for Mozilla to work: teaching and building things with people I call ‘web makers’</a>. The next thing we should do is build on this particular aspect of Drumbeat.</p> <p style="padding-left:30px;"><a title="Mozilla and the web makers" href="https://commonspace.wordpress.com/2011/09/07/webmakers/" target="_blank">Post #2</a>: The people I am calling <a title="Mozilla and the web makers" href="https://commonspace.wordpress.com/2011/09/07/webmakers/" target="_blank">web makers</a> are teachers, filmmakers, journalists, artists, scientists, game makers and curious kids who <a title="Mozilla and the web makers" href="https://commonspace.wordpress.com/2011/09/07/webmakers/" target="_blank">a) want to be part of what Mozilla is doing and b) are making things using the open building blocks that are the web</a>.</p> <p style="padding-left:30px;"><a title="Mozilla as teacher" href="https://commonspace.wordpress.com/2011/09/12/mozilla-as-teacher/" target="_blank">Post #3</a>: We need to teach the world to code. Or, more specifically, <a title="Mozilla as teacher" href="https://commonspace.wordpress.com/2011/09/12/mozilla-as-teacher/" target="_blank">we need to mentor web makers on a massive scale</a>, giving them new skills to make their corners of the web more creative, participatory and open-ended. We need a big community of mentors to do this.</p> <p style="padding-left:30px;"><a title="Mozilla Launches Open Badges Project" href="https://commonspace.wordpress.com/2011/09/15/openbadges-2/" target="_blank">Post #4</a>: We’ve noticed something: <a title="Mozillians as inventors" href="https://commonspace.wordpress.com/2011/09/22/mozillians-as-inventors/" target="_blank">impressive learning happens when people get to make something new and innovative</a>. If we want to drive learning, we also need to build a lab where people are invited to tinker, make and invent future pieces of the web.</p> <p style="padding-left:30px;"><a title="Friends, mentors and connected learning" href="https://commonspace.wordpress.com/2011/09/27/friends-and-mentors/" target="_blank">Post #5</a>: At the foundation of all this, <a title="Friends, mentors and connected learning" href="https://commonspace.wordpress.com/2011/09/27/friends-and-mentors/" target="_blank">we need a P2P pedagogy built around friendship and passion </a>for a particular topic or interest (e.g. hip hop). Our mantra might be: people learn at Mozilla by building exciting things on the web with their friends.</p> <p style="padding-left:30px;"><a title="Making Mozilla big in learning" href="https://commonspace.wordpress.com/2011/09/30/going-big-in-learning/" target="_blank">Post #6</a>: To make this concrete: <a title="Making Mozilla big in learning" href="https://commonspace.wordpress.com/2011/09/30/going-big-in-learning/" target="_blank">we need a clear simple Mozilla learning program that anyone can dive into</a>, no matter their age or skill level. This starts with the best bits of Drumbeat: Hackasaurus, School of Webcraft, MoJo, etc.. And is wrapped in a system of Mozilla badges that recognize the most skilled and generous community members.</p> <p><strong>What I am proposing is building a global P2P learning institution, tinkering lab and web skills certification system into the core of Mozilla’s work</strong>. Which raises the question, doesn’t this already exist? Partly yes, but mostly no.</p> <p>Lots of people teach about computers. Few people teach about the web. For school age kids, the bulk of the focus remains on basic office apps and watching out for cyberbullies. And, for adults, the most popular out of school tech programs still continue to be things like the MCSE and Cisco Academy. Technical, but not very webbish, and certainly not at all helpful to the web makers.</p> <p>Similarly, many people talk about educational innovation on the web. Few are trying build web-like learning experiences where making, tinkering and collaboration are at the core. You can see this in the myriad of e-learning and open educational resource sites that simply present videotaped classroom lectures. They aren’t even aiming a P2P pedagogy that works like the web.</p> <p>Luckily, there are pioneers who are pushing forward on both web literacy and p2p pedagogy. Projects like <a href="http://www.codecademy.com" target="_blank">Code Academy</a>, <a href="Young Rewired State" target="_blank">Young Rewired State</a> and <a href="http://codenow.org/" target="_blank">CodeNow</a> are teaching people great web coding skills. And people like <a href="http://socialmediaclassroom.com/vircom08/" target="_blank">Howard Rheingold</a>, <a href="http://www.cathydavidson.com/" target="_blank">Cathy Davidson</a>, <a href="http://p2pu.org/en/Philipp/" target="_blank">Philipp Schmidt</a>, <a href="http://en.wikipedia.org/wiki/Katie_Salen" target="_blank">Katie Salen</a>, <a href="http://vocamus.net/dave/" target="_blank">Dave Humphrey</a> and everyone in <a href="http://www.macfound.org/site/c.jjJYJcMNIqE/b.2000007/k.51A9/Digital_Media_Learning_and_Education.htm" target="_blank">MacArthur’s broader digital media and learning community</a> are building learning experiences that work like the web. These are Mozilla’s allies, people we can both learn from and support as we build out a broader ecosystem around all of these ideas.</p> <p>For now, we have a question: <strong>should Mozilla go big in learning? And how?</strong> The role we can play in teaching web skills and web literacy at a massive scale is clear, at least to me. And there is huge potential to contribute more broadly to learning innovation with things like Open Badges. But, as we deliberate on where to go next with Drumbeat, <strong>are these the right places to focus our energy?</strong></p> <p><em>PS. If you want to read more detail, I’ve <a href="https://commonspace.wordpress.com/mozilla-learning-proposa/" target="_blank">posted all of my posts on this topic on a single page here.</a></em></p> </div> </div> <div id="post-2731" class="post-2731 post type-post status-publish format-standard hentry category-badges category-drumbeat category-education category-mozilla category-nextbeat category-poetry"> <h2 class="entry-title"><a href="https://commonspace.wordpress.com/2011/09/30/going-big-in-learning/" rel="bookmark">Making Mozilla big in learning</a></h2> <p class="date">September 30, 2011 <a href="https://commonspace.wordpress.com/2011/09/30/going-big-in-learning/#comments">§ <span class="commentcount">12 Comments</span></a></p> <div class="entry"> <p><strong>I’ve talked about Mozilla going big in learning quite a bit recently.</strong> Specifically, I’ve talked about making Mozilla the biggest, most innovative technology learning organization on the planet. I’ve also talked about the importance of doing this in a Mozilla-like way, with P2P pedagogy and strong focus on making. <strong>The question now is: how?</strong></p> <p><a href="https://commonspace.wordpress.com/2011/09/30/going-big-in-learning/samsung-8/" rel="attachment wp-att-2737"><img data-attachment-id="2737" data-permalink="https://commonspace.wordpress.com/2011/09/30/going-big-in-learning/samsung-8/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-111.jpg" data-orig-size="800,309" data-comments-opened="1" data-image-meta="{"aperture":"2.64","credit":"","camera":"GT-I9000","caption":"","created_timestamp":"1317134110","copyright":"","focal_length":"3.79","iso":"160","shutter_speed":"0.076417910447761","title":"SAMSUNG","latitude":"52.5025","longitude":"13.4125"}" data-image-title="Going big diagram" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-111.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-111.jpg?w=480" loading="lazy" class="alignnone size-full wp-image-2737" title="Going big diagram" src="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-111.jpg?w=480&h=185" alt="" width="480" height="185" srcset="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-111.jpg?w=480&h=185 480w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-111.jpg?w=150&h=58 150w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-111.jpg?w=300&h=116 300w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-111.jpg?w=768&h=297 768w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-111.jpg 800w" sizes="(max-width: 480px) 100vw, 480px" /></a></p> <p>The first step is fairly easy, or at least obvious: <strong>roll the best bits of Drumbeat into a single, coherent program designed to teach web culture and web skills at a global scale</strong>. This includes the clearly educational bits like <a href="http://hackasaurus.org" target="_blank">Hackasaurus</a> and <a href="http://p2pu.org/en/schools/school-of-webcraft/" target="_blank">School of Webcraft</a>. But it also includes media and innovation programs like <a href="http://webmademovies.org/video-meet-the-makers-at-the-bay-area-video-coalition" target="_blank">Web Made Movies</a> and <a href="https://drumbeat.org/journalism/" target="_blank">MoJo</a> that are already helping new kinds of people learn, tinker and make things on the web. And, of course, it includes <a href="http://openbadges.org/" target="_blank">Open Badges</a> as a basis for offering recognition and credit for what people have learned.</p> <p>My personal opinion is that it’s time for us to focus in this way. <a href="http://openmatt.wordpress.com/2011/08/25/the-evolution-of-drumbeat-org" target="_blank">What we’re hearing from you</a> is that we need to <strong>relentlessly focus on the small number of things we can be best in the world a</strong>t. This is what separates all great organizations from merely good ones.</p> <p>The harder part is defining what a ‘Mozilla goes big in learning’ program would look not as a loose set of programs, but rather as a cohesive whole. Based on dozens of discussions and comments on my blog, I’ve put together a high level straw man outline. It looks like this:</p> <p style="padding-left:30px;"><strong>Mozilla wants to spread web culture and skills at a massive scale</strong><br /> <strong>by being the biggest, most innovative tech learning org on the planet.</strong></p> <p>We’ll drive this through:</p> <ul> <li>top quality Mozilla <strong>web literacy and web skills content</strong> for all ages</li> <li>a <strong>community-run lab</strong> where learners and inventors make things together</li> <li>a global community of webmakers who <strong>learn and mentor</strong> with each other</li> <li><strong>Mozilla Badges</strong> that recognize skills, achievement and contribution</li> <li><strong>P2P learning</strong> and making, building on Mozilla’s collaborative way of working</li> </ul> <p>These last two bits point to something critical: if we want to create a vibrant community of learners and mentors, <strong>we need to build a recognition system that rewards the best and most generous people</strong> in this community. When I think of the social scaffolding for this community — and for the learning programs I describe above — I imagine something like this:</p> <p><a href="https://commonspace.wordpress.com/2011/09/30/going-big-in-learning/samsung-9/" rel="attachment wp-att-2740"><img data-attachment-id="2740" data-permalink="https://commonspace.wordpress.com/2011/09/30/going-big-in-learning/samsung-9/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-50.jpg" data-orig-size="726,800" data-comments-opened="1" data-image-meta="{"aperture":"2.64","credit":"","camera":"GT-I9000","caption":"","created_timestamp":"1317134149","copyright":"","focal_length":"3.79","iso":"160","shutter_speed":"0.080757097791798","title":"SAMSUNG","latitude":"52.502777777778","longitude":"13.4125"}" data-image-title="Mozilla learning ladder" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-50.jpg?w=272" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-50.jpg?w=480" loading="lazy" class="alignnone size-full wp-image-2740" title="Mozilla learning ladder" src="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-50.jpg?w=480" alt="" srcset="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-50.jpg?w=424&h=466 424w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-50.jpg?w=136&h=150 136w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-50.jpg?w=272&h=300 272w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-35-50.jpg 726w" sizes="(max-width: 424px) 100vw, 424px" /></a></p> <p>The idea: <strong>give people a clear way to advance through Mozilla learning programs</strong> <strong>and labs</strong>, and then recognize their achievements and contributions through badges. This not only provides a way to incent learning and mentoring, it will also help us build the next generation of Mozilla community leaders.</p> <p>The good news: <strong>we already have a head start</strong>. The best bits of Drumbeat give us a set of learning programs, software and community from which to build. Once we strengthen and systematize these things, we can snap them into a bigger learning offering like the one I am describing. We can then build up more content, a mentor network and Mozilla web skills badges system on top of these foundations that we’ve built through Drumbeat.</p> <p>Of course, we haven’t yet decided if this is what we want to do. There is huge opportunity in learning: <strong>Mozilla could help millions of people gain the literacy and skills they need to shape how the web works in their own lives and careers</strong>. However, dedicating ourselves to learning at this scale would be a big bet. It would take significant time, resources and patience.</p> <p><strong>I want to start a broader conversation</strong> over the next few weeks to help deliberate and iterate on these ideas. It starts with the simple questions:<strong> Should Mozilla go big in learning?</strong> and <strong>What would that look like?</strong> I’ll do a summary post early next week as a way to focus this conversation. However, I’d be happy to hear people’s thoughts a comments on this post in the meantime.</p> </div> </div> <div id="post-2690" class="post-2690 post type-post status-publish format-standard hentry category-badges category-drumbeat category-education category-mozilla category-nextbeat category-poetry"> <h2 class="entry-title"><a href="https://commonspace.wordpress.com/2011/09/27/friends-and-mentors/" rel="bookmark">Friends, mentors and connected learning</a></h2> <p class="date">September 27, 2011 <a href="https://commonspace.wordpress.com/2011/09/27/friends-and-mentors/#comments">§ <span class="commentcount">7 Comments</span></a></p> <div class="entry"> <p><strong>Friendship is a powerful force for learning.</strong> Especially friendship built around a shared interest or passion. Space travel. Cooking. Technology. Gardening. Whatever. We tend to gather, explore, make, play — and learn — with friends who also share our passions. As people like <a href="http://mitpress.mit.edu/catalog/item/default.asp?ttype=2&tid=11889" target="_blank">Mimi Ito</a> have <a href="http://www.itofisher.com/mito/publications/peerbased_learn_2.html" target="_blank">shown with research</a>: friendship and interests drive learning.</p> <p><a href="https://commonspace.wordpress.com/2011/09/27/friends-and-mentors/samsung-6/" rel="attachment wp-att-2704"><img data-attachment-id="2704" data-permalink="https://commonspace.wordpress.com/2011/09/27/friends-and-mentors/samsung-6/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-34-46.jpg" data-orig-size="800,247" data-comments-opened="1" data-image-meta="{"aperture":"2.64","credit":"","camera":"GT-I9000","caption":"","created_timestamp":"1317134085","copyright":"","focal_length":"3.79","iso":"125","shutter_speed":"0.076417910447761","title":"SAMSUNG","latitude":"52.5025","longitude":"13.4125"}" data-image-title="Friend driven learning dialogue" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-34-46.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-34-46.jpg?w=480" loading="lazy" class="alignnone size-full wp-image-2704" title="Friend driven learning dialogue" src="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-34-46.jpg?w=480&h=148" alt="" width="480" height="148" srcset="https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-34-46.jpg?w=480&h=148 480w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-34-46.jpg?w=150&h=46 150w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-34-46.jpg?w=300&h=93 300w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-34-46.jpg?w=768&h=237 768w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/2011-09-27-14-34-46.jpg 800w" sizes="(max-width: 480px) 100vw, 480px" /></a></p> <p>Mozilla’s learning programs should to be designed around this combination of friendship and passion. <strong>Our mantra might be: people learn at Mozilla by building exciting things on the web with their friends.</strong> Notionally, all of our learning programs need to be built around a P2P pedagogy with a big emphasis on making things and expressing your passion. Or, as our friends at MacArthur often say to me, we need to be doing ‘connected learning’.</p> <p>Funnily enough, the importance of friendship came up in the debate about <strong>‘Mozilla as teacher’ vs. ‘Mozilla as mentor’</strong> in <a href="https://commonspace.wordpress.com/2011/09/12/mozilla-as-teacher/#comments" target="_blank">response to one of my recent posts</a>. Ken Saunders said:</p> <blockquote><p>I suppose that mentor seems like (and may be) a friendlier, perhaps even more modest word. I’ve had many mentors who were also my friends, but few teachers that were.</p></blockquote> <p>Ken’s pointing to something critical here, even if indirectly: what makes the existing Mozilla community tick is a sense of common cause, collegiality, helping each other out, inventing and building things together. Friendship.</p> <p><strong>We need to keep this idea of friendship at the core of what Mozilla in learning.</strong> The good news is that a collegial P2P learning spirit is already built into what we’ve been doing with programs like <a href="http://p2pu.org/en/schools/school-of-webcraft/" target="_blank">School of Webcraft</a> and <a href="http://hackasaurus.org" target="_blank">Hackasaurus</a>. What we need to do now is figure out how to be more systematic, how to do this with some scale.</p> <p><strong>Mentorship is likely one of the keys: encouraging senior community members to befriend and help others learn.</strong> The idea is to use friendship and shared interest to connect people with different experience levels. We’ve talked about building this kind of mentorship program like this with Hackasaurus and other youth-oriented programs. It’ll probably be one of the first new things we push on in 2012, alongside a badges program for web skills.</p> <p><strong>Interest and passion are the other side of this learning coin.</strong> Given our goal is to teach people web skills and web culture, we need to tap into their other interests: e.g., use their interest in gardening to teach them about the web. This may sound crazy or hard, this <a href="http://webmademovies.org/video-meet-the-makers-at-the-bay-area-video-coalition" target="_blank">recent video</a> about our work with the <a href="http://www.bavc.org/web-native-filmmaking" target="_blank">Bay Area Video Coalition</a> reminded me we’re already doing it:</p> <iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='480' height='271' src='https://video.wordpress.com/embed/hmOSqhrN?hd=0&autoPlay=0&permalink=1&loop=0&preloadContent=metadata&muted=0&playsinline=0&controls=1&cover=1' frameborder='0' allowfullscreen allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1725245713'></script> <p>We’re also working with the <a href="newyouthcity.com">New Youth City Learning Network</a> (more on this soon) to connect kids who are interested in science, art, poetry, hip hop, etc. with web technology that lets them express themselves. This is interest-based learning.</p> <p>Through Drumbeat <strong>we’ve already started to connected with interest-based communities: teachers; journalists; filmmakers; artists; etc.</strong> These people want Mozilla to help them learn how to apply the culture and skills of the web to their own domain. Many of them have also said they want to help Mozilla in return. These are the sort of new community leaders and mentors we’ll need if Mozilla wants to go big in learning.</p> <p>One question still looms: <strong>what does Mozilla going big in learning look like?</strong> I’m going to take shot at that in my next post. In the mean time, I’m interested to hear from people whether what I’ve written hear addresses some of the concerns people raised around my ‘Mozilla as teacher’ post.</p> </div> </div> <div id="post-2657" class="post-2657 post type-post status-publish format-standard hentry category-badges category-drumbeat category-education category-mozilla"> <h2 class="entry-title"><a href="https://commonspace.wordpress.com/2011/09/15/openbadges-2/" rel="bookmark">Mozilla Launches Open Badges Project</a></h2> <p class="date">September 15, 2011 <a href="https://commonspace.wordpress.com/2011/09/15/openbadges-2/#comments">§ <span class="commentcount">5 Comments</span></a></p> <div class="entry"> <p><em></em>Today we announced <a title="Open Badges Web Site" href="http://openbadges.org/" target="_blank">Mozilla’s Open Badge Infrastructure project</a>, an effort to make it easy to issue and share digital learning badges across the web.</p> <p><a href="https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png"><img data-attachment-id="2658" data-permalink="https://commonspace.wordpress.com/2011/09/15/openbadges-2/screen-shot-2011-09-14-at-6-37-31-pm/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png" data-orig-size="801,457" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Screencap of OpenBadges.org site" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png?w=480" loading="lazy" class="alignnone size-full wp-image-2658" title="Screencap of OpenBadges.org site" src="https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png?w=480&h=273" alt="" width="480" height="273" srcset="https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png?w=478&h=273 478w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png?w=150&h=86 150w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png?w=300&h=171 300w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png?w=768&h=438 768w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/screen-shot-2011-09-14-at-6-37-31-pm.png 801w" sizes="(max-width: 480px) 100vw, 480px" /></a></p> <p>More and more people are looking at badges to show skills and achievements online. Mozilla is currently developing its own badges for things like Javascript courses at the <a href="http://p2pu.org/en/schools/school-of-webcraft/" target="_blank">School of Webcraft</a>. We’ve also talked to groups as diverse as 4H, NASA, PBS, Intel and the US Department of Education, all of whom plan to develop digital badges.</p> <p>Open Badges is a response to this trend: an <a title="Tech Specs for Open Badges on Mozilla Wiki" href="https://wiki.mozilla.org/Badges/infrastructure-tech-docs" target="_blank">open specification and APIs</a> that provide any organization the basic building blocks they need to offer badges in a standard, interoperable manner.</p> <p>If we’re successful, the benefits to learners will be tremendous. Open Badges will let you gather badges from any site on the internet, combining them into a story about what you know and what you’ve achieved. There is a real chance to create learning that works more like the web.</p> <p>Also, this sort of badge collection may eventually become a central part of online reputation, helping you get a job, find collaborators and build prestige. This is another reason Mozilla wants to build an open badge format: it can show the real potential of open identity tools on the web.</p> <p><a href="https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg"><img data-attachment-id="2660" data-permalink="https://commonspace.wordpress.com/2011/09/15/openbadges-2/open-badges-backpack-2/" data-orig-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg" data-orig-size="800,366" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":""}" data-image-title="Open Badges backpack screenshot" data-image-description="" data-image-caption="" data-medium-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg?w=300" data-large-file="https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg?w=480" loading="lazy" class="alignnone size-full wp-image-2660" title="Open Badges backpack screenshot" src="https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg?w=480&h=219" alt="" width="480" height="219" srcset="https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg?w=480&h=219 480w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg?w=150&h=69 150w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg?w=300&h=137 300w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg?w=768&h=351 768w, https://commonspace.wordpress.com/wp-content/uploads/2011/09/open-badges-backpack.jpg 800w" sizes="(max-width: 480px) 100vw, 480px" /></a></p> <p>Released today, the first Open Badges beta was developed by Brian Brennan and Erin Knight, with support from Dan Mills and Ben Adida in Mozilla Labs. It includes a badge format spec, APIs and reference implementation for ‘badge backpack’ software. It also builds on other Mozilla open identity technology like <a title="Browser ID Web Site" href="https://browserid.org/" target="_blank">Browser ID</a>. Our first implementation will be as part of School of Webcraft, an initiative Mozilla runs jointly with P2PU.</p> <p>Today’s announcement coincides with the launch of a <a href="http://www.dmlcompetition.net/" target="_blank">$2 million badges for learning competition</a> funded by MacArthur Foundation and run by <a href="http://hastac.org/" target="_blank">HASTAC</a>. Earlier this week, MacArthur approved a $1 million grant to Mozilla to work on the Open Badges Infrastructure, a platform that will be used by all winners of the competition.</p> <p>US Secretary of Education Arne Duncan, MacArthur Foundation VP Programs Julia Stasch and Mozilla Executive Director Mark Surman spoke at the competition launch in Washington DC earlier today. Here is the <a title="MacArthur press release" href="http://www.macfound.org/site/c.lkLXJ8MQKrH/b.4196225/apps/s/content.asp?ct=11221065" target="_blank">MacArthur Foundation press release</a>.</p> <p><strong><em>Cross-posted from <a href="http://blog.mozilla.com">Mozilla blog</a>.</em></strong></p> </div> </div> <div id="post-2540" class="post-2540 post type-post status-publish format-standard hentry category-badges category-drumbeat category-education category-mozilla"> <h2 class="entry-title"><a href="https://commonspace.wordpress.com/2011/07/12/open-badges-board-slides/" rel="bookmark">Open Badges board slides</a></h2> <p class="date">July 12, 2011 <a href="https://commonspace.wordpress.com/2011/07/12/open-badges-board-slides/#comments">§ <span class="commentcount">3 Comments</span></a></p> <div class="entry"> <p>As <a href="https://commonspace.wordpress.com/2011/07/12/openbadges">announced in another post</a>, we’ve created the Mozilla Open Badges project to tap into the huge potential for badges as a way to <strong>incent and recognize learning online</strong>.</p> <p>For Mozilla, there is an additional opportunity: badges may well become a significant part of our<strong> online reputation and identity</strong>. We could use our work on identity to speed up Open Badges, and use Open Badges to promote our thinking about identity. <strong></strong></p> <p><strong>Open Badges is built around this dual learning + identity goal set.</strong> Early plans are outlined in <a href="https://commonspace.wordpress.com/wp-content/uploads/2011/07/badges-mofo-board-slides-blog-version.pdf">this presentation <em>(pdf)</em></a> that I gave to the Mozilla Foundation board last month <em>(9 mins)</em>:</p> <iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='480' height='360' src='https://video.wordpress.com/embed/ZF4RSr5F?hd=0&autoPlay=0&permalink=1&loop=0&preloadContent=metadata&muted=0&playsinline=0&controls=1&cover=1' frameborder='0' allowfullscreen allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1725245713'></script> <p><a href="http://twitter.com/eknight">Erin Knight</a> will be taking on the role of Open Badges Product Manager, which includes broad leadership on this project as well as continued work on the School of Webcraft badges pilot. <a href="http://twitter.com/brianloveswords">Brian Brennan</a> is technical lead for the project. <a href="http://twitter.com/thunder">Dan Mills</a> and <a href="http://twitter.com/michaelrhanson">Mike Hanson</a> are technical advisors.</p> <p>Given the early stage, there are many details we’re still working out. However, things we already know we want to do include:</p> <ul> <li>Alpha badge backpack plus end-to-end demo planned for deployment on P2PU in Q3 2011.</li> <li>Seeking badge issuing partners through Q3 – Q4 2011. White House Office of Science and Tech / Dept. of Education may be interested.</li> <li>Release beta / firm metadata spec by January 2012.</li> <li>Work with MacArthur partner projects on more end-to-end deployments Q1 – Q3 2012.</li> <li>Related: badge issuers publish to our system / creating widgets to re-publish to 3rd parties. Also, infrastructure and UX more robust.</li> <li>Q3 2012(?): encourage wide adoption of ‘backpack’.</li> </ul> <p>If you’ve got ideas or feedback, or if you have a badge project you want to hook into this, please contact Erin or I. Or visit the <a href="https://wiki.mozilla.org/Badges">Open Badges Wiki</a>.</p> </div> </div> <div id="post-2543" class="post-2543 post type-post status-publish format-standard hentry category-badges category-drumbeat category-education category-mozilla"> <h2 class="entry-title"><a href="https://commonspace.wordpress.com/2011/07/12/openbadges/" rel="bookmark">Open badges: recognizing learning online</a></h2> <p class="date">July 12, 2011 <a href="https://commonspace.wordpress.com/2011/07/12/openbadges/#comments">§ <span class="commentcount">5 Comments</span></a></p> <div class="entry"> <p>Over the last 6 months, the potential of ‘badges’ to incent and recognize learning online has been a hot topic for many of us at Mozilla.</p> <p><strong>We’re in the early stages of creating the <a href="https://wiki.mozilla.org/Badges">Mozilla Open Badges project</a></strong> to tap into the huge potential here. I’ve done a <a href="https://commonspace.wordpress.com/wp-content/uploads/2011/07/maca-badge-slides-june-2011-test.pdf">high level presentation<em> (pdf)</em></a> on the concept quite a few times recently. Here is a webcast version <em>(19 mins)</em>:</p> <iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='480' height='360' src='https://video.wordpress.com/embed/40cWd2Uh?hd=0&autoPlay=0&permalink=1&loop=0&preloadContent=metadata&muted=0&playsinline=0&controls=1&cover=1' frameborder='0' allowfullscreen allow='clipboard-write' ></iframe><script src='https://v0.wordpress.com/js/next/videopress-iframe.js?m=1725245713'></script> <p>As you’ll see from the slides, Open Badges is something we’re doing in <strong>close association with partners in the learning innovation space</strong>: <a href="http://www.macfound.org/site/c.lkLXJ8MQKrH/b.946881/k.B85/Domestic_Grantmaking__Digital_Media__Learning.htm">MacArthur</a>, <a href="http://www.p2pu.org">P2PU</a>, <a href="http://www.hastac.org/">HASTAC</a>, <a href="http://newyouthcity.com/">New Youth City Learning</a>, <a href="http://digitalyouthnetwork.org">Digital Youth Network</a> and many others.</p> <p>Open Badges Product Manager Erin Knight wrote this <a href="http://bit.ly/badgepaper4">paper providing in depth thinking about badgess and learning.</a> Matt Thompson summarized Erin’s work in a series of <a href="https://wiki.mozilla.org/Badges/Assets">simple badge overview documents</a>.</p> <p>I’ve provided <strong>additional planning details</strong> in a webcast of the <a href="https://commonspace.wordpress.com/2011/07/12/open-badges-board-slides/">Mozilla board of directors presentation</a> about open badges. You can also get details on the <a href="https://wiki.mozilla.org/Badges">Open Badges Wiki</a>.</p> <p><strong>I’d love your comments and feedback</strong> on the overall concept. It’s still early days — we’re really keen to get input, ways to improve and especially suggestions of badge issuing partners to work with.</p> </div> </div> <div class="navigation"> <p class="alignleft"></p> <p class="alignright"></p> </div> </div>  <div id="supplementary"> <div class="meta"> <div class="post-nav"> <h3>Where Am I?</h3> <p>You are currently browsing the <strong>badges</strong> category at <a href="https://commonspace.wordpress.com">commonspace</a>.</p> <div class="spacer"></div> </div> </div>  </div>  </div>  <div id="footer"> <div id="footer-contact"> <p><a href="https://wordpress.com/?ref=footer_blog" rel="nofollow">Blog at WordPress.com.</a></p> <p></p> </div> </div> </div>   <script type="text/javascript" src="//0.gravatar.com/js/hovercards/hovercards.min.js?ver=2024484048849247f5660a2d05b85c6fc286379897f30a1061ad46e7f037e059ed7fe7" id="grofiles-cards-js"></script> <script type="text/javascript" id="wpgroho-js-extra"> /* <![CDATA[ */ var WPGroHo = {"my_hash":""}; /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s2.wp.com/wp-content/mu-plugins/gravatar-hovercards/wpgroho.js?m=1610363240i'></script> <script> // Initialize and attach hovercards to all gravatars ( function() { function init() { if ( typeof Gravatar === 'undefined' ) { return; } if ( typeof Gravatar.init !== 'function' ) { return; } Gravatar.profile_cb = function ( hash, id ) { WPGroHo.syncProfileData( hash, id ); }; Gravatar.my_hash = WPGroHo.my_hash; Gravatar.init( 'body', '#wp-admin-bar-my-account', { i18n: { 'Edit your profile': 'Edit your profile', 'View profile': 'View profile', 'Sorry, we are unable to load this Gravatar profile.': 'Sorry, we are unable to load this Gravatar profile.', 'Profile not found.': 'Profile not found.', 'Too Many Requests.': 'Too Many Requests.', 'Internal Server Error.': 'Internal Server Error.', }, } ); } if ( document.readyState !== 'loading' ) { init(); } else { document.addEventListener( 'DOMContentLoaded', init ); } } )(); </script> <div style="display:none"> </div> <div id="actionbar" style="display: none;" class="actnbr-pub-oulipo actnbr-has-follow"> <ul> <li class="actnbr-btn actnbr-hidden"> <a class="actnbr-action actnbr-actn-follow " href=""> <svg class="gridicon" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path clip-rule="evenodd" d="m4 4.5h12v6.5h1.5v-6.5-1.5h-1.5-12-1.5v1.5 10.5c0 1.1046.89543 2 2 2h7v-1.5h-7c-.27614 0-.5-.2239-.5-.5zm10.5 2h-9v1.5h9zm-5 3h-4v1.5h4zm3.5 1.5h-1v1h1zm-1-1.5h-1.5v1.5 1 1.5h1.5 1 1.5v-1.5-1-1.5h-1.5zm-2.5 2.5h-4v1.5h4zm6.5 1.25h1.5v2.25h2.25v1.5h-2.25v2.25h-1.5v-2.25h-2.25v-1.5h2.25z" fill-rule="evenodd"></path></svg> <span>Subscribe</span> </a> <a class="actnbr-action actnbr-actn-following no-display" href=""> <svg class="gridicon" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 4.5H4V15C4 15.2761 4.22386 15.5 4.5 15.5H11.5V17H4.5C3.39543 17 2.5 16.1046 2.5 15V4.5V3H4H16H17.5V4.5V12.5H16V4.5ZM5.5 6.5H14.5V8H5.5V6.5ZM5.5 9.5H9.5V11H5.5V9.5ZM12 11H13V12H12V11ZM10.5 9.5H12H13H14.5V11V12V13.5H13H12H10.5V12V11V9.5ZM5.5 12H9.5V13.5H5.5V12Z" fill="#008A20"></path><path class="following-icon-tick" d="M13.5 16L15.5 18L19 14.5" stroke="#008A20" stroke-width="1.5"></path></svg> <span>Subscribed</span> </a> <div class="actnbr-popover tip tip-top-left actnbr-notice" id="follow-bubble"> <div class="tip-arrow"></div> <div class="tip-inner actnbr-follow-bubble"> <ul> <li class="actnbr-sitename"> <a href="https://commonspace.wordpress.com"> <img loading='lazy' alt='' src='https://s2.wp.com/i/logo/wpcom-gray-white.png' srcset='https://s2.wp.com/i/logo/wpcom-gray-white.png 1x' class='avatar avatar-50' height='50' width='50' /> commonspace </a> </li> <div class="actnbr-message no-display"></div> <form method="post" action="https://subscribe.wordpress.com" accept-charset="utf-8" style="display: none;"> <div class="actnbr-follow-count">Join 2,105 other subscribers</div> <div> <input type="email" name="email" placeholder="Enter your email address" class="actnbr-email-field" aria-label="Enter your email address" /> </div> <input type="hidden" name="action" value="subscribe" /> <input type="hidden" name="blog_id" value="336759" /> <input type="hidden" name="source" value="https://commonspace.wordpress.com/category/badges/" /> <input type="hidden" name="sub-type" value="actionbar-follow" /> <input type="hidden" id="_wpnonce" name="_wpnonce" value="8346c216f1" /> <div class="actnbr-button-wrap"> <button type="submit" value="Sign me up"> Sign me up </button> </div> </form> <li class="actnbr-login-nudge"> <div> Already have a WordPress.com account? <a href="https://wordpress.com/log-in?redirect_to=https%3A%2F%2Fcommonspace.wordpress.com%2F2013%2F05%2F20%2Fbedgesnext%2F&signup_flow=account">Log in now.</a> </div> </li> </ul> </div> </div> </li> <li class="actnbr-ellipsis actnbr-hidden"> <svg class="gridicon gridicons-ellipsis" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M7 12c0 1.104-.896 2-2 2s-2-.896-2-2 .896-2 2-2 2 .896 2 2zm12-2c-1.104 0-2 .896-2 2s.896 2 2 2 2-.896 2-2-.896-2-2-2zm-7 0c-1.104 0-2 .896-2 2s.896 2 2 2 2-.896 2-2-.896-2-2-2z"/></g></svg> <div class="actnbr-popover tip tip-top-left actnbr-more"> <div class="tip-arrow"></div> <div class="tip-inner"> <ul> <li class="actnbr-sitename"> <a href="https://commonspace.wordpress.com"> <img loading='lazy' alt='' src='https://s2.wp.com/i/logo/wpcom-gray-white.png' srcset='https://s2.wp.com/i/logo/wpcom-gray-white.png 1x' class='avatar avatar-50' height='50' width='50' /> commonspace </a> </li> <li class="actnbr-folded-customize"> <a href="https://commonspace.wordpress.com/wp-admin/customize.php?url=https%3A%2F%2Fcommonspace.wordpress.com%2Fcategory%2Fbadges%2F"> <svg class="gridicon gridicons-customize" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M2 6c0-1.505.78-3.08 2-4 0 .845.69 2 2 2 1.657 0 3 1.343 3 3 0 .386-.08.752-.212 1.09.74.594 1.476 1.19 2.19 1.81L8.9 11.98c-.62-.716-1.214-1.454-1.807-2.192C6.753 9.92 6.387 10 6 10c-2.21 0-4-1.79-4-4zm12.152 6.848l1.34-1.34c.607.304 1.283.492 2.008.492 2.485 0 4.5-2.015 4.5-4.5 0-.725-.188-1.4-.493-2.007L18 9l-2-2 3.507-3.507C18.9 3.188 18.225 3 17.5 3 15.015 3 13 5.015 13 7.5c0 .725.188 1.4.493 2.007L3 20l2 2 6.848-6.848c1.885 1.928 3.874 3.753 5.977 5.45l1.425 1.148 1.5-1.5-1.15-1.425c-1.695-2.103-3.52-4.092-5.448-5.977z"/></g></svg> <span>Customize</span> </a> </li> <li class="actnbr-folded-follow"> <a class="actnbr-action actnbr-actn-follow " href=""> <svg class="gridicon" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path clip-rule="evenodd" d="m4 4.5h12v6.5h1.5v-6.5-1.5h-1.5-12-1.5v1.5 10.5c0 1.1046.89543 2 2 2h7v-1.5h-7c-.27614 0-.5-.2239-.5-.5zm10.5 2h-9v1.5h9zm-5 3h-4v1.5h4zm3.5 1.5h-1v1h1zm-1-1.5h-1.5v1.5 1 1.5h1.5 1 1.5v-1.5-1-1.5h-1.5zm-2.5 2.5h-4v1.5h4zm6.5 1.25h1.5v2.25h2.25v1.5h-2.25v2.25h-1.5v-2.25h-2.25v-1.5h2.25z" fill-rule="evenodd"></path></svg> <span>Subscribe</span> </a> <a class="actnbr-action actnbr-actn-following no-display" href=""> <svg class="gridicon" height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 4.5H4V15C4 15.2761 4.22386 15.5 4.5 15.5H11.5V17H4.5C3.39543 17 2.5 16.1046 2.5 15V4.5V3H4H16H17.5V4.5V12.5H16V4.5ZM5.5 6.5H14.5V8H5.5V6.5ZM5.5 9.5H9.5V11H5.5V9.5ZM12 11H13V12H12V11ZM10.5 9.5H12H13H14.5V11V12V13.5H13H12H10.5V12V11V9.5ZM5.5 12H9.5V13.5H5.5V12Z" fill="#008A20"></path><path class="following-icon-tick" d="M13.5 16L15.5 18L19 14.5" stroke="#008A20" stroke-width="1.5"></path></svg> <span>Subscribed</span> </a> </li> <li class="actnbr-signup"><a href="https://wordpress.com/start/">Sign up</a></li> <li class="actnbr-login"><a href="https://wordpress.com/log-in?redirect_to=https%3A%2F%2Fcommonspace.wordpress.com%2F2013%2F05%2F20%2Fbedgesnext%2F&signup_flow=account">Log in</a></li> <li class="flb-report"> <a href="https://wordpress.com/abuse/?report_url=https://commonspace.wordpress.com" target="_blank" rel="noopener noreferrer"> Report this content </a> </li> <li class="actnbr-reader"> <a href="https://wordpress.com/read/feeds/100482987"> View site in Reader </a> </li> <li class="actnbr-subs"> <a href="https://subscribe.wordpress.com/">Manage subscriptions</a> </li> <li class="actnbr-fold"><a href="">Collapse this bar</a></li> </ul> </div> </div> </li> </ul> </div> <script> window.addEventListener( "load", function( event ) { var link = document.createElement( "link" ); link.href = "https://s0.wp.com/wp-content/mu-plugins/actionbar/actionbar.css?v=20241015"; link.type = "text/css"; link.rel = "stylesheet"; document.head.appendChild( link ); var script = document.createElement( "script" ); script.src = "https://s0.wp.com/wp-content/mu-plugins/actionbar/actionbar.js?v=20231122"; script.defer = true; document.body.appendChild( script ); } ); </script> <div id="jp-carousel-loading-overlay"> <div id="jp-carousel-loading-wrapper"> <span id="jp-carousel-library-loading"> </span> </div> </div> <div class="jp-carousel-overlay" style="display: none;"> <div class="jp-carousel-container">  <div class="jp-carousel-wrap swiper-container jp-carousel-swiper-container jp-carousel-transitions" itemscope itemtype="https://schema.org/ImageGallery"> <div class="jp-carousel swiper-wrapper"></div> <div class="jp-swiper-button-prev swiper-button-prev"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskPrev" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="9" height="12"> <path d="M16.2072 16.59L11.6496 12L16.2072 7.41L14.8041 6L8.8335 12L14.8041 18L16.2072 16.59Z" fill="white"/> </mask> <g mask="url(#maskPrev)"> <rect x="0.579102" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div> <div class="jp-swiper-button-next swiper-button-next"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskNext" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="8" height="12"> <path d="M8.59814 16.59L13.1557 12L8.59814 7.41L10.0012 6L15.9718 12L10.0012 18L8.59814 16.59Z" fill="white"/> </mask> <g mask="url(#maskNext)"> <rect x="0.34375" width="23.8822" height="24" fill="#FFFFFF"/> </g> </svg> </div> </div>  <div class="jp-carousel-close-hint"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskClose" mask-type="alpha" maskUnits="userSpaceOnUse" x="5" y="5" width="15" height="14"> <path d="M19.3166 6.41L17.9135 5L12.3509 10.59L6.78834 5L5.38525 6.41L10.9478 12L5.38525 17.59L6.78834 19L12.3509 13.41L17.9135 19L19.3166 17.59L13.754 12L19.3166 6.41Z" fill="white"/> </mask> <g mask="url(#maskClose)"> <rect x="0.409668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </div>  <div class="jp-carousel-info"> <div class="jp-carousel-info-footer"> <div class="jp-carousel-pagination-container"> <div class="jp-swiper-pagination swiper-pagination"></div> <div class="jp-carousel-pagination"></div> </div> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-caption"></h2> </div> <div class="jp-carousel-photo-icons-container"> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-info" aria-label="Toggle photo metadata visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskInfo" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7537 2C7.26076 2 2.80273 6.48 2.80273 12C2.80273 17.52 7.26076 22 12.7537 22C18.2466 22 22.7046 17.52 22.7046 12C22.7046 6.48 18.2466 2 12.7537 2ZM11.7586 7V9H13.7488V7H11.7586ZM11.7586 11V17H13.7488V11H11.7586ZM4.79292 12C4.79292 16.41 8.36531 20 12.7537 20C17.142 20 20.7144 16.41 20.7144 12C20.7144 7.59 17.142 4 12.7537 4C8.36531 4 4.79292 7.59 4.79292 12Z" fill="white"/> </mask> <g mask="url(#maskInfo)"> <rect x="0.8125" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> </span> </a> <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-comments" aria-label="Toggle photo comments visibility"> <span class="jp-carousel-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="maskComments" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3271 2H20.2486C21.3432 2 22.2388 2.9 22.2388 4V16C22.2388 17.1 21.3432 18 20.2486 18H6.31729L2.33691 22V4C2.33691 2.9 3.2325 2 4.3271 2ZM6.31729 16H20.2486V4H4.3271V18L6.31729 16Z" fill="white"/> </mask> <g mask="url(#maskComments)"> <rect x="0.34668" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-has-comments-indicator" aria-label="This image has comments."></span> </span> </a> </div> </div> <div class="jp-carousel-info-extra"> <div class="jp-carousel-info-content-wrapper"> <div class="jp-carousel-photo-title-container"> <h2 class="jp-carousel-photo-title"></h2> </div> <div class="jp-carousel-comments-wrapper"> <div id="jp-carousel-comments-loading"> <span>Loading Comments...</span> </div> <div class="jp-carousel-comments"></div> <div id="jp-carousel-comment-form-container"> <span id="jp-carousel-comment-form-spinner"> </span> <div id="jp-carousel-comment-post-results"></div> <div id="jp-carousel-comment-form-commenting-as"> <p id="jp-carousel-commenting-as"> You must be <a href="#" class="jp-carousel-comment-login">logged in</a> to post a comment. </p> </div> </div> </div> <div class="jp-carousel-image-meta"> <div class="jp-carousel-title-and-caption"> <div class="jp-carousel-photo-info"> <h3 class="jp-carousel-caption" itemprop="caption description"></h3> </div> <div class="jp-carousel-photo-description"></div> </div> <ul class="jp-carousel-image-exif" style="display: none;"></ul> <a class="jp-carousel-image-download" href="#" target="_blank" style="display: none;"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="19" height="18"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.84615 5V19H19.7775V12H21.7677V19C21.7677 20.1 20.8721 21 19.7775 21H5.84615C4.74159 21 3.85596 20.1 3.85596 19V5C3.85596 3.9 4.74159 3 5.84615 3H12.8118V5H5.84615ZM14.802 5V3H21.7677V10H19.7775V6.41L9.99569 16.24L8.59261 14.83L18.3744 5H14.802Z" fill="white"/> </mask> <g mask="url(#mask0)"> <rect x="0.870605" width="23.8823" height="24" fill="#FFFFFF"/> </g> </svg> <span class="jp-carousel-download-text"></span> </a> <div class="jp-carousel-image-map" style="display: none;"></div> </div> </div> </div> </div> </div> </div> <link crossorigin='anonymous' rel='stylesheet' id='all-css-0-2' href='https://s2.wp.com/_static/??-eJydjEEKgCAQAD+UrR6KLtFbTJfQdJXWxe9HUB/oOMMw0KtyhRpSgyyqJjkCMURs1brzZWAhyMVLQgZnryKMCbiHipfahXzC0TEP8H/2NZ94fltezbxMxkx61vEGx+U/hQ==&cssminify=yes' type='text/css' media='all' /> <script type="text/javascript" id="jetpack-carousel-js-extra"> /* <![CDATA[ */ var jetpackSwiperLibraryPath = {"url":"https:\/\/s2.wp.com\/wp-content\/mu-plugins\/jetpack-plugin\/sun\/_inc\/build\/carousel\/swiper-bundle.min.js"}; var jetpackCarouselStrings = {"widths":[370,700,1000,1200,1400,2000],"is_logged_in":"","lang":"en","ajaxurl":"https:\/\/commonspace.wordpress.com\/wp-admin\/admin-ajax.php","nonce":"5d3d794c1a","display_exif":"1","display_comments":"1","single_image_gallery":"1","single_image_gallery_media_file":"","background_color":"black","comment":"Comment","post_comment":"Post Comment","write_comment":"Write a Comment...","loading_comments":"Loading Comments...","image_label":"Open image in full-screen.","download_original":"View full size <span class=\"photo-size\">{0}<span class=\"photo-size-times\">\u00d7<\/span>{1}<\/span>","no_comment_text":"Please be sure to submit some text with your comment.","no_comment_email":"Please provide an email address to comment.","no_comment_author":"Please provide your name to comment.","comment_post_error":"Sorry, but there was an error posting your comment. Please try again later.","comment_approved":"Your comment was approved.","comment_unapproved":"Your comment is in moderation.","camera":"Camera","aperture":"Aperture","shutter_speed":"Shutter Speed","focal_length":"Focal Length","copyright":"Copyright","comment_registration":"1","require_name_email":"1","login_url":"https:\/\/commonspace.wordpress.com\/wp-login.php?redirect_to=https%3A%2F%2Fcommonspace.wordpress.com%2F2013%2F05%2F20%2Fbedgesnext%2F","blog_id":"336759","meta_data":["camera","aperture","shutter_speed","focal_length","copyright"],"stats_query_args":"blog=336759&v=wpcom&tz=0&user_id=0&subd=commonspace","is_public":"1"}; /* ]]> */ </script> <script crossorigin='anonymous' type='text/javascript' src='https://s0.wp.com/_static/??-eJx9jEEOwiAQRS8kHdEEV8ajGDpiMwgzpDDp9cuibYwLl+/l/Q9LMSjcAjeIFbKMlILRGmY/dWeI3zLEeoKvLqspSSfiCjG04vGzMVRleBIjjErpBehn6VfpyHYxZOI/r3tmloKSf7DvHvlub9ezte7iXFwBOtNIQw=='></script> <script type="text/javascript"> (function () { var wpcom_reblog = { source: 'toolbar', toggle_reblog_box_flair: function (obj_id, post_id) { // Go to site selector. This will redirect to their blog if they only have one. const postEndpoint = `https://wordpress.com/post`; // Ideally we would use the permalink here, but fortunately this will be replaced with the // post permalink in the editor. const originalURL = `${ document.location.href }?page_id=${ post_id }`; const url = postEndpoint + '?url=' + encodeURIComponent( originalURL ) + '&is_post_share=true' + '&v=5'; const redirect = function () { if ( ! window.open( url, '_blank' ) ) { location.href = url; } }; if ( /Firefox/.test( navigator.userAgent ) ) { setTimeout( redirect, 0 ); } else { redirect(); } }, }; window.wpcom_reblog = wpcom_reblog; })(); </script> <script type="text/javascript"> // <![CDATA[ (function() { try{ if ( window.external &&'msIsSiteMode' in window.external) { if (window.external.msIsSiteMode()) { var jl = document.createElement('script'); jl.type='text/javascript'; jl.async=true; jl.src='/wp-content/plugins/ie-sitemode/custom-jumplist.php'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(jl, s); } } }catch(e){} })(); // ]]> </script><script src="//stats.wp.com/w.js?67" defer></script> <script type="text/javascript"> _tkq = window._tkq || []; _stq = window._stq || []; _tkq.push(['storeContext', {'blog_id':'336759','blog_tz':'0','user_lang':'en','blog_lang':'en','user_id':'0'}]); _stq.push(['view', {'blog':'336759','v':'wpcom','tz':'0','user_id':'0','subd':'commonspace'}]); _stq.push(['extra', {'crypt':'UE40eW5QN0p8M2Y/RE1oV0pFNEwueXFaVXlyMGwvVG9bYnpmRTZaZyxNTzVFOUxaR1NYc1NlSDAwRUVMeldxLCZDZklwanoxYWRddyVyPVpvYV1maD1zZmxLLzZxJlFtRz1aTHYvLU8uc3xRNmRFd210bV0/Nnl0QnRpTWwwN3BJaTNNVXxsfnAmM3gteFtQJTEtM3RUWVMuS0ptcTF5UjgwVkkmalF1TWM1SDImUTE/d3NJLC9kMzVTTXA5ZW1XYU0lQSxMRGZ2SjE/dkNrQV8uXThyZmpOdS9Ka0JJTFMrK2MzP0lSaFR1UXZuMXdVc1pbdGxHYUpRQnFub1tacV8='}]); _stq.push([ 'clickTrackerInit', '336759', '0' ]); </script> <noscript><img src="https://pixel.wp.com/b.gif?v=noscript" style="height:1px;width:1px;overflow:hidden;position:absolute;bottom:1px;" alt="" /></noscript> <script> ( function() { function getMobileUserAgentInfo() { if ( typeof wpcom_mobile_user_agent_info === 'object' ) { wpcom_mobile_user_agent_info.init(); var mobileStatsQueryString = ''; if ( wpcom_mobile_user_agent_info.matchedPlatformName !== false ) { mobileStatsQueryString += '&x_' + 'mobile_platforms' + '=' + wpcom_mobile_user_agent_info.matchedPlatformName; } if ( wpcom_mobile_user_agent_info.matchedUserAgentName !== false ) { mobileStatsQueryString += '&x_' + 'mobile_devices' + '=' + wpcom_mobile_user_agent_info.matchedUserAgentName; } if ( wpcom_mobile_user_agent_info.isIPad() ) { mobileStatsQueryString += '&x_' + 'ipad_views' + '=' + 'views'; } if ( mobileStatsQueryString != '' ) { new Image().src = document.location.protocol + '//pixel.wp.com/g.gif?v=wpcom-no-pv' + mobileStatsQueryString + '&baba=' + Math.random(); } } } document.addEventListener( 'DOMContentLoaded', getMobileUserAgentInfo ); } )(); </script></body> </html>