@brillout/docpress 0.10.4 → 0.10.6

package/Layout.tsx

@@ -9,10 +9,10 @@ export { blockMargin }
 
 import React from 'react'
 import { getNavItemsWithComputed, NavItem, NavItemComponent } from './NavItemComponent'
-import { parseTitle } from './parseTitle'
+import { parseMarkdownMini } from './parseMarkdownMini'
 import { usePageContext, usePageContext2 } from './renderer/usePageContext'
 import { NavSecondaryContent } from './NavSecondaryContent'
-import { closeMenuOnMouseLeave, openMenuModal, toggleMenuModal } from './MenuModal/toggleMenuModal'
+import { coseMenuModalOnMouseLeave, openMenuModal, toggleMenuModal } from './MenuModal/toggleMenuModal'
 import { MenuModal } from './MenuModal'
 import { autoScrollNav_SSR } from './autoScrollNav'
 import { SearchLink } from './docsearch/SearchLink'
@@ -22,7 +22,7 @@ import { PassThrough } from './utils/PassTrough'
 import { Style } from './utils/Style'
 import { cls } from './utils/cls'
 import { iconBooks, iconPencil } from './icons'
-import { getRepoHref, RepoLink } from './components'
+import { getRepoHref } from './components'
 
 const blockMargin = 3
 const mainViewPadding = 20
