CINXE.COM

<!doctype html> <html lang='en'> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>Show List of Primary Tags in Ghost</title> <link rel='preconnect' href='https://www.google.com'> <link rel='preconnect' href='https://www.google-analytics.com'>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MVVXBX3');</script>  <style> :root{--section-showcase-background: var(--color-background-gradient-red);--section-testimonials-background: var(--color-background-gradient-blue)}:root{--color-headerCard-light: #FFF;--color-headerCard-dark: #000;--color-text-headerCardStyleLight: var(--color-headerCard-dark);--color-background-headerCardStyleLight: var(--color-headerCard-light);--color-text-button-headerCardStyleLight: var(--color-headerCard-dark);--border-color-button-headerCardStyleLight: var(--color-headerCard-dark);--color-background-button-headerCardStyleLight: var(--color-headerCard-light);--color-text-button-hover-headerCardStyleLight: var(--color-headerCard-light);--color-background-button-hover-headerCardStyleLight: var(--color-headerCard-dark);--color-text-headerCardStyleDark: var(--color-headerCard-light);--color-background-headerCardStyleDark: var(--color-headerCard-dark);--color-text-button-headerCardStyleDark: var(--color-headerCard-light);--border-color-button-headerCardStyleDark: var(--color-headerCard-light);--color-background-button-headerCardStyleDark: var(--color-headerCard-dark);--color-text-button-hover-headerCardStyleDark: var(--color-headerCard-dark);--color-background-button-hover-headerCardStyleDark: var(--color-headerCard-light);--color-text-headerCardStyleAccent: var(--color-headerCard-light);--color-background-headerCardStyleAccent: var(--color-brand);--color-text-button-headerCardStyleAccent: var(--color-headerCard-light);--border-color-button-headerCardStyleAccent: var(--color-headerCard-light);--color-background-button-headerCardStyleAccent: var(--color-brand);--color-text-button-hover-headerCardStyleAccent: var(--color-brand);--color-background-button-hover-headerCardStyleAccent: var(--color-headerCard-light);--color-text-headerCardStyleImage: var(--color-headerCard-light);--color-background-headerCardStyleImage: var(--color-headerCard-dark);--color-text-button-headerCardStyleImage: var(--color-headerCard-light);--border-color-button-headerCardStyleImage: var(--color-headerCard-light);--color-background-button-headerCardStyleImage: var(--color-headerCard-dark);--color-text-button-hover-headerCardStyleImage: var(--color-headerCard-dark);--color-background-button-hover-headerCardStyleImage: var(--color-headerCard-light)}:root{--ratio-1: 1;--ratio-3x2: 3/2;--ratio-16x9: 16/9}:root{--motion-duration-slow: .5s;--motion-duration-fast: .25s}:root{--outline-offset-button: calc(var(--space-025) * -1);--border-radius-button: var(--borderRadius);--color-text-button: var(--color-text);--border-color-button: var(--border-color);--box-shadow-color-button: var(--border-color);--color-background-button: var(--color-background-primary);--color-text-button-hover: var(--color-background-primary);--color-background-button-hover: var(--color-text);--color-text-button--accent: var(--color-text-inverse);--border-color-button--accent: var(--color-brand);--box-shadow-color-button--accent: var(--color-brand-dark);--color-background-button--accent: var(--color-brand);--color-text-button--accent-hover: var(--color-text-inverse);--border-color-button--accent-hover: var(--color-brand-dark);--color-background-button--accent-hover: var(--color-brand-dark)}:root{--content-width: 700px;--content-flow: var(--space-200)}:root{--outline-size: var(--space-010);--outline-style: solid;--outline-color: currentColor;--outline-offset: var(--space-010)}:root{--border-width: .5px;--border-style: solid;--border-color: var(--color-text);--borderRadius: var(--space-075);--borderRadius-pill: var(--space-250);--borderRadius-circle: 50%}:root{--grid-maxWidth: 1400px;--grid-gutter: var(--space-200);--grid-margin: var(--space-150)}:root{--space-010: 2px;--space-025: 4px;--space-050: 8px;--space-075: 12px;--space-100: 16px;--space-125: 20px;--space-150: 24px;--space-175: 28px;--space-200: 32px;--space-225: 36px;--space-250: 40px;--space-275: 44px;--space-300: 48px;--space-350: 56px;--space-400: 64px;--space-450: 72px;--space-500: 80px;--space-600: 96px;--space-700: 112px}:root{--icon-twitter: url("/images/assets/twitter.svg")}:root{--html-symbol-docs: "✧";--html-symbol-showcase: "❃";--html-symbol-changelogs: "❊";--html-symbol-themes: "✰";--html-symbol-contact: "☺";--html-symbol-blog: "✷";--html-symbol-heart: "♡";--html-symbol-faq: "+";--html-symbol-faq-active: "-";--html-symbol-checkmark: "✓";--html-symbol-north-east-arrow: "➶";--html-symbol-hr: "§";--html-symbol-multiplication: "✕"}:root{--font-serif: "Times New Roman", "Times", Georgia, serif;--font-sansSerif: -apple-system, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--fontSize-075: .75rem;--fontSize-087: .875rem;--fontSize-100: 1rem;--fontSize-112: 1.125rem;--fontSize-125: 1.25rem;--fontSize-150: 1.5rem;--fontSize-175: 1.75rem;--fontSize-200: 2rem;--fontSize-225: 2.25rem;--fontSize-250: 2.5rem;--fontSize-275: 2.75rem;--fontSize-300: 3rem;--fontSize-350: 3.5rem;--fontSize-400: 4rem;--fontSize-450: 4.5rem;--fontSize-500: 5rem;--fontWeight-light: 300;--fontWeight-regular: 400;--fontWeight-medium: 600;--fontWeight-bold: 700;--lineHeight-100: 1;--lineHeight-110: 1.1;--lineHeight-125: 1.25;--lineHeight-150: 1.5;--lineHeight-160: 1.6;--lineHeight-175: 1.75;--lineHeight-200: 2;--lineHeight-240: 2.4;--font-letterSpacing-brevier: .7px;--font-letterSpacing-long-primer: .25px;--font-letterSpacing-tiny: .6px;--font-letterSpacing-small: 1.2px;--font-letterSpacing-base: 1.6px;--font-letterSpacing-large: 2.8px;--font-letterSpacing-negative: -.5px}:root{--color-brand: #001FFF;--color-brand-dark: #0015B8;--color-text: #0B0B0B;--color-text-subtle: #4E5965;--color-text-inverse: #FFFFFF;--color-text-brand: var(--color-brand);--color-text-danger: #AE2A19;--color-text-success: #216E4E;--color-text-warning: #974F0C;--color-text-information: #0055CC;--color-background-primary: #FFFFFF;--color-background-secondary: #F5F5F7;--color-background-secondary-dark: #E8E8ED;--color-background-danger: #FFEDEB;--color-background-information: #E9F2FF;--color-background-highlight: #FFFF99;--color-background-gradient-red: radial-gradient(at top right,#EA5E34,#CC283C);--color-background-gradient-blue: radial-gradient(at top right,#6656f0,#522D8B);--color-background-gradient-highlight: linear-gradient(90deg, #fee5da 0, #fff5ca 100%)}/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.highlight{background:#fff}.highlighter-rouge .highlight{background:#fafafa}.highlight .c{color:#666;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#666;font-style:italic}.highlight .cp{color:#606060;font-weight:bold}.highlight .c1{color:#666;font-style:italic}.highlight .cs{color:#606060;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#606060}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#017777}.highlight .s{color:#c52752}.highlight .na{color:#007373}.highlight .nb{color:#006e93}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:#007373}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:#007373}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#017777}.highlight .mh{color:#017777}.highlight .mi{color:#017777}.highlight .mo{color:#017777}.highlight .sb{color:#c52752}.highlight .sc{color:#c52752}.highlight .sd{color:#c52752}.highlight .s2{color:#c52752}.highlight .se{color:#c52752}.highlight .sh{color:#c52752}.highlight .si{color:#c52752}.highlight .sx{color:#c52752}.highlight .sr{color:#009926}.highlight .s1{color:#c52752}.highlight .ss{color:#990073}.highlight .bp{color:#606060}.highlight .vc{color:#007373}.highlight .vg{color:#007373}.highlight .vi{color:#007373}.highlight .il{color:#017777}:where(body,h1,h2,h3,h4,h5,h6,blockquote,p,pre,dl,dd,ol,ul,figure,hr,fieldset,legend){margin:0;padding:0}li>ol,li>ul{margin-bottom:0}table{border-collapse:collapse;border-spacing:0}:is(a,button,input,textarea,summary):focus-visible{outline:var(--outline-size) var(--outline-style) var(--outline-color) !important;outline-offset:var(--outline-offset) !important}@media(prefers-reduced-motion: reduce){*{animation:none;transition:none}}.o-grid{display:grid;gap:var(--grid-gutter);margin-left:auto;margin-right:auto;padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%;max-width:var(--grid-maxWidth)}.o-grid .o-grid{padding:0}.o-grid:not(:has(*)){display:none}.o-grid--gap-zero{gap:0}.o-grid--gap-100{gap:var(--space-100)}@media(min-width: 46.25em){.o-grid--half{width:50%;grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 46.25em){.o-grid--75{width:75%;grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 46.25em){.o-grid--2-columns{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 46.25em){.o-grid--3-columns{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 61.25em){.o-grid--3-columns{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 46.25em){.o-grid--4-columns{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 61.25em){.o-grid--4-columns{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 61.25em){.o-grid--12-columns{grid-template-columns:repeat(12, minmax(0, 1fr))}}html,body{height:100%}body{font-family:var(--font-sansSerif);font-size:var(--fontSize-125);line-height:var(--lineHeight-160);font-weight:var(--fontWeight-regular);direction:ltr;color:var(--color-text);background-color:var(--color-background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:target{scroll-margin-top:var(--space-200)}a{color:inherit;text-decoration:none}:where(dd,ol,ul){margin-left:var(--space-100)}img{height:auto;display:block;max-width:100%;font-style:italic}hr{line-height:var(--lineHeight-tight);border:0;height:auto;display:flex;justify-content:center}hr:before{transform:rotate(90deg);color:var(--color-text-subtle);content:var(--html-symbol-hr)}:is(h1,h2,h3,h4,strong){font-weight:var(--fontWeight-medium)}:where(h1){font-size:var(--fontSize-250);line-height:var(--lineHeight-160)}:where(h1)+h2,:where(h1)+h3{margin-top:var(--space-100)}:where(h2){font-size:var(--fontSize-200);line-height:var(--lineHeight-160)}:where(h2)+h3{margin-top:var(--space-100)}:where(h3){font-size:var(--fontSize-150);line-height:var(--lineHeight-160)}:where(h3){font-size:var(--fontSize-125);line-height:var(--lineHeight-160)}p code,li code,h3 code{font-size:var(--fontSize-100);line-height:var(--lineHeight-160);padding:var(--space-025) var(--space-050);border-radius:var(--borderRadius);border:var(--border-width) var(--border-style) var(--border-color);background-color:var(--color-background-secondary)}pre,code{background-color:var(--color-background-secondary)}code.has-white-bg{background-color:var(--color-background-primary)}pre{font-size:var(--fontSize-100);line-height:var(--lineHeight-160);overflow-x:auto;padding:var(--space-200);max-width:var(--content-width);border-radius:var(--borderRadius);background-color:var(--color-background-secondary)}.highlighter-rouge .highlight{border-radius:var(--borderRadius);background-color:var(--color-background-secondary)}pre.highlight{white-space:pre-wrap;position:relative}pre.highlight .clipboard-copy{display:none;cursor:pointer;position:absolute;top:var(--space-050);right:var(--space-050)}pre.highlight:hover .clipboard-copy{display:block}input[type=text],input[type=password],input[type=date],input[type=month],input[type=week],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input[type=color],input[type=datetime],input[type=datetime-local],select,textarea{font-family:var(--font-sansSerif);font-size:var(--fontSize-125);line-height:var(--lineHeight-160);font-weight:var(--fontWeight-regular);width:100%;display:block;border:none;color:var(--color-text);padding:var(--space-050) var(--space-100) var(--space-050);border-radius:var(--borderRadius);background:var(--color-background-primary);border:var(--border-width) var(--border-style) var(--border-color-button)}input[type=text]::placeholder,input[type=password]::placeholder,input[type=date]::placeholder,input[type=month]::placeholder,input[type=week]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=color]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,select::placeholder,textarea::placeholder{opacity:1;color:var(--color-text-subtle)}textarea{min-height:494px}iframe{width:100%;height:auto;aspect-ratio:var(--ratio-16x9);border-radius:var(--borderRadius)}video{display:block;max-width:100%}:lang(ar) *{letter-spacing:initial}.c-skip{position:absolute !important;top:calc(var(--space-600)*-1) !important;left:var(--space-200);background-color:var(--color-background-primary)}.c-skip:focus{z-index:10;top:var(--space-025) !important}.c-header{padding:var(--space-100) 0;border-bottom:var(--border-width) var(--border-style) var(--border-color)}.c-header__inner{display:flex;align-items:center;position:relative}@media(max-width: 61.24em){.c-nav-wrap{display:flex;align-items:center;flex-direction:column;position:fixed;inset:0;z-index:10;width:100%;height:100vh;padding:var(--space-200) var(--grid-margin);background-color:var(--color-background-secondary);opacity:0;visibility:hidden;transform:scale(0.96)}.c-nav-wrap.is-active{opacity:1;visibility:visible;transform:scale(1);transition:all var(--motion-duration-fast) cubic-bezier(0.694, 0, 0.335, 1)}}@media(min-width: 61.25em){.c-nav-wrap{display:block;flex:2;display:flex;align-items:center;justify-content:flex-end}}@media(max-width: 61.24em){.c-nav{width:100%;padding-right:var(--space-250)}}@media(min-width: 61.25em){.c-nav{display:flex;gap:var(--space-100);align-items:center;justify-content:flex-end}}.c-nav__item{font-size:var(--fontSize-125);line-height:var(--lineHeight-100)}@media(max-width: 61.24em){.c-nav__item{margin-bottom:var(--space-100)}}@media(max-width: 61.24em){.c-nav__link{display:block}}.c-nav__link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-nav__link[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-nav__link[aria-current=page]:focus-visible{text-decoration:none}.home-template .c-nav__link[aria-current=page]{text-decoration:none}.c-nav-toggle{position:absolute;right:0;z-index:10;height:var(--space-100);width:var(--space-150);cursor:pointer}@media(min-width: 61.25em){.c-nav-toggle{display:none}}.c-nav-toggle__icon{position:absolute;left:0;height:1px;width:var(--space-150);background:var(--color-text);cursor:pointer}.c-nav-toggle__icon:before,.c-nav-toggle__icon:after{content:"";display:block;height:100%;background-color:inherit}.c-nav-toggle__icon:before{transform:translateY(16px)}.c-nav-toggle__icon:after{transform:translateY(7px)}.c-nav-toggle--close .c-nav-toggle__icon{height:2px;background-color:rgba(0,0,0,0)}.c-nav-toggle--close .c-nav-toggle__icon:before,.c-nav-toggle--close .c-nav-toggle__icon:after{position:relative;visibility:visible;background:var(--color-text)}.c-nav-toggle--close .c-nav-toggle__icon:before{top:9px;transform:rotate(-45deg)}.c-nav-toggle--close .c-nav-toggle__icon:after{top:7px;transform:rotate(45deg)}.c-logo{margin-right:var(--space-200)}.c-logo__link{font-size:var(--fontSize-150);line-height:var(--lineHeight-100);display:block}.c-logos{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-100);justify-content:center}@media(min-width: 61.25em){.c-logos{justify-content:space-between}}.c-logos__item{display:flex;align-items:center;width:var(--space-600);height:var(--space-600)}.c-logos__img{width:var(--space-600);height:var(--space-600);object-fit:contain;object-position:top;filter:grayscale(1)}.c-logos:is(:hover,:active,:focus) .c-logos__img{filter:grayscale(0)}.c-hero__content{text-align:center}@media(min-width: 61.25em){.c-hero__content{max-width:75%}}.c-hero__content-buttons{justify-content:center}.c-hero__points{display:flex;flex-wrap:wrap;gap:var(--space-100);justify-content:center}.c-hero__points li{font-size:var(--fontSize-125);line-height:var(--lineHeight-160);display:flex;gap:var(--space-050)}.c-hero__points li:before{display:block;color:var(--color-brand);content:var(--html-symbol-checkmark)}.c-intro a:not(.c-btn):not(.kg-header-card-button){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-intro a:not(.c-btn):not(.kg-header-card-button):focus-visible{text-decoration:none}.c-intro__heading{font-size:var(--fontSize-200);line-height:var(--lineHeight-110);letter-spacing:var(--font-letterSpacing-negative);text-wrap:balance}@media(min-width: 61.25em){.c-intro__heading{font-size:var(--fontSize-300);line-height:var(--lineHeight-125)}}.c-intro .o-grid{--grid-gutter: var(--space-150)}.c-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-075)}.c-avatar{width:var(--space-350);height:var(--space-350);border-radius:var(--borderRadius-circle);background-color:var(--color-background-secondary)}.c-avatar__image{object-fit:cover;width:var(--space-350);height:var(--space-350);min-width:var(--space-350);border-radius:var(--borderRadius-circle)}.c-theme-hero{background-color:var(--color-background-secondary)}.c-theme-hero__media-wrap{--padding: var(--space-050);--border-radius-outer: var(--borderRadius);--border-radius-inner: calc(var(--border-radius-outer) - var(--padding));padding:var(--padding);border-radius:var(--border-radius-outer);background-color:var(--color-background-primary);box-shadow:var(--space-025) var(--space-025) var(--space-050) rgba(40,40,40,.05)}@media(max-width: 61.24em){.c-theme-hero__media-wrap{margin-bottom:var(--space-100)}}.c-theme-hero__media{display:block;position:relative}.c-theme-hero__media:after{content:"";display:block;height:0;width:100%;padding-bottom:100%}.c-theme-hero__image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius-inner)}.c-theme-hero__info>*+*{margin-top:var(--content-flow)}.c-theme-highlights{display:flex;flex-wrap:wrap;gap:var(--space-050)}.c-theme-meta li{font-size:var(--fontSize-100);line-height:var(--lineHeight-160);padding-top:var(--space-100);padding-bottom:var(--space-100);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.c-theme-meta li:first-child{border-top:var(--border-width) var(--border-style) var(--border-color)}.c-btn,.kg-header-card-button,.c-tags a{--outline-offset: var(--outline-offset-button);font-family:var(--font-sansSerif);font-size:var(--fontSize-125);line-height:var(--lineHeight-150);font-weight:var(--fontWeight-medium);width:fit-content;height:fit-content;min-width:fit-content;text-align:center;text-transform:initial;border:none;cursor:pointer;overflow:hidden;position:relative;top:calc(var(--space-025)*-1);padding:var(--space-050) var(--space-100);border-radius:var(--border-radius-button);color:var(--color-text-button);background-color:var(--color-background-button);box-shadow:0 var(--space-010) 0 var(--box-shadow-color-button);border:var(--border-width) var(--border-style) var(--border-color-button)}.c-btn:is(:hover,:active,:focus),.kg-header-card-button:is(:hover,:active,:focus),.c-tags a:is(:hover,:active,:focus){color:var(--color-text-button-hover);background-color:var(--color-background-button-hover);box-shadow:0 var(--space-010) 0 var(--box-shadow-color-button)}.c-btn[aria-current=page],[aria-current=page].kg-header-card-button,.c-tags a[aria-current=page]{color:var(--color-text-button-hover);background-color:var(--color-background-button-hover)}.c-btn--accent{color:var(--color-text-button--accent);border-color:var(--border-color-button--accent);background-color:var(--color-background-button--accent);box-shadow:0 var(--space-025) 0 0 var(--box-shadow-color-button--accent)}.c-btn--accent:is(:hover,:active,:focus){color:var(--color-text-button--accent-hover);border-color:var(--border-color-button--accent-hover);background-color:var(--color-background-button--accent-hover);box-shadow:0 var(--space-010) 0 0 var(--box-shadow-color-button--accent)}.c-btn:is(:hover,:active,:focus),.kg-header-card-button:is(:hover,:active,:focus),.c-tags a:is(:hover,:active,:focus){top:calc(var(--space-010)*-1)}.c-btn:active,.kg-header-card-button:active,.c-tags a:active{top:0}.c-btn--full{width:100%}.c-btn--fit-content{width:fit-content}.c-content{display:flex;align-items:center;flex-direction:column;margin-left:auto;margin-right:auto}.c-content--width{width:100%;max-width:var(--content-width)}.c-content--no-margin{padding:0}.c-content--no-margin :is(video,.kg-image,.kg-header-card,.kg-width-wide){width:100%}.c-content>*{min-width:100%;word-break:break-word}.c-content>*+*{margin-top:var(--content-flow)}.c-content :where(h1,h2,h3)+*{margin-top:calc(var(--content-flow)/3)}.c-content a:not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-content a:not([class]):focus-visible{text-decoration:none}.c-content :where(hr){margin:var(--content-flow) 0}@media(min-width: 61.25em){.c-content :where(hr){margin:calc(var(--content-flow)*2) 0}}.c-content :where(hr)+*{margin-top:0}.c-content ol>*+*,.c-content ul>*+*{margin-top:var(--space-050)}.c-content li>ol,.c-content li>ul{margin-top:var(--space-050)}.c-content :is(dd,ol,ul){padding-left:var(--space-100);padding-right:var(--space-100)}.c-section{padding:var(--space-250) 0}@media(min-width: 61.25em){.c-section{padding:var(--space-500) 0}}.c-section:first-child,.c-section+.c-section{margin-top:0 !important}.c-section__headline{font-family:var(--font-serif);font-size:var(--fontSize-200);line-height:var(--lineHeight-110);font-weight:var(--fontWeight-light);letter-spacing:var(--font-letterSpacing-negative);margin-bottom:var(--space-200)}@media(min-width: 61.25em){.c-section__headline{font-size:var(--fontSize-250);line-height:var(--lineHeight-110)}}.c-section__subhead{font-family:var(--font-serif);font-size:var(--fontSize-175);line-height:var(--lineHeight-110);font-weight:var(--fontWeight-light);letter-spacing:var(--font-letterSpacing-negative);margin-bottom:var(--space-200)}.c-section--background-secondary{background-color:var(--color-background-secondary)}.c-section--hasBorder{border-top:var(--border-width) var(--border-style) var(--border-color)}.c-section--showcase{background:var(--section-showcase-background)}.c-section--testimonials{background:var(--section-testimonials-background)}.c-page-header__content{display:flex;flex-direction:column;align-items:center;justify-content:center;justify-items:center;text-align:center;padding:var(--space-400)}.c-page-header__heading{font-weight:var(--fontWeight-medium)}.c-page-header__tags a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-subscribe-form .c-input{padding-left:0;border-top-width:0;border-right-width:0;border-left-width:0;border-radius:0}.c-subscribe-form .c-btn,.c-subscribe-form .kg-header-card-button,.c-subscribe-form .c-tags a,.c-tags .c-subscribe-form a{flex:0}.c-alert{max-width:100%;padding:var(--space-150);border-radius:var(--borderRadius);background:var(--color-background-secondary)}.c-alert>*+*{margin-bottom:0;margin-top:var(--content-flow) !important}.c-alert__title{font-size:var(--fontSize-125);line-height:var(--lineHeight-125);padding-bottom:var(--space-050);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.c-alert--small{padding:var(--space-100) var(--space-150)}.c-alert--information{background:var(--color-background-information)}.c-alert--danger{background:var(--color-background-danger)}.c-alert--dashed{background:var(--color-background-secondary);border:var(--space-010) dashed var(--border-color)}.c-alert--dashed>h3{font-size:var(--fontSize-125);line-height:var(--lineHeight-160);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-brevier)}.c-alert>*+*{margin-bottom:0;margin-top:var(--space-150) !important}.c-alert a:not(.c-btn):not(.kg-header-card-button){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-alert a:not(.c-btn):not(.kg-header-card-button):focus-visible{text-decoration:none}.c-alert pre,.c-alert code,.c-alert .highlight{background-color:var(--color-background-primary)}.c-banner{position:fixed;bottom:var(--space-150);right:0;left:0;z-index:10;margin:auto;max-width:var(--grid-maxWidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);display:flex;justify-content:end}.c-banner__inner{font-size:var(--fontSize-100);line-height:var(--lineHeight-150);padding:var(--space-050) var(--space-100);border-radius:var(--borderRadius);background-color:var(--color-background-highlight);box-shadow:0 var(--space-050) var(--space-125) rgba(0,0,0,.3)}.parity-banner{gap:var(--space-050);position:fixed;bottom:var(--space-200);right:0;left:0;z-index:10;margin:auto;max-width:var(--grid-maxWidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);display:flex;align-items:center;justify-content:end}.parity-banner-inner{font-size:var(--fontSize-100);line-height:var(--lineHeight-160);font-weight:var(--fontWeight-regular);padding:var(--space-010) var(--space-050) var(--space-010);border-radius:var(--borderRadius-pill);background-color:var(--color-background-primary);border:var(--border-width) var(--border-style) var(--border-color)}.parity-banner-inner b{font-weight:var(--fontWeight-medium);color:var(--color-brand)}@media(max-width: 61.24em){.parity-banner{display:none}}.parity-banner-close-btn{width:var(--space-200) !important;padding:var(--space-025) var(--space-050) var(--space-025) !important;border-radius:var(--borderRadius-pill) !important;background-color:var(--color-background-primary) !important;border:var(--border-width) var(--border-style) var(--border-color) !important;position:static !important;opacity:1 !important;height:var(--space-200) !important}.c-footer{position:sticky;top:100vh;margin-top:0 !important}.c-footer-nav{display:flex;gap:var(--space-050);flex-direction:column}.c-footer-nav a{display:block}.c-footer-nav a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-footer-nav__link[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-footer-nav__link[aria-current=page]:focus-visible{text-decoration:none}.c-footer-copy{color:var(--color-text-subtle)}.c-footer-copy a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-footer-copy a:focus-visible{text-decoration:none}.c-back-to-top{display:none}@media(min-width: 61.25em){.c-back-to-top{display:block;position:absolute;top:100vh;right:var(--space-200);bottom:var(--space-200);pointer-events:none}.c-back-to-top__link{display:block;position:sticky;pointer-events:all;top:calc(100vh - var(--space-400));padding:0 var(--space-100) var(--space-075) var(--space-100);border-radius:var(--borderRadius-pill)}}.c-author__media{width:var(--space-600);height:var(--space-600);border-radius:var(--borderRadius-circle);background-color:var(--color-background-secondary)}.c-author__image{object-fit:cover;width:var(--space-600);height:var(--space-600);min-width:var(--space-600);border-radius:var(--borderRadius-circle)}.c-faq{padding:var(--space-150) 0;border-top:var(--border-width) var(--border-style) var(--border-color)}.c-faq[open]{background:var(--color-background-secondary)}.c-faq:last-child{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.c-faq__title{cursor:pointer;font-size:var(--fontSize-125);line-height:var(--lineHeight-160);font-weight:var(--fontWeight-medium)}.c-faq__description{font-size:var(--fontSize-112);line-height:var(--lineHeight-160);font-weight:var(--fontWeight-regular);margin-top:var(--space-050)}.c-faq br{display:block;margin:var(--space-050)}.c-faq:hover{background:var(--color-background-secondary)}.c-media-round{display:none;width:var(--space-500);height:var(--space-500);margin-left:auto;border-radius:var(--borderRadius-circle);background-color:var(--color-background-secondary)}@media(min-width: 46.25em){.c-media-round{display:block}}@media(min-width: 61.25em){.c-media-round{width:var(--space-600);height:var(--space-600)}}.c-image-round{width:var(--space-500);height:var(--space-500);object-fit:cover;object-position:top;border-radius:var(--borderRadius-circle)}@media(min-width: 61.25em){.c-image-round{display:block;width:var(--space-600);height:var(--space-600)}}.twitter-tweet{margin:auto;margin-top:var(--space-200) !important}.c-timestamp{font-size:var(--fontSize-100);line-height:var(--lineHeight-160);font-style:italic;letter-spacing:var(--font-letterSpacing-long-primer)}.c-testimonials{column-fill:balance;column-gap:var(--grid-gutter)}@media(min-width: 46.25em){.c-testimonials{column-count:2}}@media(min-width: 61.25em){.c-testimonials{column-count:3}}.c-card-testimonial{--outline-color: var(--color-background-primary);--border-radius-outer: var(--borderRadius-pill);--padding: var(--space-150);--border-radius-inner: calc(var(--border-radius-outer) - var(--padding));display:block;break-inside:avoid;padding:var(--padding);border-radius:var(--border-radius-outer);background-color:var(--color-background-primary)}.c-card-testimonial+.c-card-testimonial{margin-top:var(--grid-gutter)}.c-card-testimonial__head{display:flex;gap:var(--space-100);margin-bottom:var(--space-100)}.c-card-testimonial__figure{width:var(--space-450);height:var(--space-450);border-radius:var(--border-radius-inner);background-color:var(--color-background-secondary)}.c-card-testimonial__image{width:var(--space-450);height:var(--space-450);border-radius:var(--border-radius-inner)}.c-card-testimonial__author{display:flex;flex-direction:column;justify-content:center}.c-card-testimonial__author-name{font-size:var(--fontSize-125);line-height:var(--lineHeight-160);font-weight:var(--fontWeight-bold);width:fit-content;padding-right:var(--space-150);background-image:var(--icon-twitter);background-repeat:no-repeat;background-size:var(--space-100);background-position:100%}.c-card-testimonial__author-shortname{color:var(--color-text-subtle)}.c-card-theme{display:block;padding-bottom:var(--space-200);border-radius:var(--borderRadius);background-color:var(--color-background-secondary)}.c-card-theme__media{position:relative;aspect-ratio:var(--ratio-3x2);border-radius:var(--borderRadius)}.c-card-theme__image{position:absolute;inset:0;width:fit-content;height:fit-content}.c-card-theme__title{font-size:var(--fontSize-125);line-height:var(--lineHeight-100);text-align:center}.c-card-theme:hover{color:var(--color-brand)}.c-card-image{--border-radius-outer: var(--borderRadius);--padding: var(--space-050);--border-radius-inner: calc(var(--border-radius-outer) - var(--padding));overflow:hidden;padding:var(--padding);border-radius:var(--border-radius-outer);background-color:var(--color-background-secondary);text-align:center}.c-card-image:is(:hover,:active,:focus) figcaption a{color:var(--color-brand)}.c-card-image img{margin:auto}.c-card-image figcaption{font-size:var(--fontSize-087);line-height:var(--lineHeight-160);margin-top:var(--space-050)}.c-card-image--no-padding{padding:0}.c-card-image--no-padding img{border-radius:var(--borderRadius)}.c-card-image--no-padding figcaption{padding-bottom:var(--padding)}.c-card-image--no-radius{border-radius:0}.c-card-image--no-radius img{border-radius:0}.c-card-image--padless figcaption{margin-top:0}.c-card-image__number{font-size:var(--fontSize-200);line-height:var(--lineHeight-160);font-weight:var(--fontWeight-light);display:block;text-align:center}@media(min-width: 46.25em){.c-content--type-large{display:flex;flex-direction:column;align-content:center;flex-wrap:wrap}.c-content--type-large>*{width:100%;margin-left:auto;margin-right:auto}.c-gallery{display:flex;flex-wrap:wrap;min-width:100vw;padding:var(--space-350) 0;background-color:var(--color-background-secondary)}.c-gallery .c-card-image{width:33%}.c-gallery--2-columns .c-card-image{width:50%}}.c-card-showcase{--outline-color: var(--color-background-primary);--border-radius-outer: var(--borderRadius);--padding: var(--space-050);--border-radius-inner: calc(var(--border-radius-outer) - var(--padding));display:block;overflow:hidden;padding:var(--padding);border-radius:var(--border-radius-outer);background-color:var(--color-background-primary)}.c-card-showcase__media{overflow:hidden;position:relative;aspect-ratio:var(--ratio-3x2);border-radius:var(--border-radius-inner);background-color:var(--color-background-primary)}.c-card-showcase__image{position:absolute;inset:0;width:fit-content;height:fit-content;border-radius:var(--border-radius-inner)}.c-card-post{display:block;padding:var(--space-100) 0;border-top:var(--border-width) var(--border-style) var(--border-color)}.c-card-post:not(:has(img)){display:flex;align-items:center;text-align:center;padding:var(--space-100);background-color:var(--color-background-secondary)}.c-card-post__title{font-size:var(--fontSize-150);line-height:var(--lineHeight-160)}.c-card-post__media{position:relative;aspect-ratio:var(--ratio-3x2);margin-bottom:var(--space-100);background-color:var(--color-background-secondary)}.c-card-post__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.c-card-post__date{display:none;font-size:var(--fontSize-100);line-height:var(--lineHeight-160);color:var(--color-text-subtle)}.c-card-post:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.c-card-feature{width:100%;position:relative;padding:var(--space-150);border-radius:var(--borderRadius);background-color:var(--color-background-primary);box-shadow:var(--space-025) var(--space-025) var(--space-050) rgba(40,40,40,.05)}.c-card-feature__icon{display:block;overflow:hidden;width:var(--space-300);height:var(--space-300);fill:var(--color-brand);margin-bottom:var(--space-100)}.c-card-feature__title{font-size:var(--fontSize-125);line-height:var(--lineHeight-100);font-weight:var(--fontWeight-bold);margin-bottom:var(--space-100)}.kg-card figcaption{width:100%;padding-top:var(--space-050);color:var(--color-text-subtle);background-color:var(--color-background-primary);font-size:var(--fontSize-small);line-height:var(--lineHeight-160)}.kg-card figcaption a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.kg-card figcaption a:focus-visible{text-decoration:none}.kg-width-wide{width:100%}@media(min-width: 46.25em){.kg-width-wide{width:calc(100vw - var(--grid-margin)*2);max-width:calc(var(--grid-width) - var(--grid-margin)*2)}}.kg-width-full figcaption{padding-left:var(--space-100)}.kg-width-full :is(video,.kg-image){max-width:100vw}.kg-image{margin:auto}.kg-image-card{min-width:min-content;background-color:var(--color-background-secondary)}.kg-header-card{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kg-header-card+.kg-header-card{margin-top:0}.kg-header-card>*{max-width:var(--content-width)}.kg-header-card :is(.kg-header-card-header,.kg-header-card-subheader){padding-left:var(--grid-margin);padding-right:var(--grid-margin)}.kg-header-card :is(.kg-header-card-button){margin-left:var(--grid-margin);margin-right:var(--grid-margin)}.kg-header-card-subheader{margin-top:var(--space-100)}.kg-header-card-button{margin-top:var(--space-200)}.kg-size-small{padding:var(--space-400) 0}.kg-size-medium{padding:var(--space-600) 0}.kg-size-large{padding:var(--space-700) 0}.kg-style-light{--color-text-button: var(--color-text-button-headerCardStyleLight);--border-color-button: var(--border-color-button-headerCardStyleLight);--color-background-button: var(--color-background-button-headerCardStyleLight);--color-text-button-hover: var(--color-text-button-hover-headerCardStyleLight);--color-background-button-hover: var(--color-background-button-hover-headerCardStyleLight);color:var(--color-text-headerCardStyleLight);background-color:var(--color-background-headerCardStyleLight)}.kg-style-dark{--color-text-button: var(--color-text-button-headerCardStyleDark);--border-color-button: var(--border-color-button-headerCardStyleDark);--color-background-button: var(--color-background-button-headerCardStyleDark);--color-text-button-hover: var(--color-text-button-hover-headerCardStyleDark);--color-background-button-hover: var(--color-background-button-hover-headerCardStyleDark);color:var(--color-text-headerCardStyleDark);background-color:var(--color-background-headerCardStyleDark)}.kg-style-accent{--color-text-button: var(--color-text-button-headerCardStyleAccent);--border-color-button: var(--border-color-button-headerCardStyleAccent);--color-background-button: var(--color-background-button-headerCardStyleAccent);--color-text-button-hover: var(--color-text-button-hover-headerCardStyleAccent);--color-background-button-hover: var(--color-background-button-hover-headerCardStyleAccent);color:var(--color-text-headerCardStyleAccent);background-color:var(--color-background-headerCardStyleAccent)}.kg-style-image{--color-text-button: var(--color-text-button-headerCardStyleImage);--border-color-button: var(--border-color-button-headerCardStyleImage);--color-background-button: var(--color-background-button-headerCardStyleImage);--color-text-button-hover: var(--color-text-button-hover-headerCardStyleImage);--color-background-button-hover: var(--color-background-button-hover-headerCardStyleImage);color:var(--color-text-headerCardStyleImage);background-color:var(--color-background-headerCardStyleImage);background-size:cover;background-position:center;position:relative}.kg-style-image:before{position:absolute;content:"";inset:0;background:linear-gradient(0, transparent, rgba(0, 0, 0, 0.5))}.kg-style-image *{z-index:1}.c-social-proof{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-050)}@media(min-width: 61.25em){.c-social-proof{flex-direction:row}}.c-social-proof__headshots{display:flex}.c-social-proof figure{width:var(--space-300);height:var(--space-300);border-radius:var(--borderRadius-circle);background-color:var(--color-background-secondary)}.c-social-proof figure:not(:first-child){margin-left:calc(var(--space-075)*-1)}.c-social-proof img{object-fit:cover;width:var(--space-300);height:var(--space-300);min-width:var(--space-300);padding:var(--space-010);border-radius:var(--borderRadius-circle)}.c-social-proof__stars{display:flex;font-size:var(--fontSize-200);line-height:var(--lineHeight-100)}.theme-brutal-section{padding-top:0}.theme-brutal-content{max-width:100%}.theme-brutal-content>*:not(.moshi-heading){--min-size: var(--fontSize-150);--max-size: var(--fontSize-200);--viewport-width: 5vw;font-size:clamp(var(--min-size), calc(var(--viewport-width) + 1rem), var(--max-size));line-height:var(--lineHeight-125);text-wrap:balance}.theme-brutal-content .c-btn,.theme-brutal-content .c-tags a,.c-tags .theme-brutal-content a,.theme-brutal-content .kg-header-card-button{--min-size: var(--fontSize-150);--max-size: var(--fontSize-200);--viewport-width: 5vw;font-size:clamp(var(--min-size), calc(var(--viewport-width) + 1rem), var(--max-size));line-height:var(--lineHeight-125);text-wrap:balance;font-weight:var(--fontWeight-regular)}.theme-brutal-content .u-fontSize-125{font-size:var(--fontSize-125);line-height:var(--lineHeight-160)}.theme-brutal-content .c-theme-meta{padding:0}.theme-brutal-content .c-theme-meta li{font-size:inherit}.theme-brutal-content figcaption{font-size:var(--fontSize-150);line-height:var(--lineHeight-125);font-weight:var(--fontWeight-regular);text-wrap:balance;padding-bottom:var(--space-100);margin-top:var(--space-100)}.moshi-heading{--min-size: var(--fontSize-200);--max-size: var(--fontSize-400);--viewport-width: 5vw;font-size:clamp(var(--min-size), calc(var(--viewport-width) + 1rem), var(--max-size));line-height:var(--lineHeight-125);text-wrap:balance}.u-fontSize-087{font-size:var(--fontSize-087);line-height:var(--lineHeight-160)}.u-fontSize-100{font-size:var(--fontSize-100);line-height:var(--lineHeight-160)}.u-fontSize-125{font-size:var(--fontSize-125);line-height:var(--lineHeight-160)}.u-fontWeight-light{font-weight:var(--fontWeight-light)}.u-fontWeight-regular{font-weight:var(--fontWeight-regular)}.u-fontWeight-medium{font-weight:var(--fontWeight-medium)}.u-fontWeight-bold{font-weight:var(--fontWeight-bold)}.u-fontStyle-italic{font-style:italic}.u-textTransform-uppercase{text-transform:uppercase}.u-font-serif{font-family:var(--font-serif)}.u-font-sansSerif{font-family:var(--font-sansSerif)}.u-font-heading,.kg-header-card-header{text-wrap:balance;font-family:var(--font-serif);font-size:var(--fontSize-200);line-height:var(--lineHeight-110);font-weight:var(--fontWeight-light);letter-spacing:var(--font-letterSpacing-negative)}@media(min-width: 61.25em){.u-font-heading,.kg-header-card-header{font-size:var(--fontSize-250);line-height:var(--lineHeight-110)}}.u-font-subHeading,.kg-header-card-subheader{font-size:var(--fontSize-medium);line-height:var(--lineHeight-160);font-weight:var(--fontWeight-regular)}.u-underline{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.u-underline:focus-visible{text-decoration:none}.u-underline-on-hover:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--space-010)}.u-align-auto{margin:auto}.u-align-center{text-align:center}.u-width-full{width:100%}.u-color-text-brand{color:var(--color-brand)}.u-color-text-subtle{color:var(--color-text-subtle)}.u-color-text-inverse{color:var(--color-text-inverse)}.u-color-text-success{color:var(--color-text-success)}.u-color-text-danger{color:var(--color-text-danger)}.u-color-background-secondary{background-color:var(--color-background-secondary)}.color-background-secondary-dark{background-color:var(--color-background-secondary-dark)}.u-color-background-highlight{padding:0 var(--space-050);border-radius:var(--borderRadius);background:var(--color-background-highlight)}.u-drop-cap-small:first-letter,.u-drop-cap-large:first-letter{float:left;margin-top:13px;margin-right:var(--space-050)}.u-drop-cap-small::first-letter{font-size:60px;line-height:42px}.u-drop-cap-large::first-letter{font-size:106px;line-height:74px}.u-hidden{display:none !important}.u-block{display:block !important}.u-inline-block{display:inline-block !important}.u-hidden-visually{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.u-stack>*+*{margin-top:var(--space-250)}@media(min-width: 61.25em){.u-stack>*+*{margin-top:var(--space-350)}}.u-stack:has(.c-theme-hero) .u-stack{margin-top:0}.u-flex{display:flex}.u-flex-wrap{flex-wrap:wrap}.u-flex-direction-column{flex-direction:column}@media(min-width: 61.25em){.u-flex-lg{display:flex}}.u-flex-center{align-items:center}.u-flex-baseline{align-items:baseline}.u-flex-justify-content-center{justify-content:center}.u-flex-space-between{justify-content:space-between}.u-margin-left-auto{margin-left:auto}@media(min-width: 61.25em){.u-margin-left-auto-lg{margin-left:auto}}.u-border-top{border-top:var(--border-width) var(--border-style) var(--border-color)}.u-border-radius{border-radius:var(--borderRadius)}.u-border-radius-pill{border-radius:var(--borderRadius-pill)}.u-border-radius-circle{border-radius:var(--borderRadius-circle)}.u-position-relative{position:relative}:where(.u-plain-list){margin:0;padding:0;list-style:none}.u-html-symbol{vertical-align:bottom;margin-left:var(--space-050)}.u-html-symbol--docs:after{content:var(--html-symbol-docs)}.u-html-symbol--showcase:after{content:var(--html-symbol-showcase)}.u-html-symbol--changelogs:after{content:var(--html-symbol-changelogs)}.u-html-symbol--themes:after{content:var(--html-symbol-themes)}.u-html-symbol--contact:after{content:var(--html-symbol-contact)}.u-html-symbol--blog:after{content:var(--html-symbol-blog)}.u-html-symbol--heart:after{content:var(--html-symbol-heart)}.u-html-symbol--checkmark:after{content:var(--html-symbol-checkmark)}.u-html-symbol--north-east-arrow:after{content:var(--html-symbol-north-east-arrow)}.u-mb-200{margin-bottom:var(--space-200)}.u-m-0{margin:0}.u-mt-0{margin-top:0}.u-mt-8{margin-top:var(--space-050)}.u-mr-8{margin-right:var(--space-050)}.u-ml-8{margin-left:var(--space-050)}.u-mt-16{margin-top:var(--space-100)}.u-p-32{padding:var(--space-200)}.u-pt-32{padding-top:var(--space-200)} </style>  <meta name="generator" content="Jekyll v4.3.1" /> <meta property="og:title" content="Show List of Primary Tags in Ghost" /> <meta property="og:locale" content="en_US" /> <meta name="description" content="I came across this GHost Forum post about showing a list of primary tags. There is no native Ghost helper, but here is a workaround." /> <meta property="og:description" content="I came across this GHost Forum post about showing a list of primary tags. There is no native Ghost helper, but here is a workaround." /> <link rel="canonical" href="https://aspirethemes.com/blog/ghost-list-of-primary-tags" /> <meta property="og:url" content="https://aspirethemes.com/blog/ghost-list-of-primary-tags" /> <meta property="og:site_name" content="Aspire Themes" /> <meta property="og:image" content="https://aspirethemes.com/images/posts/list-of-primary-tags/preview.png" /> <meta property="og:type" content="article" /> <meta property="article:published_time" content="2022-01-27T00:00:00+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="twitter:image" content="https://aspirethemes.com/images/posts/list-of-primary-tags/preview.png" /> <meta property="twitter:title" content="Show List of Primary Tags in Ghost" /> <meta name="twitter:site" content="@aspirethemes" /> <script type="application/ld+json"> {"description":"I came across this GHost Forum post about showing a list of primary tags. There is no native Ghost helper, but here is a workaround.","@type":"BlogPosting","image":"https://aspirethemes.com/images/posts/list-of-primary-tags/preview.png","headline":"Show List of Primary Tags in Ghost","dateModified":"2022-01-27T00:00:00+00:00","datePublished":"2022-01-27T00:00:00+00:00","url":"https://aspirethemes.com/blog/ghost-list-of-primary-tags","mainEntityOfPage":{"@type":"WebPage","@id":"https://aspirethemes.com/blog/ghost-list-of-primary-tags"},"@context":"https://schema.org"}</script>  <link rel='alternate' type='application/rss+xml' title='Aspire Themes' href='https://aspirethemes.com/feed.xml'> <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'> </head> <body class='u-stack'> <header class='c-header'> <a href='#main' class='c-btn c-skip'>Skip to content</a> <div class='o-grid'> <div class='c-header__inner'> <div class='c-logo'> <a class='c-logo__link' href='/'>Aspire Themes</a> </div> <div class='c-nav-wrap'> <nav aria-label='Main'> <ul class='c-nav u-plain-list'> <li class='c-nav__item'> <a class='c-nav__link ' href='/themes/'> Themes </a> </li> <li class='c-nav__item'> <a class='c-nav__link ' href='/showcase/'> Showcase </a> </li> <li class='c-nav__item'> <a class='c-nav__link ' href='/docs/'> Documentation </a> </li> <li class='c-nav__item'> <a class='c-nav__link ' href='/bundle'> Bundle </a> </li> <li class='c-nav__item'> <a class='c-nav__link ' href='/contact'> Contact </a> </li> </ul> </nav> </div> <div class='js-nav-toggle c-nav-toggle'> <span class='c-nav-toggle__icon'></span> </div> </div> </div> </header> <main id='main' class='u-stack'> <div> <div class='o-grid u-mb-200'> <div class='u-align-auto c-content--width'> <h1 class='u-font-heading'>Show List of Primary Tags in Ghost</h1> <time class='u-font-size-small u-color-text-subtle c-post-header__date' datetime='2022-01-27T00:00:00+00:00' itemprop='datePublished'><small>27 January 2022</small></time> </div> </div> <div class='o-grid'> <div class='c-content c-content--width js-anchorjs'> <p>I came across this <a href="https://forum.ghost.org/t/list-of-primary-tags/28079/3">Ghost Forum post</a> about showing a list of primary tags. There is no native Ghost helper, but here is a workaround.</p> <p>Loop through posts. Then, loop through tags for each post and limit the tags to one, which will be the primary tag.</p> <div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{{#get 'posts' include='tags'}} {{#foreach posts}} {{#foreach tags limit='1'}} <span class="nt"><li</span> <span class="na">class=</span><span class="s">'item'</span> <span class="na">data-slug=</span><span class="s">'{{slug}}'</span><span class="nt">></span> <span class="nt"><a</span> <span class="na">href=</span><span class="s">'{{ url }}'</span><span class="nt">></span>{{ name }}<span class="nt"></a></span> <span class="nt"></li></span> {{/foreach}} {{/foreach}} {{/get}} </code></pre></div></div> <p>All the primary tags will now be visible but with duplication. With some JavaScript, we can clean the duplicated ones.</p> <div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><script></span> <span class="kd">var</span> <span class="nx">finalList</span> <span class="o">=</span> <span class="p">{</span> <span class="p">},</span> <span class="nx">elements</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">querySelectorAll</span><span class="p">(</span><span class="dl">'</span><span class="s1">.item</span><span class="dl">'</span><span class="p">);</span> <span class="nx">elements</span><span class="p">.</span><span class="nx">forEach</span><span class="p">(</span> <span class="nx">element</span> <span class="o">=></span> <span class="p">{</span> <span class="k">if</span> <span class="p">(</span><span class="nx">finalList</span><span class="p">[</span><span class="nx">element</span><span class="p">.</span><span class="nx">dataset</span><span class="p">.</span><span class="nx">slug</span><span class="p">])</span> <span class="p">{</span> <span class="nx">element</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span><span class="o">=</span> <span class="dl">'</span><span class="s1">none</span><span class="dl">'</span><span class="p">;</span> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="nx">finalList</span><span class="p">[</span><span class="nx">element</span><span class="p">.</span><span class="nx">dataset</span><span class="p">.</span><span class="nx">slug</span><span class="p">]</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span> <span class="p">}</span> <span class="p">});</span> <span class="nt"></script></span> </code></pre></div></div> <p>jQuery version.</p> <p>Make sure to load jQuery before that JS code.</p> <div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><script></span> <span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">ready</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">found</span> <span class="o">=</span> <span class="p">{};</span> <span class="nx">$</span><span class="p">(</span><span class="dl">'</span><span class="s1">.item</span><span class="dl">'</span><span class="p">).</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">$this</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">);</span> <span class="k">if</span><span class="p">(</span><span class="nx">found</span><span class="p">[</span><span class="nx">$this</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="dl">'</span><span class="s1">data-slug</span><span class="dl">'</span><span class="p">)])</span> <span class="p">{</span> <span class="nx">$this</span><span class="p">.</span><span class="nx">remove</span><span class="p">();</span> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="nx">found</span><span class="p">[</span><span class="nx">$this</span><span class="p">.</span><span class="nx">attr</span><span class="p">(</span><span class="dl">'</span><span class="s1">data-slug</span><span class="dl">'</span><span class="p">)]</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span> <span class="p">}</span> <span class="p">});</span> <span class="p">});</span> <span class="nt"></script></span> </code></pre></div></div> <p><em>JS code credit: https://mijokristo.com/remove-duplicate-elements-from-list-by-value-with-jquery/</em></p> <p>Hopefully, you find this helpful.</p> <div> <a href='/tag/tutorials/' class='c-btn c-btn--small u-mr-16'>tutorials</a> </div> </div> </div> </div> <div class='c-section color-background-secondary-dark'> <div class='o-grid'> <h2 class='c-section__headline'><span class='u-fontWeight-light u-color-text-subtle'>Latest</span> <a href='/themes/' class='u-underline'>Ghost Themes</a><span class='u-html-symbol u-html-symbol--themes'></span></h2> </div>  <div class='o-grid o-grid--3-columns'> <a href='/themes/hakone' class='c-card-theme'> <div class='c-card-theme__media'> <picture> <source srcset='/images/themes/hakone/preview/preview.avif' type='image/avif'> <source srcset='/images/themes/hakone/preview/preview.webp' type='image/webp'> <img src='/images/themes/hakone/preview/preview.png' class='c-card-theme__image' alt='Hakone — The Ghost Theme that Showcases Your Content' decoding='async' loading='lazy' width='448' height='300'> </picture> </div> <h2 class='c-card-theme__title'>Hakone</h2> </a> <a href='/themes/moshi' class='c-card-theme'> <div class='c-card-theme__media'> <picture> <source srcset='/images/themes/moshi/preview/preview.avif' type='image/avif'> <source srcset='/images/themes/moshi/preview/preview.webp' type='image/webp'> <img src='/images/themes/moshi/preview/preview.png' class='c-card-theme__image' alt='Moshi — The Modern Newsletter Ghost Theme' decoding='async' loading='lazy' width='448' height='300'> </picture> </div> <h2 class='c-card-theme__title'>Moshi</h2> </a> <a href='/themes/tripoli' class='c-card-theme'> <div class='c-card-theme__media'> <picture> <source srcset='/images/themes/tripoli/preview/preview.avif' type='image/avif'> <source srcset='/images/themes/tripoli/preview/preview.webp' type='image/webp'> <img src='/images/themes/tripoli/preview/preview.png' class='c-card-theme__image' alt='Tripoli - A Modern Ghost Theme for News & Magazine Websites' decoding='async' loading='lazy' width='448' height='300'> </picture> </div> <h2 class='c-card-theme__title'>Tripoli</h2> </a> <a href='/themes/petra' class='c-card-theme'> <div class='c-card-theme__media'> <picture> <source srcset='/images/themes/petra/preview/preview.avif' type='image/avif'> <source srcset='/images/themes/petra/preview/preview.webp' type='image/webp'> <img src='/images/themes/petra/preview/preview.png' class='c-card-theme__image' alt='Petra — Newsletters personal website Ghost theme' decoding='async' loading='lazy' width='448' height='300'> </picture> </div> <h2 class='c-card-theme__title'>Petra</h2> </a> <a href='/themes/beirut' class='c-card-theme'> <div class='c-card-theme__media'> <picture> <source srcset='/images/themes/beirut/preview/preview.avif' type='image/avif'> <source srcset='/images/themes/beirut/preview/preview.webp' type='image/webp'> <img src='/images/themes/beirut/preview/preview.png' class='c-card-theme__image' alt='Beirut — Create your portfolio website with Ghost' decoding='async' loading='lazy' width='448' height='300'> </picture> </div> <h2 class='c-card-theme__title'>Beirut</h2> </a> <a href='/themes/ubud' class='c-card-theme'> <div class='c-card-theme__media'> <picture> <source srcset='/images/themes/ubud/preview/preview.avif' type='image/avif'> <source srcset='/images/themes/ubud/preview/preview.webp' type='image/webp'> <img src='/images/themes/ubud/preview/preview.png' class='c-card-theme__image' alt='Ubud — Personal newsletter website Ghost theme' decoding='async' loading='lazy' width='448' height='300'> </picture> </div> <h2 class='c-card-theme__title'>Ubud</h2> </a> </div> </div> </main> <div class='c-banner'> <p class='c-banner__inner'> <span class='u-html-symbol u-html-symbol--themes u-m-0'></span> Use code <span class='c-banner_discount-code u-fontWeight-medium u-type-uppercase'> TODAY </span> for <span class='u-fontWeight-medium'> 20% </span> off <span class='u-html-symbol u-html-symbol--themes u-m-0'></span> <span style=" display: block; text-align: center; font-style: italic; font-size: var(--fontSize-087); ">Don’t miss out on this offer!</span> </p> </div> <footer class='c-footer c-section u-stack'> <div class='o-grid o-grid--3-columns'> <ul class='u-plain-list c-footer-list c-footer-nav'> <li class='c-footer-nav__item'><a href='/faq' class='c-footer-nav__link'>FAQ</a></li> <li class='c-footer-nav__item'><a href='/blog/' class='c-footer-nav__link'>Blog</a></li> <li class='c-footer-nav__item'><a href='/about' class='c-footer-nav__link'>About</a></li> <li class='c-footer-nav__item'><a href='https://twitter.com/aspirethemes' class='c-footer-nav__link'>Twitter</a></li> <li class='c-footer-nav__item'><a href='https://github.com/aspirethemes' class='c-footer-nav__link'>GitHub</a></li> </ul> <ul class='u-plain-list c-footer-nav'> <li class='c-footer-nav__item'> <a class='c-footer-nav__link' href='/changelogs/'> Changelogs </a> </li> <li class='c-footer-nav__item'> <a class='c-footer-nav__link' href='/privacy'> Privacy Policy </a> </li> <li class='c-footer-nav__item'> <a class='c-footer-nav__link' href='/terms'> Terms of Service </a> </li> <li class='c-footer-nav__item'> <a class='c-footer-nav__link' href='/ghost-tips'> Ghost Tips & Tricks </a> </li> <li class='c-footer-nav__item'> <a class='c-footer-nav__link' href='https://ghost.org/pricing/?via=ahmad86'> Ghost(Pro) Hosting </a> </li> </ul> <div class='o-grid'>   <div><span class='u-html-symbol'>©</span> 2016 — 2024</div> </div> </div> </footer> <script defere src="/js/app.js"></script> </body> </html>