@@ -154,7 +154,7 @@ function LayoutLandingPage({ children }: { children: React.ReactNode }) {
 function PageContent({ children }: { children: React.ReactNode }) {
   const pageContext = usePageContext()
   const { isLandingPage, pageTitle } = pageContext
-  const pageTitleParsed = pageTitle && parseTitle(pageTitle)
+  const pageTitleParsed = pageTitle && parseMarkdownMini(pageTitle)
   const { globalNote } = pageContext.config
   const ifDocPage = (style: React.CSSProperties) => (isLandingPage ? {} : style)
   return (
@@ -560,7 +560,7 @@ function MenuToggle({ menuId, ...props }: PropsDiv & { menuId: number }) {
       }}
       onMouseLeave={() => {
         if (onMouseIgnore) return
-        closeMenuOnMouseLeave()
+        coseMenuModalOnMouseLeave(menuId)
       }}
       onTouchStart={() => {
         onMouseIgnore = setTimeout(() => {
@@ -583,6 +583,9 @@ function MenuToggle({ menuId, ...props }: PropsDiv & { menuId: number }) {
     .link-hover-animation &:hover::before {
       top: 0;
     }
+    html.menu-modal-show & {
+      cursor: default !important;
+    }
   }
   &::before {
     position: absolute;

package/MenuModal/Collapsible.css

@@ -1,17 +1,21 @@
 .collapsible-icon {
   display: none;
   position: absolute;
-  top: calc(100% / 2 - 6px);
+  right: -16px;
+  top: calc(100% / 2 - 5px);
   margin-left: 9px;
   vertical-align: middle;
 }
 :has(> .collapsible-icon) {
   position: relative;
+  overflow: visible;
 }
-.collapsible-expanded .collapsible-icon,
-.collapsible-collapsed .collapsible-icon {
-  transition: transform 0.3s ease-in-out !important;
-  display: initial;
+.collapsible-expanded,
+.collapsible-collapsed {
+  .collapsible-icon {
+    transition: transform 0.3s ease-in-out !important;
+    display: initial;
+  }
 }
 .collapsible-collapsed .collapsible-icon {
   transform: rotate(-90deg);

package/MenuModal/NavigationWithColumnLayout.css

@@ -7,4 +7,5 @@
   left: 0;
   height: 100%;
   width: 3px;
+  z-index: 1;
 }

package/MenuModal/NavigationWithColumnLayout.tsx

@@ -12,7 +12,7 @@ import './NavigationWithColumnLayout.css'
 import { Style } from '../utils/Style'
 import { css } from '../utils/css'
 
-const marginBottomOnExpand = 20
+const marginBottomOnExpand = 15
 function NavigationWithColumnLayout(props: { navItems: NavItem[] }) {
   const pageContext = usePageContext()
   const navItemsWithComputed = getNavItemsWithComputed(props.navItems, pageContext.urlPathname)
@@ -26,7 +26,11 @@ function NavigationWithColumnLayout(props: { navItems: NavItem[] }) {
   return (
     <>
       <Style>{getStyle()}</Style>
-      <div id="menu-navigation-container" className="navigation-content">
+      <div
+        id="menu-navigation-container"
+        className="navigation-content add-transition"
+        style={{ transitionProperty: 'height', height: 0 }}
+      >
         {navItemsByColumnLayouts.map((columnLayout, i) => (
           <div
             id={`menu-navigation-${i}`}
@@ -94,6 +98,10 @@ function NavigationWithColumnLayout(props: { navItems: NavItem[] }) {
     position: absolute;
     width: 100%;
   }
+  #menu-navigation-container {
+    position: relative;
+    overflow: hidden;
+  }
  ${navItemsByColumnLayouts
    .map((_, i) => {
      const isFirst = i === 0
@@ -112,10 +120,11 @@ function NavigationWithColumnLayout(props: { navItems: NavItem[] }) {
   ${/* Performance optimization. */ ''}
   ${/* - Using clip-path transition instead of height transition doesn't make a difference: https://github.com/brillout/docpress/commit/005cba0b4cba9c1b526e8e26901ee04129d79715 */ ''}
   ${/* - Suprisingly, this is a performance regression when transitioning from one menu to another (the menu is kept open). Thus we apply this only when the menu is being closed/opened. */ ''}
-  html:not(.menu-modal-show-${i}).menu-modal-opening-or-closing & {
+  html:not(.menu-modal-show-${i}).menu-modal-display-only-one & {
     display: none;
   }
 }
+${/* Button style */ ''}
 .menu-toggle-${i} {
   html.menu-modal-show.menu-modal-show-${i} & {
     color: black !important;
@@ -127,9 +136,6 @@ function NavigationWithColumnLayout(props: { navItems: NavItem[] }) {
       top: 0;
     }
   }
-  html.menu-modal-show & {
-    cursor: default !important;
-  }
 }
 `
    })
@@ -159,6 +165,7 @@ function ColumnsWrapper({ children, numberOfColumns }: { children: React.ReactNo
       style={{
         width: numberOfColumns * (navLeftWidthMax + 20),
         maxWidth: '100%',
+        paddingLeft: 3,
         margin: 'auto',
       }}
     >

package/MenuModal/toggleMenuModal.ts

@@ -2,10 +2,9 @@ export { toggleMenuModal }
 export { openMenuModal }
 export { keepMenuModalOpen }
 export { closeMenuModal }
-export { closeMenuOnMouseLeave }
-export { addListenerOpenMenuModal }
+export { coseMenuModalOnMouseLeave }
 
-import { containerQueryMobileLayout } from '../Layout'
+import { containerQueryMobileMenu } from '../Layout'
 import { getHydrationPromise } from '../renderer/getHydrationPromise'
 import { getViewportWidth } from '../utils/getViewportWidth'
 import { isBrowser } from '../utils/isBrowser'
@@ -19,20 +18,23 @@ function openMenuModal(menuNavigationId: number) {
   open(menuNavigationId)
 }
 async function open(menuNavigationId?: number) {
-  if (menuModalLock) {
+  if (toggleLock) {
     if (menuNavigationId === undefined) {
-      clearTimeout(menuModalLock?.timeout)
-      menuModalLock = undefined
-      return
+      clearTimeout(toggleLock?.timeoutAction)
+      toggleLock = undefined
+    } else {
+      // Register open() operation to be applied later, after the lock has resolved.
+      toggleLock.idToOpen = menuNavigationId
     }
-    menuModalLock.idNext = menuNavigationId
     return
   }
   const { classList } = document.documentElement
-  if (!classList.contains('menu-modal-show')) {
-    onBeforeOpeningOrClosing()
-    classList.add('menu-modal-show')
+  if (classList.contains('menu-modal-display-only-one')) {
+    classList.remove('menu-modal-display-only-one')
+  } else if (!classList.contains('menu-modal-show')) {
+    enableDisplayOnlyOne()
   }
+  classList.add('menu-modal-show')
   if (menuNavigationId !== undefined) {
     const currentModalId = getCurrentMenuId()
     if (currentModalId === menuNavigationId) return
@@ -45,65 +47,49 @@ async function open(menuNavigationId?: number) {
     const height = window.getComputedStyle(document.getElementById(`menu-navigation-${menuNavigationId}`)!).height
     document.getElementById('menu-navigation-container')!.style.height = height
   }
-  listener?.()
-}
-let listener: () => void | undefined
-function addListenerOpenMenuModal(cb: () => void) {
-  listener = cb
 }
 function closeMenuModal() {
   const { classList } = document.documentElement
   if (classList.contains('menu-modal-show')) {
-    onBeforeOpeningOrClosing(() => {
-      // Remove:
-      //   menu-modal-show-0
-      //   menu-modal-show-1
-      //   ...
-      classList.forEach((className) => {
-        if (className.startsWith('menu-modal-show-')) {
-          classList.remove(className)
-        }
-      })
-    })
+    enableDisplayOnlyOne()
     classList.remove('menu-modal-show')
   }
 }
 let timeoutModalAnimation: NodeJS.Timeout | undefined
-function onBeforeOpeningOrClosing(cb?: () => void) {
+function enableDisplayOnlyOne() {
   const { classList } = document.documentElement
-  classList.add('menu-modal-opening-or-closing')
+  classList.add('menu-modal-display-only-one')
   clearTimeout(timeoutModalAnimation)
   timeoutModalAnimation = setTimeout(() => {
-    classList.remove('menu-modal-opening-or-closing')
-    cb?.()
-  }, 450)
+    classList.remove('menu-modal-display-only-one')
+  }, 430)
 }
 
-let menuModalLock:
+let toggleLock:
   | {
       idCurrent: number
-      idNext: number | undefined
-      timeout: NodeJS.Timeout
+      idToOpen: number | undefined
+      timeoutAction: NodeJS.Timeout
     }
   | undefined
-function closeMenuOnMouseLeave() {
-  const currentModalId = getCurrentMenuId()
-  if (currentModalId === null) return
-  const timeout = setTimeout(() => {
-    const { idCurrent, idNext } = menuModalLock!
-    menuModalLock = undefined
+function coseMenuModalOnMouseLeave(menuId: number) {
+  clearTimeout(toggleLock?.timeoutAction)
+  const timeoutAction = setTimeout(action, 100)
+  toggleLock = {
+    idCurrent: menuId,
+    idToOpen: undefined,
+    timeoutAction,
+  }
+  return
+  function action() {
+    const { idCurrent, idToOpen: idNext } = toggleLock!
+    toggleLock = undefined
     if (idNext === idCurrent) return
     if (idNext === undefined) {
       closeMenuModal()
     } else {
       openMenuModal(idNext)
     }
-  }, 100)
-  clearTimeout(menuModalLock?.timeout)
-  menuModalLock = {
-    idCurrent: currentModalId,
-    idNext: undefined,
-    timeout,
   }
 }
 function getCurrentMenuId(): null | number {
@@ -125,7 +111,7 @@ function toggleMenuModal(menuId: number) {
     closeMenuModal()
   } else {
     openMenuModal(menuId)
-    if (getViewportWidth() < containerQueryMobileLayout) autoScroll()
+    if (getViewportWidth() < containerQueryMobileMenu) autoScroll()
   }
 }
 

package/MenuModal.tsx

@@ -1,24 +1,15 @@
 export { MenuModal }
 
-import React, { useEffect, useState } from 'react'
+import React from 'react'
 import { usePageContext } from './renderer/usePageContext'
 import { css } from './utils/css'
-import { blockMargin, containerQueryMobileLayout, containerQueryMobileMenu } from './Layout'
+import { containerQueryMobileLayout, containerQueryMobileMenu } from './Layout'
 import { NavSecondaryContent } from './NavSecondaryContent'
 import { Style } from './utils/Style'
 import { NavigationWithColumnLayout } from './MenuModal/NavigationWithColumnLayout'
-import { addListenerOpenMenuModal, closeMenuModal, keepMenuModalOpen } from './MenuModal/toggleMenuModal'
+import { closeMenuModal, keepMenuModalOpen } from './MenuModal/toggleMenuModal'
 
 function MenuModal({ isTopNav }: { isTopNav: boolean }) {
-  // `transition: height` doesn't work on `height: auto` => we have to manually set and change `height` to a fixed size.
-  const [height, setHeight] = useState(0)
-  useEffect(() => {
-    addListenerOpenMenuModal(() => {
-      const { scrollHeight } = document.getElementById('menu-modal-scroll-container')!
-      const heightNew = scrollHeight + blockMargin
-      if (height !== heightNew) setHeight(heightNew)
-    })
-  })
   return (
     <>
       <Style>{getStyle()}</Style>
@@ -32,10 +23,8 @@ function MenuModal({ isTopNav }: { isTopNav: boolean }) {
           left: 0,
           zIndex: 199, // maximum value, because docsearch's modal has `z-index: 200`
           background: '#ededef',
-          transitionProperty: 'height, opacity',
+          transitionProperty: 'opacity',
           transitionTimingFunction: 'ease',
-          height,
-          overflow: 'hidden',
         }}
         onMouseOver={() => keepMenuModalOpen()}
         onMouseLeave={closeMenuModal}
@@ -43,9 +32,8 @@ function MenuModal({ isTopNav }: { isTopNav: boolean }) {
         <div
           id="menu-modal-scroll-container"
           style={{
-            overflowY: 'scroll',
-            // Workaround for bug with Firefox 128.1.0
             overflowX: 'hidden',
+            overflowY: 'scroll',
             // We don't set `container` to the parent #menu-modal-wrapper beacuse of a Chrome bug (showing a blank <MenuModal>). Edit: IIRC because #menu-modal-wrapper has `position: fixed`.
             container: 'container-viewport / inline-size',
           }}
@@ -53,8 +41,8 @@ function MenuModal({ isTopNav }: { isTopNav: boolean }) {
           <Nav />
           <NavSecondary className="show-only-for-mobile" />
         </div>
-        <BorderBottom />
         <CloseButton className="show-only-for-mobile" />
+        <BorderBottom />
       </div>
     </>
   )
@@ -64,11 +52,9 @@ function BorderBottom() {
     <div
       id="border-bottom"
       style={{
-        position: 'absolute',
         background: '#fff',
         height: 'var(--block-margin)',
         width: '100%',
-        bottom: 0,
       }}
     />
   )
@@ -96,20 +82,20 @@ function NavSecondary({ className }: { className: string }) {
 function getStyle() {
   return css`
 @media(min-width: ${containerQueryMobileMenu + 1}px) {
-  #menu-modal-scroll-container,
-  #menu-modal-wrapper {
-    max-height: calc(100vh - var(--nav-head-height));
-  }
   #menu-modal-scroll-container {
+    max-height: calc(100vh - var(--nav-head-height) - var(--block-margin));
     ${/* https://github.com/brillout/docpress/issues/23 */ ''}
     ${/* https://stackoverflow.com/questions/64514118/css-overscroll-behavior-contain-when-target-element-doesnt-overflow */ ''}
     ${/* https://stackoverflow.com/questions/9538868/prevent-body-from-scrolling-when-a-modal-is-opened */ ''}
     overscroll-behavior: none;
   }
-  html:not(.menu-modal-show) #menu-modal-wrapper {
-    ${/* 3px */ ''}
-    height: var(--block-margin) !important;
-    pointer-events: none;
+  html:not(.menu-modal-show) {
+    #menu-navigation-container {
+      height: 0 !important;
+    }
+    #menu-modal-wrapper {
+      pointer-events: none;
+    }
   }
   .show-only-for-mobile {
     display: none !important;
@@ -142,11 +128,12 @@ function getStyle() {
   #menu-modal-wrapper {
     --nav-head-height: 0px !important;
   }
-  #menu-modal-wrapper,
   #menu-navigation-container {
-    height: auto!important;
+    height: auto !important;
   }
 }
+
+${/* Hide same-page headings navigation */ ''}
 @container container-viewport (min-width: ${containerQueryMobileLayout}px) {
   #menu-modal-wrapper .nav-item-level-3 {
     display: none;

package/NavItemComponent.css

@@ -19,24 +19,45 @@
   letter-spacing: 0.15ch;
   padding-left: var(--padding-left-global);
   padding-right: 4px;
-}
-.nav-item-level-4:first-child {
-  padding-top: 0;
-  margin-top: -2px;
+  &:first-child,
+  .nav-item-level-1 + & {
+    padding-top: 5px;
+  }
 }
 .nav-item-level-1 {
+  display: inline-flex;
   font-size: 19px;
   text-transform: uppercase;
   font-weight: 600;
   letter-spacing: 0.14ch;
   color: var(--color-text);
-  padding: 12px 0;
-  padding-left: calc(var(--padding-left-global) - 2px);
-  padding-right: 4px;
-  text-decoration: underline;
-  text-underline-offset: .2em;
-  text-decoration-color: var(--category-color);
-  text-decoration-thickness: 3px;
+  #menu-modal-wrapper & {
+    margin-top: 10px;
+    padding-left: 9px;
+    padding-top: 6px;
+    padding-bottom: 6px;
+    border-left: 3px solid var(--category-color);
+    .collapsible-expanded &,
+    .collapsible-collapsed & {
+      text-decoration: underline;
+      text-decoration-color: var(--category-color);
+      text-decoration-thickness: 3px;
+      text-underline-offset: .3em;
+      border: 0;
+      margin: 0;
+      padding: 10px;
+      padding-left: 14px;
+      img {
+        display: none;
+      }
+    }
+  }
+  #nav-left & {
+    border-bottom: 3px solid var(--category-color);
+    padding-bottom: 2px;
+    margin-top: 3px;
+    margin-bottom: 10px;
+  }
 }
 .nav-item-level-2 {
   font-size: 14.4px;

package/NavItemComponent.tsx

@@ -7,7 +7,7 @@ export type { ColumnMap }
 import React from 'react'
 import { assert, assertWarning, jsxToTextContent } from './utils/server'
 import './NavItemComponent.css'
-import { parseTitle } from './parseTitle'
+import { parseMarkdownMini } from './parseMarkdownMini'
 import './global.d.ts'
 
 type NavItemComputed = ReturnType<typeof getNavItemsWithComputed>[number]
@@ -15,6 +15,8 @@ type NavItem = {
   level: number
   url?: string | null
   color?: string
+  titleIcon?: string
+  titleIconStyle?: React.CSSProperties
   title: string
   titleInNav: string
   menuModalFullWidth?: true
@@ -34,8 +36,16 @@ function NavItemComponent({
 }) {
   assert([1, 2, 3, 4].includes(navItem.level), navItem)
 
-  const titleJsx = parseTitle(navItem.title)
-  const titleInNavJsx = parseTitle(navItem.titleInNav)
+  const titleJsx = parseMarkdownMini(navItem.title)
+  const titleInNavJsx = parseMarkdownMini(navItem.titleInNav)
+
+  const iconSize = 25
+  const icon = navItem.titleIcon && (
+    <img
+      src={navItem.titleIcon}
+      style={{ height: iconSize, width: iconSize, marginRight: 8, ...navItem.titleIconStyle }}
+    />
+  )
 
   if (navItem.level === 1 || navItem.level === 4) {
     assert(navItem.url === undefined)
@@ -57,6 +67,7 @@ function NavItemComponent({
   if (navItem.level === 1) {
     children = (
       <>
+        {icon}
         {children}
         <Chevron className="collapsible-icon" height={9} />
       </>

package/components/Link.tsx

@@ -6,7 +6,7 @@ import { isRepoLink, RepoLink } from './RepoLink'
 import type { PageContextResolved } from '../config/resolvePageContext'
 import { usePageContext } from '../renderer/usePageContext'
 import { assert, assertUsage, determineSectionTitle, determineSectionUrlHash } from '../utils/server'
-import { parseTitle } from '../parseTitle'
+import { parseMarkdownMini } from '../parseMarkdownMini'
 import pc from '@brillout/picocolors'
 
 function Link({
@@ -57,20 +57,20 @@ function getLinkText({
 
   const breadcrumbParts: JSX.Element[] = []
   if (linkData.linkBreadcrumb) {
-    breadcrumbParts.push(...(linkData.linkBreadcrumb ?? []).slice().reverse().map(parseTitle))
+    breadcrumbParts.push(...(linkData.linkBreadcrumb ?? []).slice().reverse().map(parseMarkdownMini))
   }
-  breadcrumbParts.push(parseTitle(linkData.title))
+  breadcrumbParts.push(parseMarkdownMini(linkData.title))
 
   if (hrefHash) {
     let sectionTitle: JSX.Element | undefined = undefined
     assert(!hrefHash.startsWith('#'))
     if (isLinkOnSamePage) {
       const linkDataPageSection = findLinkData(`#${hrefHash}`, pageContext)
-      sectionTitle = parseTitle(linkDataPageSection.title)
+      sectionTitle = parseMarkdownMini(linkDataPageSection.title)
     } else if ('sectionTitles' in linkData && linkData.sectionTitles) {
       linkData.sectionTitles.forEach((title) => {
         if (determineSectionUrlHash(title) === hrefHash) {
-          sectionTitle = parseTitle(title)
+          sectionTitle = parseMarkdownMini(title)
         }
       })
     }

package/config/resolveHeadingsData.ts

@@ -13,7 +13,7 @@ import type { NavItem } from '../NavItemComponent'
 import type { LinkData } from '../components'
 import type { Exports, PageContextOriginal } from './resolvePageContext'
 import pc from '@brillout/picocolors'
-import { parseTitle } from '../parseTitle'
+import { parseMarkdownMini } from '../parseMarkdownMini'
 import { determineNavItemsColumnLayout } from '../renderer/determineNavItemsColumnLayout'
 assert(!isBrowser())
 
@@ -93,6 +93,8 @@ function headingToNavItem(heading: HeadingResolved | HeadingDetachedResolved): N
     titleInNav: heading.titleInNav,
     menuModalFullWidth: heading.menuModalFullWidth,
     color: heading.color,
+    titleIcon: heading.titleIcon,
+    titleIconStyle: heading.titleIconStyle,
   }
 }
 function headingToLinkData(heading: HeadingResolved | HeadingDetachedResolved): LinkData {
@@ -129,7 +131,7 @@ function getTitles(
 
   const { title } = activeHeading
   let pageTitle = isLandingPage ? null : title
-  let documentTitle = activeHeading.titleDocument || jsxToTextContent(parseTitle(title))
+  let documentTitle = activeHeading.titleDocument || jsxToTextContent(parseMarkdownMini(title))
 
   if (!isLandingPage) {
     documentTitle += ' | ' + config.projectInfo.projectName

package/dist/NavItemComponent.d.ts

@@ -11,6 +11,8 @@ type NavItem = {
     level: number;
     url?: string | null;
     color?: string;
+    titleIcon?: string;
+    titleIconStyle?: React.CSSProperties;
     title: string;
     titleInNav: string;
     menuModalFullWidth?: true;
@@ -32,6 +34,8 @@ declare function getNavItemsWithComputed(navItems: NavItem[], currentUrl: string
     level: number;
     url?: string | null;
     color?: string;
+    titleIcon?: string;
+    titleIconStyle?: React.CSSProperties;
     title: string;
     titleInNav: string;
     menuModalFullWidth?: true;

package/dist/NavItemComponent.js

@@ -14,15 +14,17 @@ export { getNavItemsWithComputed };
 import React from 'react';
 import { assert, assertWarning, jsxToTextContent } from './utils/server';
 import './NavItemComponent.css';
-import { parseTitle } from './parseTitle';
+import { parseMarkdownMini } from './parseMarkdownMini';
 import './global.d.ts';
 function NavItemComponent(_a) {
     var _b;
     var _c;
     var navItem = _a.navItem, onClick = _a.onClick;
     assert([1, 2, 3, 4].includes(navItem.level), navItem);
-    var titleJsx = parseTitle(navItem.title);
-    var titleInNavJsx = parseTitle(navItem.titleInNav);
+    var titleJsx = parseMarkdownMini(navItem.title);
+    var titleInNavJsx = parseMarkdownMini(navItem.titleInNav);
+    var iconSize = 25;
+    var icon = navItem.titleIcon && (React.createElement("img", { src: navItem.titleIcon, style: __assign({ height: iconSize, width: iconSize, marginRight: 8 }, navItem.titleIconStyle) }));
     if (navItem.level === 1 || navItem.level === 4) {
         assert(navItem.url === undefined);
     }
@@ -39,6 +41,7 @@ function NavItemComponent(_a) {
     var children = titleInNavJsx;
     if (navItem.level === 1) {
         children = (React.createElement(React.Fragment, null,
+            icon,
             children,
             React.createElement(Chevron, { className: "collapsible-icon", height: 9 })));
     }

package/dist/components/Link.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { isRepoLink, RepoLink } from './RepoLink';
 import { usePageContext } from '../renderer/usePageContext';
 import { assert, assertUsage, determineSectionTitle, determineSectionUrlHash } from '../utils/server';
-import { parseTitle } from '../parseTitle';
+import { parseMarkdownMini } from '../parseMarkdownMini';
 import pc from '@brillout/picocolors';
 function Link(_a) {
     var href = _a.href, text = _a.text, noBreadcrumb = _a.noBreadcrumb, doNotInferSectionTitle = _a.doNotInferSectionTitle, children = _a.children;
@@ -27,20 +27,20 @@ function getLinkText(_a) {
         assert(isLinkOnSamePage);
     var breadcrumbParts = [];
     if (linkData.linkBreadcrumb) {
-        breadcrumbParts.push.apply(breadcrumbParts, ((_b = linkData.linkBreadcrumb) !== null && _b !== void 0 ? _b : []).slice().reverse().map(parseTitle));
+        breadcrumbParts.push.apply(breadcrumbParts, ((_b = linkData.linkBreadcrumb) !== null && _b !== void 0 ? _b : []).slice().reverse().map(parseMarkdownMini));
     }
-    breadcrumbParts.push(parseTitle(linkData.title));
+    breadcrumbParts.push(parseMarkdownMini(linkData.title));
     if (hrefHash) {
         var sectionTitle_1 = undefined;
         assert(!hrefHash.startsWith('#'));
         if (isLinkOnSamePage) {
             var linkDataPageSection = findLinkData("#".concat(hrefHash), pageContext);
-            sectionTitle_1 = parseTitle(linkDataPageSection.title);
+            sectionTitle_1 = parseMarkdownMini(linkDataPageSection.title);
         }
         else if ('sectionTitles' in linkData && linkData.sectionTitles) {
             linkData.sectionTitles.forEach(function (title) {
                 if (determineSectionUrlHash(title) === hrefHash) {
-                    sectionTitle_1 = parseTitle(title);
+                    sectionTitle_1 = parseMarkdownMini(title);
                 }
             });
         }

package/dist/config/resolveHeadingsData.js

@@ -22,7 +22,7 @@ export { resolveHeadingsData };
 import { assert, isBrowser, jsxToTextContent } from '../utils/server';
 import { getConfig } from './getConfig';
 import pc from '@brillout/picocolors';
-import { parseTitle } from '../parseTitle';
+import { parseMarkdownMini } from '../parseMarkdownMini';
 import { determineNavItemsColumnLayout } from '../renderer/determineNavItemsColumnLayout';
 assert(!isBrowser());
 function resolveHeadingsData(pageContext) {
@@ -77,6 +77,8 @@ function headingToNavItem(heading) {
         titleInNav: heading.titleInNav,
         menuModalFullWidth: heading.menuModalFullWidth,
         color: heading.color,
+        titleIcon: heading.titleIcon,
+        titleIconStyle: heading.titleIconStyle,
     };
 }
 function headingToLinkData(heading) {
@@ -107,7 +109,7 @@ function getTitles(activeHeading, pageContext, config) {
     var isLandingPage = url === '/';
     var title = activeHeading.title;
     var pageTitle = isLandingPage ? null : title;
-    var documentTitle = activeHeading.titleDocument || jsxToTextContent(parseTitle(title));
+    var documentTitle = activeHeading.titleDocument || jsxToTextContent(parseMarkdownMini(title));
     if (!isLandingPage) {
         documentTitle += ' | ' + config.projectInfo.projectName;
     }

package/dist/parseMarkdownMini.d.ts

@@ -0,0 +1,2 @@
+export { parseMarkdownMini };
+declare function parseMarkdownMini(markdown: string): JSX.Element;

package/dist/{parseTitle.js → parseMarkdownMini.js}

@@ -7,14 +7,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-export { parseTitle };
-export { withEmoji };
+export { parseMarkdownMini };
 import React from 'react';
-import { Emoji } from './utils/server';
-function parseTitle(title) {
+function parseMarkdownMini(markdown) {
     var parts = [];
     var current;
-    title.split('').forEach(function (letter) {
+    markdown.split('').forEach(function (letter) {
         if (letter === '`') {
             if ((current === null || current === void 0 ? void 0 : current.nodeType) === 'code') {
                 // </code>
@@ -39,14 +37,9 @@ function parseTitle(title) {
     if (current) {
         parts.push(current);
     }
-    var titleJsx = React.createElement.apply(React, __spreadArray([React.Fragment,
+    var parsed = React.createElement.apply(React, __spreadArray([React.Fragment,
         {}], parts.map(function (part, i) {
         return React.createElement(part.nodeType === 'code' ? 'code' : React.Fragment, { key: i }, part.content);
     }), false));
-    return titleJsx;
-}
-function withEmoji(name, title) {
-    var style = { fontSize: '1.4em' };
-    //return React.createElement(React.Fragment, null, Emoji({ name, style }), ' ', title)
-    return React.createElement('span', { style: style }, Emoji({ name: name }), ' ', React.createElement('span', { style: { fontSize: '1rem' } }, title));
+    return parsed;
 }

package/dist/parsePageSections.js

@@ -110,14 +110,14 @@ function parsePageSection(line) {
         }
     }
     var pageSectionId = determineSectionUrlHash(anchor);
-    var titleParsed = parseTitle(pageSectionTitle);
+    var titleParsed = parseMarkdownMini(pageSectionTitle);
     assert(pageSectionId === null || pageSectionId.length > 0);
     var headingId = pageSectionId === null ? '' : " id=\"".concat(pageSectionId, "\"");
     var headingHtml = "<h".concat(pageSectionLevel).concat(headingId, ">").concat(titleParsed, "</h").concat(pageSectionLevel, ">");
     var pageSection = { pageSectionLevel: pageSectionLevel, pageSectionTitle: pageSectionTitle, pageSectionId: pageSectionId, headingHtml: headingHtml };
     return pageSection;
 }
-function parseTitle(titleMarkdown) {
+function parseMarkdownMini(titleMarkdown) {
     var parts = [];
     var current;
     titleMarkdown.split('').forEach(function (letter) {

package/dist/types/Heading.d.ts

@@ -12,6 +12,8 @@ type HeadingResolved = {
     menuModalFullWidth?: true;
     category?: string;
     color?: string;
+    titleIcon?: string;
+    titleIconStyle?: React.CSSProperties;
 } & Tmp;
 type HeadingDetachedResolved = Omit<HeadingResolved, 'level' | 'linkBreadcrumb'> & {
     level: 2;
@@ -37,6 +39,8 @@ type IsCategory = {
 type HeadingDefinitionLevel = ({
     level: 1;
     color: string;
+    titleIcon?: string;
+    titleIconStyle?: React.CSSProperties;
 } & IsCategory) | ({
     level: 4;
 } & IsCategory) | {

package/dist/utils/Emoji/Emoji.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export { Emoji };
 export type { EmojiName };
-type EmojiName = 'warning' | 'typescript' | 'shield' | 'mechanical-arm' | 'mountain' | 'rocket' | 'wrench' | 'compass' | 'seedling' | 'books' | 'plug' | 'earth' | 'gear' | 'red-heart' | 'high-voltage' | 'gem-stone' | 'dizzy' | 'sparkles' | 'writing-hang' | 'engine' | 'red-circle' | 'sparkling-heart' | 'gift' | 'package' | 'info' | 'lab' | 'trophy' | 'ribbon';
+type EmojiName = 'warning' | 'typescript' | 'shield' | 'mechanical-arm' | 'mountain' | 'rocket' | 'wrench' | 'seedling' | 'books' | 'plug' | 'earth' | 'gear' | 'red-heart' | 'high-voltage' | 'gem-stone' | 'dizzy' | 'sparkles' | 'writing-hang' | 'engine' | 'red-circle' | 'sparkling-heart' | 'gift' | 'package' | 'info' | 'lab' | 'trophy' | 'ribbon';
 declare function Emoji({ name, style }: {
     name: EmojiName;
     style?: React.CSSProperties;

package/dist/utils/Emoji/Emoji.js

@@ -1,3 +1,4 @@
+// Let's eventually remove this. Telefunc is still using this as of 2024-12.
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -11,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 import { assert } from '../assert';
-import { iconMechanicalArm, iconCompass, iconShield, iconTypescript, iconEngine } from './assets';
+import { iconMechanicalArm, iconShield, iconTypescript, iconEngine } from './assets';
 export { Emoji };
 function Emoji(_a) {
     var name = _a.name, style = _a.style;
@@ -91,11 +92,6 @@ function Emoji(_a) {
         // https://www.unicompat.com/1F527 => 94.1%
         (name === 'wrench' && Unicode(0x1f527)) ||
         // ***
-        // U+1F9ED
-        // https://iconify.design/icon-sets/noto/compass.html
-        // https://www.unicompat.com/1F9ED => 67.1%
-        (name === 'compass' && Img(iconCompass, '1.4em')) ||
-        // ***
         // U+1F331
         // https://www.unicompat.com/1F331 => 94.1%
         (name === 'seedling' && Unicode(0x1f331)) ||

package/dist/utils/Emoji/assets.d.ts

@@ -1,6 +1,5 @@
 import iconMechanicalArm from './mechanical-arm.svg';
-import iconCompass from './compass.svg';
 import iconShield from './shield.svg';
 import iconTypescript from './typescript.svg';
 import iconEngine from './engine.png';
-export { iconMechanicalArm, iconCompass, iconShield, iconTypescript, iconEngine };
+export { iconMechanicalArm, iconShield, iconTypescript, iconEngine };

package/dist/utils/Emoji/assets.js

@@ -1,7 +1,6 @@
 import iconMechanicalArm from './mechanical-arm.svg';
 //import iconMountain from './mountain.svg'
-import iconCompass from './compass.svg';
 import iconShield from './shield.svg';
 import iconTypescript from './typescript.svg';
 import iconEngine from './engine.png';
-export { iconMechanicalArm, iconCompass, iconShield, iconTypescript, iconEngine };
+export { iconMechanicalArm, iconShield, iconTypescript, iconEngine };

package/icons/compass.svg

@@ -0,0 +1,70 @@
+<svg width="245" height="245" viewBox="0 0 245 245" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M122.5 245C190.155 245 245 190.155 245 122.5C245 54.8451 190.155 0 122.5 0C54.8451 0 0 54.8451 0 122.5C0 190.155 54.8451 245 122.5 245Z" fill="url(#paint0_linear_5_47)"/>
+<path d="M122.5 224.665C178.924 224.665 224.665 178.924 224.665 122.5C224.665 66.0759 178.924 20.335 122.5 20.335C66.0758 20.335 20.335 66.0759 20.335 122.5C20.335 178.924 66.0758 224.665 122.5 224.665Z" fill="url(#paint1_linear_5_47)"/>
+<path d="M122.5 218.785C175.677 218.785 218.785 175.677 218.785 122.5C218.785 69.3233 175.677 26.215 122.5 26.215C69.3232 26.215 26.215 69.3233 26.215 122.5C26.215 175.677 69.3232 218.785 122.5 218.785Z" fill="#362C15"/>
+<path d="M122.5 214.988C173.579 214.988 214.987 173.579 214.987 122.5C214.987 71.4206 173.579 30.0125 122.5 30.0125C71.4205 30.0125 30.0125 71.4206 30.0125 122.5C30.0125 173.579 71.4205 214.988 122.5 214.988Z" fill="url(#paint2_radial_5_47)"/>
+<path d="M122.5 209.108C170.332 209.108 209.107 170.332 209.107 122.5C209.107 74.668 170.332 35.8925 122.5 35.8925C74.668 35.8925 35.8925 74.668 35.8925 122.5C35.8925 170.332 74.668 209.108 122.5 209.108Z" stroke="#8A8C8E" stroke-width="0.633" stroke-miterlimit="10"/>
+<path d="M112.414 51.593C80.7888 56.0846 55.7784 81.2992 51.5521 113.006H52.8588C57.0646 82.0138 81.5238 57.3709 112.414 52.92V51.593Z" fill="#8A8C8E"/>
+<path d="M134.056 51.838V53.1446C164.273 58.1671 188.017 82.5038 192.162 113.006H193.468C189.303 81.7892 164.987 56.8809 134.056 51.838Z" fill="#8A8C8E"/>
+<path d="M112.414 192.039C84.3821 187.997 61.638 167.396 54.5125 140.467H53.165C60.3313 168.111 83.6471 189.263 112.394 193.346V192.039H112.414Z" fill="#8A8C8E"/>
+<path d="M190.488 140.467C183.485 166.927 161.414 187.303 134.056 191.856V193.162C162.129 188.589 184.771 167.662 191.835 140.487H190.488V140.467Z" fill="#8A8C8E"/>
+<path d="M122.949 136.567V126.359L159.209 162.598L122.949 136.567Z" fill="white"/>
+<path d="M123.276 127.135L156.167 160.026L123.276 136.404V127.135ZM122.623 125.583V136.751L162.231 165.191L122.623 125.583Z" fill="#A8A8A8"/>
+<path d="M162.231 165.191L133.79 125.583H122.623L162.231 165.191Z" fill="#393839"/>
+<path d="M85.9541 88.588L122.194 114.64V124.848L85.9541 88.588Z" fill="white"/>
+<path d="M88.9759 91.1809L121.888 114.803V124.072L88.9759 91.1809ZM82.9121 86.0154L122.52 125.624V114.456L82.9121 86.0154Z" fill="#A8A8A8"/>
+<path d="M82.9121 86.0154L111.373 125.624H122.52L82.9121 86.0154Z" fill="#393839"/>
+<path d="M123.419 125.318L159.658 89.0575L133.627 125.318H123.419Z" fill="white"/>
+<path d="M157.086 92.0792L133.464 124.991H124.195L157.086 92.0792ZM162.231 86.0154L122.623 125.624H133.79L162.231 86.0154Z" fill="#A8A8A8"/>
+<path d="M162.231 86.0154L122.623 114.476V125.624L162.231 86.0154Z" fill="#393839"/>
+<path d="M111.638 125.991H121.847L85.5868 162.251L111.638 125.991Z" fill="white"/>
+<path d="M121.071 126.318L88.1797 159.23L111.802 126.338H121.071M122.623 125.685H111.475L83.0347 165.293L122.623 125.685Z" fill="#A8A8A8"/>
+<path d="M83.0143 165.293L122.623 136.832V125.685L83.0143 165.293Z" fill="#393839"/>
+<path d="M115.089 117.559L122.316 73.5204V124.787L115.089 117.559Z" fill="white"/>
+<path d="M121.989 77.4812V124.011L115.436 117.457L121.989 77.4812ZM122.622 69.5596L114.742 117.682L122.643 125.583V69.5596H122.622Z" fill="#A8A8A8"/>
+<path d="M122.623 69.5596L130.524 117.682L122.623 125.583V69.5596Z" fill="#616161"/>
+<path d="M115.436 133.688L121.99 127.135V173.664L115.436 133.688Z" fill="white"/>
+<path d="M121.336 128.686V165.722L116.11 133.913L121.336 128.686ZM122.622 125.583L114.721 133.484L122.622 181.606V125.583Z" fill="#A8A8A8"/>
+<path d="M122.623 181.586L130.524 133.464L122.623 125.583V181.586Z" fill="#616161"/>
+<path d="M70.5803 125.318L114.619 118.09L121.847 125.318H70.5803Z" fill="white"/>
+<path d="M114.517 118.437L121.071 124.991H74.5413L114.517 118.437ZM114.742 117.743L66.6196 125.644H122.643L114.742 117.743Z" fill="#A8A8A8"/>
+<path d="M66.6196 125.624L114.742 133.525L122.623 125.624H66.6196Z" fill="#616161"/>
+<path d="M123.419 125.889H174.685L130.626 133.117L123.419 125.889Z" fill="white"/>
+<path d="M170.704 126.216L130.728 132.77L124.174 126.216H170.704ZM178.646 125.583H122.623L130.524 133.484L178.646 125.583Z" fill="#A8A8A8"/>
+<path d="M178.646 125.583L130.524 117.682L122.623 125.583H178.646Z" fill="#616161"/>
+<path d="M91.9772 46.7542L115.028 128.298L129.973 122.5L91.9772 46.7542Z" fill="#ED0000"/>
+<path d="M153.023 204.065L129.972 122.5L115.027 128.298L153.023 204.065Z" fill="#00AEFF"/>
+<path d="M122.622 129.564C124.821 129.564 126.604 127.782 126.604 125.583C126.604 123.384 124.821 121.602 122.622 121.602C120.424 121.602 118.641 123.384 118.641 125.583C118.641 127.782 120.424 129.564 122.622 129.564Z" fill="#FFC800"/>
+<path opacity="0.2" d="M112.822 100.593L126.216 127.277L134.342 156.024L120.948 129.34L112.822 100.593ZM93.0591 49.6533L116.109 131.218L154.125 206.964L131.055 125.399L93.0591 49.6533Z" fill="#424242"/>
+<path d="M119.58 40.7517L129.319 53.0017V44.5083C129.319 43.3242 129.156 42.5279 128.809 42.0992C128.339 41.5275 127.563 41.2621 126.461 41.2825V40.7517H132.994V41.2825C132.157 41.3846 131.606 41.5275 131.32 41.6908C131.034 41.8542 130.81 42.14 130.646 42.5279C130.483 42.9158 130.401 43.5692 130.401 44.5083V60.9438H129.911L116.559 44.5083V57.0646C116.559 58.2079 116.824 58.9633 117.335 59.3717C117.845 59.78 118.458 59.9638 119.111 59.9638H119.58V60.4946H112.578V59.9638C113.66 59.9638 114.415 59.7392 114.844 59.29C115.273 58.8613 115.477 58.1058 115.477 57.0646V43.12L115.048 42.5892C114.64 42.0583 114.252 41.7113 113.945 41.5479C113.619 41.3846 113.17 41.2825 112.557 41.2621V40.7313H119.58V40.7517Z" fill="black"/>
+<path d="M191.957 116.518V124.827H192.366C193.652 124.827 194.591 124.419 195.183 123.602C195.775 122.786 196.143 121.581 196.306 120.009H196.878V130.707H196.306C196.184 129.544 195.939 128.584 195.551 127.849C195.163 127.114 194.714 126.604 194.203 126.359C193.693 126.093 192.958 125.971 191.978 125.971V131.728C191.978 132.851 192.019 133.545 192.121 133.79C192.223 134.035 192.386 134.24 192.652 134.403C192.917 134.566 193.325 134.648 193.917 134.648H195.142C197.041 134.648 198.572 134.199 199.736 133.321C200.9 132.443 201.717 131.095 202.207 129.278H202.758L201.839 135.771H184.199V135.22H184.873C185.465 135.22 185.935 135.117 186.302 134.913C186.567 134.77 186.772 134.525 186.894 134.199C186.996 133.954 187.057 133.321 187.057 132.3V118.825C187.057 117.906 187.037 117.335 186.976 117.13C186.886 116.805 186.693 116.518 186.425 116.314C186.037 116.028 185.526 115.885 184.852 115.885H184.179V115.334H201.267V121.377H200.696C200.41 119.907 200.002 118.845 199.471 118.192C198.94 117.539 198.205 117.069 197.225 116.783C196.674 116.6 195.612 116.518 194.06 116.518H191.957Z" fill="black"/>
+<path d="M128.502 183.505L128.666 190.304H128.053C127.767 188.609 127.053 187.221 125.91 186.18C124.766 185.138 123.541 184.628 122.214 184.628C121.193 184.628 120.377 184.893 119.785 185.445C119.192 185.996 118.886 186.629 118.886 187.323C118.886 187.772 118.988 188.18 119.192 188.528C119.478 188.997 119.948 189.467 120.601 189.936C121.071 190.263 122.153 190.855 123.868 191.692C126.257 192.856 127.87 193.979 128.686 195.02C129.503 196.061 129.911 197.266 129.911 198.593C129.911 200.288 129.237 201.758 127.91 203.003C126.583 204.228 124.889 204.84 122.847 204.84C122.214 204.84 121.602 204.779 121.03 204.636C120.458 204.514 119.744 204.269 118.886 203.901C118.396 203.697 118.008 203.595 117.702 203.595C117.437 203.595 117.171 203.697 116.865 203.901C116.579 204.105 116.334 204.412 116.15 204.82H115.599V197.123H116.15C116.6 199.287 117.437 200.941 118.702 202.084C119.968 203.228 121.316 203.799 122.765 203.799C123.888 203.799 124.787 203.493 125.46 202.88C126.134 202.268 126.461 201.553 126.461 200.737C126.461 200.247 126.338 199.798 126.073 199.328C125.807 198.879 125.42 198.45 124.909 198.042C124.399 197.633 123.46 197.103 122.132 196.449C120.275 195.53 118.947 194.755 118.131 194.122C117.314 193.489 116.702 192.774 116.252 191.978C115.803 191.182 115.599 190.304 115.599 189.365C115.599 187.731 116.191 186.363 117.396 185.22C118.58 184.077 120.091 183.505 121.908 183.505C122.561 183.505 123.215 183.587 123.827 183.75C124.297 183.873 124.868 184.097 125.542 184.424C126.216 184.75 126.685 184.914 126.971 184.914C127.237 184.914 127.441 184.832 127.584 184.669C127.727 184.505 127.87 184.118 128.012 183.505H128.502Z" fill="black"/>
+<path d="M69.9271 115.865V116.416C69.5596 116.436 69.2329 116.538 68.9879 116.722C68.7429 116.906 68.4979 117.171 68.3142 117.539C68.2529 117.661 67.9467 118.417 67.3954 119.825L61.1479 136.302H60.5762L55.6354 123.439L50.1842 136.302H49.6125L43.0383 120.009C42.3646 118.376 41.895 117.375 41.65 117.028C41.3846 116.681 40.9354 116.477 40.3025 116.416V115.865H48.9592V116.416C48.265 116.436 47.7954 116.538 47.5708 116.742C47.3462 116.947 47.2237 117.171 47.2237 117.457C47.2237 117.825 47.4687 118.621 47.9383 119.825L51.8583 129.503L55.0025 121.928L54.1858 119.805C53.7367 118.641 53.3896 117.865 53.1446 117.477C52.8996 117.09 52.6137 116.804 52.3075 116.64C52.0012 116.477 51.5112 116.395 50.8987 116.395V115.844H60.5762V116.395C59.9025 116.395 59.4125 116.457 59.1267 116.559C58.9331 116.617 58.7632 116.735 58.6419 116.897C58.5207 117.059 58.4544 117.255 58.4529 117.457C58.4529 117.682 58.6775 118.376 59.1062 119.54L62.7404 128.992L65.9867 120.458C66.3337 119.58 66.5379 118.968 66.6196 118.641C66.7012 118.315 66.7421 118.008 66.7421 117.743C66.7421 117.335 66.5992 117.028 66.3337 116.783C66.0479 116.559 65.5375 116.436 64.7617 116.416V115.865H69.9271Z" fill="black"/>
+<path opacity="0.2" d="M122.5 6.125C186.67 6.125 238.875 58.3304 238.875 122.5C238.875 186.67 186.67 238.875 122.5 238.875C58.3304 238.875 6.125 186.67 6.125 122.5C6.125 58.3304 58.3304 6.125 122.5 6.125ZM122.5 0C54.8392 0 0 54.8392 0 122.5C0 190.161 54.8392 245 122.5 245C190.161 245 245 190.161 245 122.5C245 54.8392 190.161 0 122.5 0Z" fill="#424242"/>
+<defs>
+<linearGradient id="paint0_linear_5_47" x1="42.8546" y1="25.8271" x2="221.215" y2="242.325" gradientUnits="userSpaceOnUse">
+<stop offset="0.004" stop-color="#FFE7AD"/>
+<stop offset="0.261" stop-color="#FFB200"/>
+<stop offset="0.475" stop-color="#FAAE00"/>
+<stop offset="0.731" stop-color="#EBA400"/>
+<stop offset="1" stop-color="#D49300"/>
+</linearGradient>
+<linearGradient id="paint1_linear_5_47" x1="122.5" y1="18.865" x2="122.5" y2="250.288" gradientUnits="userSpaceOnUse">
+<stop offset="0.001" stop-color="#543B0B"/>
+<stop offset="0.016" stop-color="#563D0B"/>
+<stop offset="0.248" stop-color="#785606"/>
+<stop offset="0.468" stop-color="#906703"/>
+<stop offset="0.671" stop-color="#9F7201"/>
+<stop offset="0.841" stop-color="#A47600"/>
+</linearGradient>
+<radialGradient id="paint2_radial_5_47" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(122.5 122.5) scale(92.4957)">
+<stop offset="0.001" stop-color="white"/>
+<stop offset="0.205" stop-color="#FFFEFC"/>
+<stop offset="0.373" stop-color="#FFFBF2"/>
+<stop offset="0.528" stop-color="#FFF6E0"/>
+<stop offset="0.673" stop-color="#FFEFC9"/>
+<stop offset="0.8" stop-color="#FFE7AD"/>
+<stop offset="1" stop-color="#F0C560"/>
+</radialGradient>
+</defs>
+</svg>

package/icons/globe.svg

@@ -0,0 +1,30 @@
+<svg width="120.94" height="120.94" version="1.1" viewBox="0 0 120.94 120.94" xmlns="http://www.w3.org/2000/svg">
+<radialGradient id="SVGID_1_" cx="43.972" cy="29.066" r="90.951" gradientTransform="matrix(.6257 .78 -.5815 .4665 30.239 -23.257)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#17A1F3" offset=".506"/>
+<stop stop-color="#1B7FFA" offset=".7668"/>
+<stop stop-color="#1366F0" offset=".9624"/>
+<stop stop-color="#1160EE" offset="1"/>
+</radialGradient>
+<radialGradient id="SVGID_2_" cx="4.9296" cy="38.972" r="40.299" gradientTransform="matrix(.9806 -.1961 .1182 .5911 -7.6314 12.437)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E3DDA6" offset=".3442"/>
+<stop stop-color="#E3DDA6" stop-opacity="0" offset=".9961"/>
+</radialGradient>
+<radialGradient id="SVGID_3_" cx="42.188" cy="107.57" r="31.591" gradientTransform="translate(-3.1199 -4.4649)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E3DDA6" offset=".7225"/>
+<stop stop-color="#E3DDA6" stop-opacity="0" offset="1"/>
+</radialGradient>
+<radialGradient id="SVGID_4_" cx="62.919" cy="134.22" r="22.682" gradientTransform="translate(-3.1199 -4.4649)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E3DDA6" offset=".4033"/>
+<stop stop-color="#E3DDA6" stop-opacity="0" offset="1"/>
+</radialGradient>
+<g transform="translate(.00020733 .80504)">
+<path d="m0.020132 60.215c0.68 24.4 16.99 59.55 61.45 59.1 43.32-0.44 60.76-36.3 59.4-62.06-1.37-25.76-21.66-57.46-61.79-57.23-40.14 0.22-59.8 33.96-59.06 60.19z" fill="url(#SVGID_1_)"/>
+<path d="m59.91 0.015062s-0.45 1.27 2.17 2.07 4.01 0.85 5.88 1.71c1.87 0.85 2.99 2.19 5.66 3.58s3.58 1.71 4.06 0.75c0.22-0.43-0.69-2.35-0.69-2.35s0.43-1.82-0.21-2.46c-0.54-0.54-3.52-1.75-4.59-2.18-1-0.4-4.59-0.84-6.31-0.95-4.22-0.26-5.97-0.17-5.97-0.17z" fill="#fff"/>
+<path d="m45.94 45.335c0.09 0.23 0.65 1.37 1.77 1.68s4.08 0.37 4.79 0.65c0.72 0.28 2.46 1.18 2.93 1.46s2.3 1.82 2.74 1.96c1.03 0.34 1.62-0.28 2.09-0.12s0.75 1.06 1.68 1.12c0.56 0.04 1.28-0.87 1.81-0.97s3.24 0.12 3.3-0.75-1.84-2.68-2.96-2.68c-0.94 0-1.09 0.81-1.81 0.84s-1.18-0.75-2.02-0.72-1.28 0.75-1.74 0.53c-0.47-0.22-5.48-3.67-6.79-4.05-1.31-0.37-4.73 0.09-5.2 0.22-0.46 0.15-0.74 0.43-0.59 0.83z" fill="#7add8a"/>
+<path d="m24.07 16.785c0.75-1.82 1.93-4.57 3.53-6.34 1.61-1.77 4.36-4.23 4.36-4.23s4.9-2.57 12.29-4.49c7.39-1.92 14.54-1.7 14.54-1.7s-0.62 0.58-0.57 0.9c0.05 0.32 0.05 0.86 1.34 1.34 1.28 0.48 3.85 0.8 4.55 1.61 0.7 0.8 0.91 1.87 0.11 2.41s-2.25 0.37-3.64-0.05c-1.39-0.43-1.34-0.48-1.5-0.96s1.39-0.7 1.18-1.18-0.91-0.27-1.71-0.7-1.38-0.53-1.88-0.32-0.99 1.27-1.21 1.8-0.34 0.71-0.56 0.87-1.58 0.09-1.95 0.12-1.83 0.71-2.69 1.11c-0.87 0.4-2.69 0.84-3.1 1.18-0.4 0.34-0.77 0.9-0.09 1.33s2.2 0.87 3.1 1.18 2.48 0.34 2.69 0.62c0.22 0.28 0.03 1.58 0.19 1.77 0.15 0.19 0.74 0.96 1.11 0.9s0.9-1.49 1.11-1.92c0.22-0.43 1.7-0.93 1.58-1.61s-0.81-0.81-0.84-1.21 0.46-1.24 0.43-1.46 0.03-1.46 0.68-1.58 1.55 0.37 2.29 0.62 1.49-0.03 2.63 0.74c1.15 0.77 0.9 1.36 1.46 1.39s0.59-0.9 1.33-1.02 2.14 1.27 3.9 2.32 4.15 2.51 4.86 3.53 0.46 1.27 1.02 1.64 2.42 1.39 2.51 1.83c0.09 0.43-0.03 1.02-1.86 0.9s-2.6-0.59-3.04-1.05c-0.43-0.46-0.46-0.9-0.34-1.18s0.62-0.31 0.62-0.31 0.28-1.15-0.46-1.49-1.46-0.56-3.75-0.19-3.84 0.9-4.15 1.39c-0.31 0.5-0.03 1.11 0.37 1.11s1.86-0.84 2.38-0.68c0.53 0.15 0 1.86 0.4 2.11s1.61 0.12 2.26 0.15 1.33-0.06 1.67 0.46-0.59 1.02-1.46 1.39-2.14 1.21-2.51 1.52-0.99 0.59-1.24 0.06 0.03-1.52 0.03-1.52-2.11 0.84-2.45 1.24 0.19 1.64-0.5 2.29c-0.68 0.65-1.89 0.15-2.51 0.43s-1.7 1.33-2.42 2.2c-0.71 0.87-1.08 1.33-1.08 1.95s0.68 1.24-0.43 2.17-1.7 0.71-2.69 1.18c-0.99 0.46-2.48 1.33-3.07 2.63s0.15 3.9 0.28 4.8c0.12 0.9 0.56 2.91-0.46 2.94s-1.15-0.62-1.89-2.63-1.02-2.91-1.58-3.19-1.27-0.03-2.51 0.12-6.23 0.37-7.25 0.37-2.32-0.31-3.47 1.18-1.05 2.32-1.08 3.44-0.4 1.46-0.93 2.42-0.68 3.62-0.5 4.06c0.19 0.43 1.77 2.17 2.04 2.17 0.28 0 2.85 0.12 3.28-0.03s0.93-0.77 1.18-1.39 0.15-1.15 0.84-1.83 1.61-0.59 2.2-0.62 1.05-0.15 1.58-0.22c0.53-0.06 1.33 0.74 1.3 1.02s-1.18 1.46-1.49 2.11-0.31 0.65-0.31 0.65-0.22 0.99-0.5 1.42-0.5 0.87-0.74 1.18c-0.25 0.31-0.09 0.9 0.43 1.02 0.53 0.12 0.43-0.28 0.62-0.37s3.16-0.03 3.78 0.03 1.55 0.96 1.64 1.27 0.12 2.14-0.22 3.07-0.9 1.42-0.96 1.77c-0.06 0.34 0.09 0.87 0.09 0.87s0.46 0.87 1.15 1.52c0.68 0.65 1.42 1.05 1.42 1.05s1.58 0 2.42-0.03 1.42-0.15 1.98 0.25 1.55 1.58 1.77 1.55 0.53-1.24 2.26-2.63 2.42-1.55 3.44-1.7 1.21 0.31 1.21 0.31 0.46 0.4 1.27 0.06 0.71-0.84 1.95-0.77 2.01 0.74 2.85 0.96 2.42 0.34 4.09 0.43 2.69-0.15 3.31-0.06 1.15 0.81 1.49 1.11c0.34 0.31 0.34 0.81 0.34 0.81s0.65 0.15 1.27 0.59c0.62 0.43 1.21 1.52 1.98 1.83s2.17 0.15 3.81 0.25c1.64 0.09 2.11 0.28 2.94 1.08s1.33 1.86 1.64 2.76 0.77 2.97 0.77 2.97 1.21-0.37 3.1 0.4 2.04 1.55 2.04 1.55 2.94-0.09 3.75-0.06 2.91 1.46 3.13 1.95c0.22 0.5-0.22 4.31-0.15 4.89 0.06 0.59-2.17 3.78-2.73 4.31s-0.93 1.15-1.8 3.62-1.49 4.12-1.95 4.58-1.92 2.2-3.44 2.94-2.42 0.62-3.44 1.11c-1.02 0.5-1.8 2.11-2.29 3.22-0.5 1.11-0.19 2.48-0.46 2.91-0.28 0.43-3.84 3.93-4.52 4.15s-3.87-0.34-4.4 0.09 0.65 1.67 0.53 2.08c-0.12 0.4-1.15 1.49-2.04 2.17-0.9 0.68-1.67 1.67-2.29 1.77-0.62 0.09-1.39-0.34-2.01 0.37s0.06 1.86-0.22 2.35c-0.28 0.5-0.92 0.95-1.29 1.63s-0.64 0.92-0.64 0.92-2.82 0.25-4.5 0.34c-1.67 0.09-5.06 0.05-5.06 0.05s0.76-1.49 0.86-2.98-0.37-2.29-0.06-3.16 1.3-1.89 1.3-1.89 0.71-3.41 0.65-5.73-0.34-3.69-0.37-4.12 0.22-8.11 0.09-8.58c-0.12-0.46-1.77-1.33-2.57-2.04-0.81-0.71-3-1.67-3.59-2.57s-0.74-1.24-0.96-1.58-1.89-3.34-2.29-4.12c-0.4-0.77-1.39-1.46-1.8-2.54s-0.4-1.98-0.09-2.32 0.81-0.62 0.71-1.02c-0.09-0.4-0.99-0.46-0.68-1.77s1.39-2.48 1.67-2.73 0.5 0.03 0.77-0.22c0.28-0.25 2.01-1.73 2.23-2.01s0.15-2.26-0.15-3.1c-0.31-0.84-1.55-2.2-2.01-2.35s-1.58 1.15-2.57 1.11c-0.99-0.03-1.64 0-3.19-0.99s-3.72-2.91-4.18-3.72-0.28-1.11-0.56-1.55c-0.28-0.43-1.73-1.21-2.54-1.61s-1.64-0.28-2.11-0.59-2.73-2.82-3.16-3.34c-0.43-0.53-0.81-0.68-1.11-0.71s-0.59 0.4-0.84 0.46-2.26 0.09-2.57-0.06-2.73-1.39-3.93-2.51-2.73-1.89-3.41-2.82 0.03-1.92 0.12-2.42-0.03-2.35-0.09-3-1.18-1.83-1.33-3.13-0.59-2.6-0.71-3.22-0.06-2.79-0.22-2.91c-0.15-0.12-0.93-0.43-1.11 0.93s0.25 2.38 0.34 3.93 0.09 2.48 0.31 2.94 0.96 1.42 0.37 1.73-1.36-0.34-1.8-1.21c-0.43-0.87-0.09-2.51-0.46-3.31s-0.5-2.38-0.59-3.16c-0.09-0.77-0.43-2.73-0.34-4.43s0.62-1.86 0.62-1.86 0-1.98 0.03-2.38 2.01-4.12 3.62-6.19c1.65-2.05 2.83-3.66 2.83-3.66z" fill="#7add8a"/>
+<path d="m38.5 52.165c0.16-2.52-1.21-2.67-1.64-2.52s-3 0.03-3.28 0.03-1.86-1.73-2.04-2.17c-0.19-0.43-0.03-3.1 0.5-4.06s0.9-1.3 0.93-2.42-0.06-1.95 1.08-3.44c1.15-1.49 2.45-1.18 3.47-1.18s6.01-0.22 7.25-0.37 1.95-0.4 2.51-0.12 0.84 1.18 1.58 3.19 0.87 2.66 1.89 2.63 0.59-2.04 0.46-2.94c-0.12-0.9-0.87-3.5-0.28-4.8s2.08-2.17 3.07-2.63 1.58-0.25 2.69-1.18 0.43-1.55 0.43-2.17 0.37-1.08 1.08-1.95 1.8-1.92 2.42-2.2 1.83 0.22 2.51-0.43 0.15-1.89 0.5-2.29c0.34-0.4 2.45-1.24 2.45-1.24s-0.28 0.99-0.03 1.52 0.87 0.25 1.24-0.06 1.64-1.15 2.51-1.52 1.8-0.87 1.46-1.39-1.02-0.43-1.67-0.46-1.86 0.09-2.26-0.15c-0.4-0.25 0.12-1.95-0.4-2.11-0.53-0.15-1.98 0.68-2.38 0.68s-0.68-0.62-0.37-1.11c0.31-0.5-9.63-1.42-10-1.36s-0.96-0.71-1.11-0.9 0.03-1.49-0.19-1.77-1.8-0.31-2.69-0.62c-0.9-0.31-2.42-0.74-3.1-1.18s-0.31-0.99 0.09-1.33 2.23-0.77 3.1-1.18c0.87-0.4 2.32-1.08 2.69-1.11s1.73 0.03 1.95-0.12 0.34-0.34 0.56-0.87 0.71-1.58 1.21-1.8 1.61-1.82 1.56-2.14c-0.05-0.32 0.57-0.9 0.57-0.9s-7.15-0.23-14.54 1.7c-7.39 1.93-12.29 4.49-12.29 4.49s-2.75 2.46-4.36 4.23-2.78 4.52-3.53 6.34c0 0-1.18 1.61-2.79 3.69s-3.59 5.79-3.62 6.19-0.03 2.38-0.03 2.38-0.53 0.15-0.62 1.86c-0.09 1.7 0.25 3.65 0.34 4.43 0.09 0.77 0.22 2.35 0.59 3.16s0.03 2.45 0.46 3.31c0.43 0.87 1.21 1.52 1.8 1.21s-0.15-1.27-0.37-1.73-0.22-1.39-0.31-2.94-0.53-2.57-0.34-3.93 0.96-1.05 1.11-0.93 0.09 2.29 0.22 2.91c0.12 0.62 0.56 1.92 0.71 3.22s1.27 2.48 1.33 3.13 0.19 2.51 0.09 3c-0.09 0.5-0.81 1.49-0.12 2.42 0.68 0.93 2.2 1.7 3.41 2.82s3.62 2.35 3.93 2.51c0.31 0.15 2.32 0.12 2.57 0.06s0.53-0.5 0.84-0.46 1.62 1.14 2.17 1.05c0.95-0.17 2.91-0.12 3.03-1.98z" fill="url(#SVGID_2_)"/>
+<path d="m54.71 66.805c0.12 0.88 0.37 2.82 0.15 3.1s-1.95 1.77-2.23 2.01c-0.28 0.25-0.5-0.03-0.77 0.22-0.28 0.25-1.36 1.42-1.67 2.73s0.59 1.36 0.68 1.77-0.4 0.68-0.71 1.02-0.31 1.24 0.09 2.32 1.39 1.77 1.8 2.54c0.4 0.77 2.08 3.78 2.29 4.12 0.22 0.34 0.37 0.68 0.96 1.58s2.79 1.86 3.59 2.57c0.81 0.71 2.45 1.58 2.57 2.04s-0.12 8.15-0.09 8.58 0.31 1.8 0.37 4.12-0.65 5.73-0.65 5.73-0.99 1.02-1.3 1.89 0.15 1.67 0.06 3.16-0.86 2.98-0.86 2.98 3.38 0.04 5.06-0.05c1.67-0.09 4.5-0.34 4.5-0.34s0.27-0.24 0.64-0.92 1.01-1.13 1.29-1.63-0.4-1.64 0.22-2.35 1.39-0.28 2.01-0.37 1.39-1.08 2.29-1.77c0.9-0.68 1.92-1.77 2.04-2.17s-1.05-1.64-0.53-2.08c0.53-0.43 3.72 0.12 4.4-0.09 0.68-0.22 4.24-3.72 4.52-4.15s-0.03-1.8 0.46-2.91c0.5-1.11 0.83-18.84-4.46-26.54-6.19-9.02-27.31-11.65-26.72-7.11z" fill="url(#SVGID_3_)"/>
+<path d="m54.73 66.845c0.12 0.88 0.37 2.82 0.15 3.1s-1.95 1.77-2.23 2.01c-0.28 0.25-0.5-0.03-0.77 0.22-0.28 0.25-1.36 1.42-1.67 2.73s0.59 1.36 0.68 1.77-0.4 0.68-0.71 1.02-0.31 1.24 0.09 2.32 1.39 1.77 1.8 2.54c0.4 0.77 2.08 3.78 2.29 4.12s0.37 0.68 0.96 1.58 2.79 1.86 3.59 2.57c0.81 0.71 2.45 1.58 2.57 2.04s-0.12 8.15-0.09 8.58 0.31 1.8 0.37 4.12-0.65 5.73-0.65 5.73-0.99 1.02-1.3 1.89 0.15 1.67 0.06 3.16-0.86 2.98-0.86 2.98 3.38 0.04 5.06-0.05c1.67-0.09 4.5-0.34 4.5-0.34s0.27-0.24 0.64-0.92 1.01-1.13 1.29-1.63-0.4-1.64 0.22-2.35 1.39-0.28 2.01-0.37 1.39-1.08 2.29-1.77c0.9-0.68 1.92-1.77 2.04-2.17s-1.05-1.64-0.53-2.08 3.72 0.12 4.4-0.09c0.68-0.22 4.24-3.72 4.52-4.15s-0.03-1.8 0.46-2.91c0.5-1.11 0.83-18.84-4.46-26.54-6.2-9.03-27.32-11.65-26.72-7.11z" fill="url(#SVGID_4_)"/>
+<path d="m44.09 17.675c0.28 0.38 1.55-0.08 2.15-0.05s1.25 0.27 1.33 0.82c0.08 0.54-0.52 0.63-0.87 1.33-0.18 0.36-1.39 2.79-0.73 3.07 0.87 0.38 1.3-0.49 1.49-0.9s0.65-1.28 0.65-1.28 0.52-1.14 1.2-1.06c1.22 0.14 0.73 1.88 0.73 1.88s-0.27 1.3 0.38 1.6 1.28 0.08 1.63-0.05c0.35-0.14 0.95 0 1.66-0.3s1.01-0.57 1.49-0.76c0.49-0.19 0.92-0.08 0.98-0.52 0.05-0.43-0.38-0.87-1.11-0.92s-1.63 0.79-1.93 1.06-1.28 0.46-1.39-0.24 0.52-0.76 0.98-1.03 0.76-0.65 0.76-0.65-0.84-1.09-1.09-1.17c-0.24-0.08-1.22 0.22-2.2-0.46-0.91-0.63-1.28-1.49-1.52-1.71s-1.33-0.57-2.39-0.35-2.64 1.09-2.2 1.69z" fill="#4b9eec"/>
+</g>
+</svg>

package/icons/index.ts

@@ -4,3 +4,7 @@ export { default as iconBooks } from './books.svg'
 export { default as iconSeedling } from './seedling.svg'
 export { default as iconMagnifyingGlass } from './magnifying-glass.svg'
 export { default as iconPencil } from './pencil.svg'
+export { default as iconCompass } from './compass.svg'
+export { default as iconScroll } from './scroll.svg'
+export { default as iconGlobe } from './globe.svg'
+export { default as iconPlug } from './plug.svg'

package/icons/plug.svg

@@ -0,0 +1,28 @@
+<svg id="Layer_1_copy" width="120.12" height="120.12" version="1.1" viewBox="0 0 120.12 120.12" xmlns="http://www.w3.org/2000/svg">
+<g transform="translate(.023263 -.00015649)">
+<g transform="translate(-3.9625,-3.9425)">
+<g fill="#c9c9c9">
+<path d="m50.53 74.21-5 5c-0.97 0.97-2.54 0.97-3.5 0l-37.34-37.34c-0.97-0.97-0.97-2.54 0-3.5l5-5c0.97-0.97 2.54-0.97 3.5 0l37.34 37.34c0.97 0.97 0.97 2.53 0 3.5z"/>
+<path d="m79.23 45.51-5 5c-0.97 0.97-2.54 0.97-3.5 0l-37.34-37.34c-0.97-0.97-0.97-2.54 0-3.5l5-5c0.97-0.97 2.54-0.97 3.5 0l37.34 37.34c0.97 0.96 0.97 2.53 0 3.5z"/>
+</g>
+<rect transform="matrix(.7071 -.7071 .7071 .7071 -34.428 42.56)" x="28.15" y="59.51" width="12.02" height="6.66" fill="#9e9e9e"/>
+<rect transform="matrix(.7071 -.7071 .7071 .7071 -5.72 54.451)" x="56.86" y="30.8" width="12.01" height="6.66" fill="#9e9e9e"/>
+<g fill="#616161">
+<path d="m88.35 36.62-51.7 51.7c-1.26 1.26-3.29 1.26-4.55 0l-8.26-8.26c-1.26-1.26-1.26-3.29 0-4.55l51.7-51.7c1.26-1.26 3.29-1.26 4.55 0l8.26 8.26c1.25 1.26 1.25 3.29 0 4.55z"/>
+<path d="m59.93 59.29-22.46 23.78s12.12 11.14 17.28 13.89c4.76 2.54 9.84 3.88 15.16 4.54 2.02 0.25 4.98-0.1 6.85 0.81 2.23 1.08 1.85 2.56 3.05 4.58 2.32 3.9 6.53 4.81 11.38 2.91 4.33-1.7 17.55-14.91 19.25-19.25 1.9-4.85 1.31-8.65-2.91-11.38-1.97-1.27-3.49-0.82-4.58-3.05-0.91-1.86-0.56-4.83-0.81-6.85-0.66-5.32-2-10.4-4.54-15.16-2.76-5.15-13.9-17.27-13.9-17.27z"/>
+</g>
+<path d="m91.93 75.74c-0.02 0.34-0.02 0.73 0.23 0.96 0.21 0.19 0.53 0.19 0.81 0.15 2.11-0.27 3.83-2 4.58-3.99s0.69-4.19 0.4-6.3c-0.88-6.41-3.86-12.52-8.38-17.16-0.51-0.52-1.14-1.07-1.87-0.97-1.62 0.21-3.69 5.26-3.87 6.71-0.32 2.64 2.18 4.05 3.63 6.03 3.06 4.17 4.73 9.39 4.47 14.57z" fill="#808080"/>
+<path d="m71.98 32.13c-0.57 1.85 2.29 6.83 4.56 8.65 1.71 1.37 3.1 1.03 4.16 0.46 2.68-1.44 5.31-4.63 5.52-4.84 0.94-0.98 0.55-2.47-0.43-3.84-2.34-3.26-4.71-5.5-5.59-6.46-1.68-1.83-3.81-0.63-4.71 0.24-1.94 1.89-2.95 3.95-3.51 5.79z" fill="#808080"/>
+<path d="m122.86 115.37-7.46 7.46c-1.55 1.55-3.37 1.68-5.68 0.16l-20.99-13.74c-1.77-1.58-1.85-4.33-0.17-6.02l14.71-14.71c1.68-1.68 4.43-1.6 6.02 0.17l13.74 20.99c1.36 2.53 1.38 4.14-0.17 5.69z" fill="#616161"/>
+<path d="m113.71 96.84-7.14 7.14c-0.87 0.87-0.87 2.29 0 3.16s2.29 0.87 3.16 0l7.02-7.02-2.43-3.71c-0.21 0.11-0.42 0.25-0.61 0.43z" fill="#424242"/>
+<path d="m110.03 112.52c-0.87-0.87-2.29-0.87-3.16 0l-5.2 5.2 3.83 2.5 4.54-4.54c0.87-0.87 0.87-2.29-0.01-3.16z" fill="#424242"/>
+<path d="m121.24 106.98-5.84 5.84c-0.87 0.87-0.87 2.29 0 3.16s2.29 0.87 3.16 0l5.03-5-0.59-1.29z" fill="#424242"/>
+<g fill="#424242">
+<path d="m90.55 109.81s4.62-4.01 9.94-9.34 9.34-9.94 9.34-9.94c1.65 1.65-1.33 7.3-6.66 12.62s-10.97 8.3-12.62 6.66z"/>
+<path d="m85.8 39.17-46 46c0.94 0.84 2.12 1.87 3.4 2.98 6.6-1.58 16.99-8.74 26.25-19.18 11.05-12.47 17.09-28.97 16.35-29.8z"/>
+<path d="m79.91 98.98c-0.71 3.79 5.22 4.61 13.22-3.73 4.71-4.91 7.06-10.92 6.86-13.25-0.17-1.93-1.86-1.84-3.22-0.48-1.5 1.5-3.63 4.03-5.19 5.48-8.21 7.64-11.19 9.43-11.67 11.98z"/>
+</g>
+<path d="m101.94 93.38c2.76 0.75 6.38-3.92 6.98-6.26 0.37-1.44 0.21-3.55-1.03-4.53-2.01-1.58-3.61-0.68-4.72 0.62-1.5 1.77-3.98 9.43-1.23 10.17z" fill="#808080"/>
+</g>
+</g>
+</svg>

package/icons/scroll.svg

@@ -0,0 +1,33 @@
+<svg width="120" height="118" viewBox="0 0 120 118" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.3199 12.4466H18.1299V27.9201H41.3199V12.4466Z" fill="#D9B836"/>
+<path d="M110.59 117.96C115.787 117.96 120 112.149 120 104.98C120 97.8112 115.787 91.9998 110.59 91.9998C105.393 91.9998 101.18 97.8112 101.18 104.98C101.18 112.149 105.393 117.96 110.59 117.96Z" fill="#D5BC32"/>
+<path d="M110.59 91.9998H105.41C105.41 91.9998 105.45 26.935 105.45 15.9558C105.45 4.97657 97.8399 0 95.0299 0H18.1299C18.1299 0 28.2299 1.24158 28.3599 15.9558C28.4499 26.4322 28.3599 80.3946 28.3599 97.6433C28.3599 114.892 34.7299 117.95 34.7299 117.95H110.11C110.18 117.95 110.25 117.939 110.32 117.929C110.41 117.929 110.5 117.95 110.59 117.95C115.79 117.95 120 112.142 120 104.97C120 97.8177 115.79 91.9998 110.59 91.9998Z" fill="#FFD511"/>
+<path d="M110.59 91.9998H105.41C105.41 91.9998 105.45 26.935 105.45 15.9558C105.45 4.97657 97.8399 0 95.0299 0H18.1299C18.1299 0 28.2299 1.24158 28.3599 15.9558C28.4499 26.4322 28.3599 80.3946 28.3599 97.6433C28.3599 114.892 34.7299 117.95 34.7299 117.95H110.11C110.18 117.95 110.25 117.939 110.32 117.929C110.41 117.929 110.5 117.95 110.59 117.95C115.79 117.95 120 112.142 120 104.97C120 97.8177 115.79 91.9998 110.59 91.9998Z" fill="#FFD511"/>
+<path d="M28.26 96.689L28.35 87.3516C28.35 87.3516 87.88 93.9801 105.39 72.8631V96.453L28.26 96.689Z" fill="#D5BC32"/>
+<g opacity="0.6">
+<path opacity="0.77" d="M41.52 24.1953C42.69 24.1953 43.87 24.1748 45.04 24.1953C45.93 24.2158 46.76 24.339 47.67 24.2466C48.65 24.144 49.63 23.9491 50.63 23.9798C51.85 24.0209 53.02 24.4005 54.25 24.4005C54.85 24.4005 55.39 24.2261 55.98 24.1953C56.66 24.1645 57.34 24.1953 58.02 24.1953H62.32" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M75.01 24.1953C75.74 24.1953 76.5 24.2569 77.22 24.144C78.34 23.9696 79.41 23.4976 80.58 23.6002C81.83 23.7131 82.89 24.4621 84.12 24.6571C86.11 24.9546 87.98 23.7336 89.99 23.5386C90.63 23.4771 91.27 23.5181 91.91 23.5694C93.36 23.6925 94.79 23.8772 96.22 24.1132" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M41.52 48.2162C42.52 48.2162 43.56 48.3188 44.55 48.2162C45.94 48.0726 47.28 47.5698 48.71 47.6416C50.15 47.7134 51.47 48.3599 52.88 48.6164C54.82 48.955 56.77 48.5343 58.69 48.2778C60.74 48.0007 62.69 48.2265 64.75 48.2265H72.45" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M82.77 48.2163C83.51 48.2163 84.25 48.206 84.99 48.2163C86.24 48.2368 87.17 47.8264 88.36 47.5904C90.05 47.2518 91.74 47.7853 93.41 47.9598C94.64 48.0829 95.93 48.2265 97.16 48.2163" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M64.5601 72.2782C65.9001 72.2782 67.3001 72.1858 68.6101 72.3705C70.8801 72.6989 72.7901 71.9704 75.0201 71.7344C77.1101 71.5086 79.2001 71.9396 81.3001 72.114C83.4801 72.2987 85.6701 72.2166 87.8601 72.1345C90.1301 72.0524 92.4001 72.2679 94.6901 72.2679" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M40.5801 72.2782C42.5401 72.2782 44.4701 72.6579 46.4301 72.5142C47.0901 72.4629 47.7501 72.3705 48.4201 72.3398C49.7501 72.2679 51.0901 72.5758 52.4001 72.4219C53.2701 72.3192 54.1001 72.2782 54.9801 72.2782" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M64.5601 12.2721C65.9001 12.2721 67.3001 12.1797 68.6101 12.3644C70.8801 12.6928 72.7901 11.9643 75.0201 11.7283C77.1101 11.5025 79.2001 11.9335 81.3001 12.1079C83.4801 12.2926 85.6701 12.2105 87.8601 12.1284C90.1301 12.0463 92.4001 12.2618 94.6901 12.2618" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M40.5801 12.2721C42.5401 12.2721 44.4701 12.6517 46.4301 12.5081C47.0901 12.4568 47.7501 12.3644 48.4201 12.3337C49.7501 12.2618 51.0901 12.5697 52.4001 12.4157C53.2701 12.3131 54.1001 12.2721 54.9801 12.2721" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M41.52 36.2725C42.48 36.2725 43.41 36.3135 44.35 36.3853C46.03 36.5085 47.59 35.7286 49.22 35.5542C51.27 35.3387 53.29 36.016 55.32 36.3238C57.33 36.6316 59.37 36.4469 61.39 36.3238C62.31 36.2622 63.27 36.1801 64.19 36.2006C65.18 36.2212 66.12 36.5393 67.11 36.529C68.38 36.5187 69.55 35.9441 70.8 35.7492C73.58 35.3079 76.35 36.7445 79.16 36.5495C80.08 36.488 80.97 36.252 81.88 36.1596C83 36.0467 84.13 36.1493 85.25 36.252L90.23 36.7137" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M41.52 60.2729C42.48 60.2729 43.41 60.3139 44.35 60.3857C46.03 60.5089 47.59 59.729 49.22 59.5546C51.27 59.3391 53.29 60.0163 55.32 60.3242C57.33 60.632 59.37 60.4473 61.39 60.3242C62.31 60.2626 63.27 60.1805 64.19 60.201C65.18 60.2216 66.12 60.5397 67.11 60.5294C68.38 60.5191 69.55 59.9445 70.8 59.7496C73.58 59.3083 76.35 60.7449 79.16 60.5499C80.08 60.4884 80.97 60.2524 81.88 60.16C83 60.0471 84.13 60.1497 85.25 60.2523L90.23 60.7141" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+<path opacity="0.77" d="M54.3901 84.2425C54.9101 84.2528 55.3801 84.1296 55.8901 84.1091C56.6301 84.0681 57.3601 84.2835 58.0901 84.3964C59.8401 84.6632 61.6701 84.7966 63.4101 84.4067C64.3901 84.1809 65.3201 83.8013 66.3201 83.6576C68.8301 83.2882 71.3101 84.4375 73.8601 84.4272C76.0601 84.4067 78.4201 83.3806 80.5901 83.9757C82.0101 84.3554 83.4701 84.263 84.9701 84.263" stroke="#9E673C" stroke-width="3.0045" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<path d="M34.25 91.9998V98.3308H118.66C117.02 94.5445 114.02 91.9998 110.59 91.9998H105.41H34.25Z" fill="#F9FFA8"/>
+<path d="M34.7301 117.96C39.9271 117.96 44.1401 112.149 44.1401 104.98C44.1401 97.8112 39.9271 91.9998 34.7301 91.9998C29.5331 91.9998 25.3201 97.8112 25.3201 104.98C25.3201 112.149 29.5331 117.96 34.7301 117.96Z" fill="#D5BC32"/>
+<path d="M41.71 104.303C41.71 109.772 38.37 112.871 34.79 113.876C30.18 115.169 28.26 114.04 28.26 114.04V94.565C28.26 94.565 31.51 93.7236 34.98 94.7292C38.52 95.745 41.71 98.8336 41.71 104.303Z" fill="#784D30"/>
+<path d="M29.48 114.204C33.1914 114.204 36.2 109.771 36.2 104.303C36.2 98.834 33.1914 94.4008 29.48 94.4008C25.7687 94.4008 22.76 98.834 22.76 104.303C22.76 109.771 25.7687 114.204 29.48 114.204Z" fill="#784D30"/>
+<path d="M29.48 114.215C33.1914 114.215 36.2 109.782 36.2 104.313C36.2 98.8443 33.1914 94.4111 29.48 94.4111C25.7687 94.4111 22.76 98.8443 22.76 104.313C22.76 109.782 25.7687 114.215 29.48 114.215Z" fill="#784D30"/>
+<path d="M20.8599 108.93C23.3231 108.93 25.3199 106.863 25.3199 104.313C25.3199 101.763 23.3231 99.6955 20.8599 99.6955C18.3967 99.6955 16.3999 101.763 16.3999 104.313C16.3999 106.863 18.3967 108.93 20.8599 108.93Z" fill="#BA793E"/>
+<path d="M29.0199 101.501C30.2899 101.902 31.8399 104.662 29.1999 107.309C28.5299 107.976 29.2199 109.454 29.6799 110.695C30.2599 112.275 30.6799 113.127 32.0199 112.183C33.8199 110.931 35.5299 107.35 35.5299 104.313C35.5299 99.3979 32.8199 95.4064 29.4799 95.4064C27.7599 95.4064 26.4199 95.9708 25.2899 98.3616C24.7899 99.4287 24.7399 100.793 26.3299 100.958C26.3299 100.968 28.1099 101.224 29.0199 101.501Z" fill="#BA793E"/>
+<path d="M18.34 27.8482C23.9126 27.8482 28.43 21.6142 28.43 13.9241C28.43 6.23404 23.9126 0 18.34 0C12.7674 0 8.25 6.23404 8.25 13.9241C8.25 21.6142 12.7674 27.8482 18.34 27.8482Z" fill="#D5BC32"/>
+<path d="M25.3201 13.2469C25.3201 18.716 21.9801 21.8148 18.4001 22.8203C13.7901 24.1132 11.8701 22.9845 11.8701 22.9845V3.50921C11.8701 3.50921 15.1201 2.66781 18.5901 3.67339C22.1201 4.67896 25.3201 7.77777 25.3201 13.2469Z" fill="#784D30"/>
+<path d="M13.0901 23.1487C16.8015 23.1487 19.8101 18.7155 19.8101 13.2469C19.8101 7.77823 16.8015 3.34503 13.0901 3.34503C9.37876 3.34503 6.37012 7.77823 6.37012 13.2469C6.37012 18.7155 9.37876 23.1487 13.0901 23.1487Z" fill="#784D30"/>
+<path d="M13.0901 23.159C16.8015 23.159 19.8101 18.7258 19.8101 13.2571C19.8101 7.78852 16.8015 3.35532 13.0901 3.35532C9.37876 3.35532 6.37012 7.78852 6.37012 13.2571C6.37012 18.7258 9.37876 23.159 13.0901 23.159Z" fill="#784D30"/>
+<path d="M4.46 17.8746C6.92319 17.8746 8.92 15.8073 8.92 13.2572C8.92 10.707 6.92319 8.63974 4.46 8.63974C1.99681 8.63974 0 10.707 0 13.2572C0 15.8073 1.99681 17.8746 4.46 17.8746Z" fill="#BA793E"/>
+<path d="M12.62 10.4457C13.89 10.8459 15.44 13.6061 12.8 16.2534C12.13 16.9203 12.82 18.3979 13.28 19.6395C13.86 21.2197 14.28 22.0713 15.62 21.1273C17.42 19.8755 19.13 16.2944 19.13 13.2572C19.13 8.34218 16.42 4.35066 13.08 4.35066C11.36 4.35066 10.02 4.91502 8.89 7.30582C8.39 8.37296 8.34 9.73767 9.93 9.90184C9.93 9.9121 11.72 10.1584 12.62 10.4457Z" fill="#BA793E"/>
+</svg>

package/index.ts

@@ -12,5 +12,6 @@ export { usePageContext } from './renderer/usePageContext'
 export * from './components/Note'
 export * from './icons/index'
 export { assert } from './utils/assert'
+export { parseMarkdownMini } from './parseMarkdownMini'
 export type { Config } from './types/Config'
 export type { HeadingDefinition, HeadingDetachedDefinition } from './types/Heading'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.10.4",
+  "version": "0.10.6",
   "type": "module",
   "dependencies": {
     "@brillout/picocolors": "^1.0.10",

package/{parseTitle.ts → parseMarkdownMini.ts}

@@ -1,14 +1,12 @@
-export { parseTitle }
-export { withEmoji }
+export { parseMarkdownMini }
 
 import React from 'react'
-import { Emoji, EmojiName } from './utils/server'
 
-function parseTitle(title: string): JSX.Element {
+function parseMarkdownMini(markdown: string): JSX.Element {
   type Part = { nodeType: 'text' | 'code'; content: string }
   const parts: Part[] = []
   let current: Part | undefined
-  title.split('').forEach((letter) => {
+  markdown.split('').forEach((letter) => {
     if (letter === '`') {
       if (current?.nodeType === 'code') {
         // </code>
@@ -32,7 +30,7 @@ function parseTitle(title: string): JSX.Element {
     parts.push(current)
   }
 
-  const titleJsx = React.createElement(
+  const parsed = React.createElement(
     React.Fragment,
     {},
     ...parts.map((part, i) =>
@@ -40,17 +38,5 @@ function parseTitle(title: string): JSX.Element {
     ),
   )
 
-  return titleJsx
-}
-
-function withEmoji(name: EmojiName, title: string | JSX.Element): JSX.Element {
-  const style = { fontSize: '1.4em' }
-  //return React.createElement(React.Fragment, null, Emoji({ name, style }), ' ', title)
-  return React.createElement(
-    'span',
-    { style },
-    Emoji({ name }),
-    ' ',
-    React.createElement('span', { style: { fontSize: '1rem' } }, title),
-  )
+  return parsed
 }

package/parsePageSections.ts

@@ -86,7 +86,7 @@ function parsePageSection(line: string): PageSection & { headingHtml: string } {
   }
   const pageSectionId = determineSectionUrlHash(anchor)
 
-  const titleParsed = parseTitle(pageSectionTitle)
+  const titleParsed = parseMarkdownMini(pageSectionTitle)
   assert(pageSectionId === null || pageSectionId.length > 0)
   const headingId = pageSectionId === null ? '' : ` id="${pageSectionId}"`
   const headingHtml = `<h${pageSectionLevel}${headingId}>${titleParsed}</h${pageSectionLevel}>`
@@ -95,7 +95,7 @@ function parsePageSection(line: string): PageSection & { headingHtml: string } {
   return pageSection
 }
 
-function parseTitle(titleMarkdown: string): string {
+function parseMarkdownMini(titleMarkdown: string): string {
   type Part = { nodeType: 'text' | 'code'; content: string }
   const parts: Part[] = []
   let current: Part | undefined

package/types/Heading.ts

@@ -13,6 +13,8 @@ type HeadingResolved = {
   menuModalFullWidth?: true
   category?: string
   color?: string
+  titleIcon?: string
+  titleIconStyle?: React.CSSProperties
 } & Tmp
 
 type HeadingDetachedResolved = Omit<HeadingResolved, 'level' | 'linkBreadcrumb'> & {
@@ -41,7 +43,7 @@ type IsCategory = {
   titleInNav?: undefined
 }
 type HeadingDefinitionLevel =
-  | ({ level: 1; color: string } & IsCategory)
+  | ({ level: 1; color: string; titleIcon?: string; titleIconStyle?: React.CSSProperties } & IsCategory)
   | ({ level: 4 } & IsCategory)
   | {
       level: 2

package/utils/Emoji/Emoji.ts

@@ -1,7 +1,9 @@
+// Let's eventually remove this. Telefunc is still using this as of 2024-12.
+
 import React from 'react'
 import { assert } from '../assert'
 
-import { iconMechanicalArm, iconCompass, iconShield, iconTypescript, iconEngine } from './assets'
+import { iconMechanicalArm, iconShield, iconTypescript, iconEngine } from './assets'
 
 export { Emoji }
 export type { EmojiName }
@@ -14,7 +16,6 @@ type EmojiName =
   | 'mountain'
   | 'rocket'
   | 'wrench'
-  | 'compass'
   | 'seedling'
   | 'books'
   | 'plug'
@@ -113,11 +114,6 @@ function Emoji({ name, style }: { name: EmojiName; style?: React.CSSProperties }
     // https://www.unicompat.com/1F527 => 94.1%
     (name === 'wrench' && Unicode(0x1f527)) ||
     // ***
-    // U+1F9ED
-    // https://iconify.design/icon-sets/noto/compass.html
-    // https://www.unicompat.com/1F9ED => 67.1%
-    (name === 'compass' && Img(iconCompass, '1.4em')) ||
-    // ***
     // U+1F331
     // https://www.unicompat.com/1F331 => 94.1%
     (name === 'seedling' && Unicode(0x1f331)) ||

package/utils/Emoji/assets.ts

@@ -1,8 +1,7 @@
 import iconMechanicalArm from './mechanical-arm.svg'
 //import iconMountain from './mountain.svg'
-import iconCompass from './compass.svg'
 import iconShield from './shield.svg'
 import iconTypescript from './typescript.svg'
 import iconEngine from './engine.png'
 
-export { iconMechanicalArm, iconCompass, iconShield, iconTypescript, iconEngine }
+export { iconMechanicalArm, iconShield, iconTypescript, iconEngine }

package/dist/parseTitle.d.ts

@@ -1,5 +0,0 @@
-export { parseTitle };
-export { withEmoji };
-import { EmojiName } from './utils/server';
-declare function parseTitle(title: string): JSX.Element;
-declare function withEmoji(name: EmojiName, title: string | JSX.Element): JSX.Element;

package/utils/Emoji/compass.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 128 128"><linearGradient id="IconifyId-17a9a1bedc8-7759f1-57" x1="24.99" x2="112.35" y1="16.65" y2="122.69" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE7AD" offset=".004"/><stop stop-color="#FFB200" offset=".261"/><stop stop-color="#FAAE00" offset=".475"/><stop stop-color="#EBA400" offset=".731"/><stop stop-color="#D49300" offset="1"/></linearGradient><circle cx="64" cy="64" r="60" fill="url(#IconifyId-17a9a1bedc8-7759f1-57)"/><linearGradient id="IconifyId-17a9a1bedc8-7759f1-58" x1="64" x2="64" y1="13.24" y2="126.59" gradientUnits="userSpaceOnUse"><stop stop-color="#543B0B" offset=".001"/><stop stop-color="#563D0B" offset=".016"/><stop stop-color="#785606" offset=".248"/><stop stop-color="#906703" offset=".468"/><stop stop-color="#9F7201" offset=".671"/><stop stop-color="#A47600" offset=".841"/></linearGradient><circle cx="64" cy="64" r="50.04" fill="url(#IconifyId-17a9a1bedc8-7759f1-58)"/><circle cx="64" cy="64" r="47.16" fill="#362C15"/><radialGradient id="IconifyId-17a9a1bedc8-7759f1-59" cx="64" cy="64" r="45.304" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset=".001"/><stop stop-color="#FFFEFC" offset=".205"/><stop stop-color="#FFFBF2" offset=".373"/><stop stop-color="#FFF6E0" offset=".528"/><stop stop-color="#FFEFC9" offset=".673"/><stop stop-color="#FFE7AD" offset=".8"/><stop stop-color="#F0C560" offset="1"/></radialGradient><circle cx="64" cy="64" r="45.3" fill="url(#IconifyId-17a9a1bedc8-7759f1-59)"/><circle cx="64" cy="64" r="42.42" fill="none" stroke="#8A8C8E" stroke-miterlimit="10" stroke-width=".633"/><path d="M59.06 29.27c-15.49 2.2-27.74 14.55-29.81 30.08h.64c2.06-15.18 14.04-27.25 29.17-29.43v-.65z" fill="#8A8C8E"/><path d="M69.66 29.39v.64c14.8 2.46 26.43 14.38 28.46 29.32h.64c-2.04-15.29-13.95-27.49-29.1-29.96z" fill="#8A8C8E"/><path d="M59.06 98.06C45.33 96.08 34.19 85.99 30.7 72.8h-.66c3.51 13.54 14.93 23.9 29.01 25.9v-.64z" fill="#8A8C8E"/><path d="M97.3 72.8c-3.43 12.96-14.24 22.94-27.64 25.17v.64c13.75-2.24 24.84-12.49 28.3-25.8h-.66z" fill="#8A8C8E"/><path fill="#fff" d="M64.22 70.89v-5l17.76 17.75z"/><path d="M64.38 66.27l16.11 16.11l-16.11-11.57v-4.54m-.32-.76v5.47l19.4 13.93l-19.4-19.4z" fill="#A8A8A8"/><path fill="#393839" d="M83.46 84.91l-13.93-19.4h-5.47z"/><path fill="#fff" d="M46.1 47.39l17.75 12.76v5z"/><path d="M47.58 48.66L63.7 60.23v4.54L47.58 48.66m-2.97-2.53l19.4 19.4v-5.47l-19.4-13.93z" fill="#A8A8A8"/><path fill="#393839" d="M44.61 46.13l13.94 19.4h5.46z"/><path fill="#fff" d="M64.45 65.38L82.2 47.62L69.45 65.38z"/><path d="M80.94 49.1L69.37 65.22h-4.54L80.94 49.1m2.52-2.97l-19.4 19.4h5.47l13.93-19.4z" fill="#A8A8A8"/><path fill="#393839" d="M83.46 46.13l-19.4 13.94v5.46z"/><path fill="#fff" d="M58.68 65.71h5L45.92 83.47z"/><path d="M63.3 65.87L47.19 81.99l11.57-16.11h4.54m.76-.32H58.6l-13.93 19.4l19.39-19.4z" fill="#A8A8A8"/><path fill="#393839" d="M44.66 84.96l19.4-13.94v-5.46z"/><path fill="#fff" d="M60.37 61.58l3.54-21.57v25.11z"/><path d="M63.75 41.95v22.79l-3.21-3.21l3.21-19.58m.31-3.88L60.2 61.64l3.87 3.87V38.07h-.01z" fill="#A8A8A8"/><path fill="#616161" d="M64.06 38.07l3.87 23.57l-3.87 3.87z"/><path fill="#fff" d="M60.54 69.48l3.21-3.21v22.79z"/><path d="M63.43 67.03v18.14l-2.56-15.58l2.56-2.56m.63-1.52l-3.87 3.87l3.87 23.57V65.51z" fill="#A8A8A8"/><path fill="#616161" d="M64.06 92.94l3.87-23.57l-3.87-3.86z"/><path fill="#fff" d="M38.57 65.38l21.57-3.54l3.54 3.54z"/><path d="M60.09 62.01l3.21 3.21H40.51l19.58-3.21m.11-.34l-23.57 3.87h27.44l-3.87-3.87z" fill="#A8A8A8"/><path fill="#616161" d="M36.63 65.53L60.2 69.4l3.86-3.87z"/><path fill="#fff" d="M64.45 65.66h25.11L67.98 69.2z"/><path d="M87.61 65.82l-19.58 3.21l-3.21-3.21h22.79m3.89-.31H64.06l3.87 3.87l23.57-3.87z" fill="#A8A8A8"/><path fill="#616161" d="M91.5 65.51l-23.57-3.87l-3.87 3.87z"/><path fill="#ED0000" d="M49.05 26.9l11.29 39.94L67.66 64z"/><path fill="#00AEFF" d="M78.95 103.95L67.66 64l-7.32 2.84z"/><circle cx="64.06" cy="65.51" r="1.95" fill="#FFC800"/><path d="M59.26 53.27l6.56 13.07l3.98 14.08l-6.56-13.07l-3.98-14.08m-9.68-24.95l11.29 39.95l18.62 37.1l-11.3-39.95l-18.61-37.1z" fill="#424242" opacity=".2"/><path d="M62.57 23.96l4.77 6V25.8c0-.58-.08-.97-.25-1.18c-.23-.28-.61-.41-1.15-.4v-.26h3.2v.26c-.41.05-.68.12-.82.2s-.25.22-.33.41s-.12.51-.12.97v8.05h-.24l-6.54-8.05v6.15c0 .56.13.93.38 1.13s.55.29.87.29h.23v.26h-3.43v-.26c.53 0 .9-.11 1.11-.33c.21-.21.31-.58.31-1.09v-6.83l-.21-.26c-.2-.26-.39-.43-.54-.51c-.16-.08-.38-.13-.68-.14v-.26h3.44z" fill="#000"/><path d="M98.02 61.07v4.07h.2c.63 0 1.09-.2 1.38-.6s.47-.99.55-1.76h.28v5.24h-.28c-.06-.57-.18-1.04-.37-1.4s-.41-.61-.66-.73c-.25-.13-.61-.19-1.09-.19v2.82c0 .55.02.89.07 1.01s.13.22.26.3s.33.12.62.12h.6c.93 0 1.68-.22 2.25-.65s.97-1.09 1.21-1.98h.27l-.45 3.18h-8.64v-.27h.33c.29 0 .52-.05.7-.15c.13-.07.23-.19.29-.35c.05-.12.08-.43.08-.93v-6.6c0-.45-.01-.73-.04-.83a.756.756 0 0 0-.27-.4c-.19-.14-.44-.21-.77-.21h-.33v-.27h8.37v2.96h-.28c-.14-.72-.34-1.24-.6-1.56s-.62-.55-1.1-.69c-.27-.09-.79-.13-1.55-.13h-1.03z" fill="#000"/><path d="M66.94 93.88l.08 3.33h-.3c-.14-.83-.49-1.51-1.05-2.02s-1.16-.76-1.81-.76c-.5 0-.9.13-1.19.4s-.44.58-.44.92c0 .22.05.42.15.59c.14.23.37.46.69.69c.23.16.76.45 1.6.86c1.17.57 1.96 1.12 2.36 1.63s.6 1.1.6 1.75c0 .83-.33 1.55-.98 2.16c-.65.6-1.48.9-2.48.9c-.31 0-.61-.03-.89-.1c-.28-.06-.63-.18-1.05-.36c-.24-.1-.43-.15-.58-.15c-.13 0-.26.05-.41.15c-.14.1-.26.25-.35.45h-.27v-3.77h.27c.22 1.06.63 1.87 1.25 2.43s1.28.84 1.99.84c.55 0 .99-.15 1.32-.45s.49-.65.49-1.05c0-.24-.06-.46-.19-.69c-.13-.22-.32-.43-.57-.63s-.71-.46-1.36-.78c-.91-.45-1.56-.83-1.96-1.14s-.7-.66-.92-1.05s-.32-.82-.32-1.28c0-.8.29-1.47.88-2.03c.58-.56 1.32-.84 2.21-.84c.32 0 .64.04.94.12c.23.06.51.17.84.33s.56.24.7.24c.13 0 .23-.04.3-.12s.14-.27.21-.57h.24z" fill="#000"/><path d="M38.25 60.75v.27c-.18.01-.34.06-.46.15s-.24.22-.33.4c-.03.06-.18.43-.45 1.12l-3.06 8.07h-.28l-2.42-6.3l-2.67 6.3h-.28l-3.22-7.98c-.33-.8-.56-1.29-.68-1.46c-.13-.17-.35-.27-.66-.3v-.27h4.24v.27c-.34.01-.57.06-.68.16s-.17.21-.17.35c0 .18.12.57.35 1.16l1.92 4.74l1.54-3.71l-.4-1.04c-.22-.57-.39-.95-.51-1.14s-.26-.33-.41-.41s-.39-.12-.69-.12v-.27h4.74v.27c-.33 0-.57.03-.71.08a.463.463 0 0 0-.33.44c0 .11.11.45.32 1.02l1.78 4.63L36.32 63c.17-.43.27-.73.31-.89s.06-.31.06-.44c0-.2-.07-.35-.2-.47c-.14-.11-.39-.17-.77-.18v-.27h2.53z" fill="#000"/><path d="M64 7c31.43 0 57 25.57 57 57s-25.57 57-57 57S7 95.43 7 64S32.57 7 64 7m0-3C30.86 4 4 30.86 4 64s26.86 60 60 60s60-26.86 60-60S97.14 4 64 4z" fill="#424242" opacity=".2"/></svg>