@brillout/docpress 0.5.40 → 0.6.1

package/components/FeatureList/FeatureList.tsx

@@ -0,0 +1,114 @@
+import React from 'react'
+import './FeatureList.css'
+import iconChevron from './chevron.svg'
+
+export { FeatureList }
+
+type FeatureProps = {
+  title: React.ReactNode
+  desc: React.ReactNode
+  learnMore?: React.ReactNode
+  isSecondaryFeature?: true
+}
+
+function FeatureList({ features }: { features: FeatureProps[] }) {
+  const numberOfFeatures = features.length
+  const numberOfRows = Math.ceil(numberOfFeatures / 2)
+  return (
+    <div id="features">
+      {Array.from({ length: numberOfRows }, (_, i) => {
+        const feature1Id = 2 * i + 0
+        const feature2Id = 2 * i + 1
+        const feature1 = features[feature1Id]
+        const feature2 = features[feature2Id]
+        const className = ['features-row', feature2 ? '' : 'single-column'].filter(Boolean).join(' ')
+        return (
+          <div className={className} key={i}>
+            <Feature {...{ ...feature1, featureId: feature1Id }} />
+            {feature2 && <Feature {...{ ...feature2, featureId: feature2Id }} />}
+          </div>
+        )
+      })}
+    </div>
+  )
+}
+
+function Feature({ title, desc, learnMore, isSecondaryFeature, featureId }: FeatureProps & { featureId: number }) {
+  const name = `feature-${featureId}`
+  const rightSide = featureId % 2 === 1
+  return (
+    <>
+      <FeatureHead name={name} hasLearnMore={!!learnMore} isSecondaryFeature={isSecondaryFeature}>
+        {' '}
+        <h2>{title}</h2>
+        {desc}
+      </FeatureHead>
+      {!!learnMore && (
+        <LearnMore name={name} rightSide={rightSide}>
+          {learnMore}
+        </LearnMore>
+      )}
+    </>
+  )
+}
+
+function FeatureHead({
+  children,
+  name,
+  hasLearnMore,
+  isSecondaryFeature,
+  className = ''
+}: {
+  className?: string
+  name?: string
+  hasLearnMore?: boolean
+  isSecondaryFeature?: true
+  children: React.ReactNode
+}) {
+  return (
+    <summary
+      className={[
+        className,
+        'feature',
+        'colorize-on-hover',
+        hasLearnMore && 'has-learn-more',
+        isSecondaryFeature && 'secondary-feature'
+      ]
+        .filter(Boolean)
+        .join(' ')}
+      id={name && `feature-${name}`}
+      style={{ cursor: (hasLearnMore && 'pointer') || undefined }}
+    >
+      {children}
+      {hasLearnMore && (
+        <div style={{ textAlign: 'center', marginTop: '1em' }}>
+          <button
+            type="button"
+            style={{
+              textAlign: 'center',
+              padding: '0 7px',
+              paddingTop: 3,
+              paddingBottom: 1,
+              display: 'inline-block',
+              fontSize: '10px',
+              textTransform: 'uppercase',
+              letterSpacing: '1px',
+              fontWeight: 600
+            }}
+          >
+            <span className="decolorize-5">Learn more</span>
+            <br />
+            <img className="decolorize-4 chevron" src={iconChevron} height="7" style={{ marginTop: 2 }} />
+          </button>
+        </div>
+      )}
+    </summary>
+  )
+}
+function LearnMore({ children, name, rightSide }: { name: string; children: React.ReactNode; rightSide: boolean }) {
+  return (
+    <aside className={'learn-more ' + (rightSide ? 'right-side' : '')} id={`learn-more-${name}`}>
+      {children}
+    </aside>
+  )
+}

package/components/HorizontalLine.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+
+export { HorizontalLine }
+
+function HorizontalLine({ primary }: { primary?: true }) {
+  return (
+    <div className={'header-separator-line ' + (primary ? 'primary' : '')} style={{ textAlign: 'center' }}>
+      <hr
+        style={{
+          display: 'inline-block',
+          margin: 0,
+          border: 0,
+          borderTop: '1px solid #eee',
+          maxWidth: 500,
+          width: '80%'
+        }}
+      />
+    </div>
+  )
+}

package/components/ImportMeta.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { assert } from '../utils/server'
+
+export { ImportMeta }
+
+function ImportMeta({ prop }: { prop: string }) {
+  assert(!prop.startsWith('import'))
+  assert(!prop.startsWith('.'))
+  const text = 'imp' + 'ort.meta.' + prop
+  return <code>{text}</code>
+}

package/components/Link.tsx

@@ -0,0 +1,144 @@
+export { Link }
+
+import React from 'react'
+import { isRepoLink, RepoLink } from './RepoLink'
+import type { Heading, HeadingDetached } from '../types/Heading'
+import type { PageContextResolved } from '../config/resolvePageContext'
+import { usePageContext } from '../renderer/usePageContext'
+import { assert, assertUsage, determineSectionTitle, determineSectionUrlHash } from '../utils/server'
+import { parseTitle } from '../parseTitle'
+
+function Link({
+  href,
+  text,
+  noBreadcrumb,
+  doNotInferSectionTitle,
+  children
+}: {
+  href: string
+  text?: string | JSX.Element
+  noBreadcrumb?: true
+  doNotInferSectionTitle?: true
+  children?: React.ReactNode
+}) {
+  assertUsage(
+    href.startsWith('/') || href.startsWith('#'),
+    `<Link href /> prop \`href==='${href}'\` but should start with '/' or '#'`
+  )
+  assertUsage(!text || !children, 'Cannot use both `text` or `children`')
+
+  if (isRepoLink(href)) {
+    return <RepoLink path={href} text={text} />
+  } else {
+    const pageContext = usePageContext()
+    return (
+      <a href={href}>{children || text || getLinkText({ href, noBreadcrumb, pageContext, doNotInferSectionTitle })}</a>
+    )
+  }
+}
+
+function getLinkText({
+  href,
+  noBreadcrumb,
+  pageContext,
+  doNotInferSectionTitle
+}: {
+  href: string
+  noBreadcrumb: true | undefined
+  pageContext: PageContextResolved
+  doNotInferSectionTitle: true | undefined
+}): string | JSX.Element {
+  let urlHash: string | null = null
+  let hrefWithoutHash: string = href
+  if (href.includes('#')) {
+    ;[hrefWithoutHash, urlHash] = href.split('#')
+    assert(hrefWithoutHash || urlHash)
+  }
+
+  let heading: Heading | HeadingDetached
+  let isLinkOnSamePage: boolean = false
+  if (hrefWithoutHash) {
+    heading = findHeading(hrefWithoutHash, pageContext)
+    if (heading.url === pageContext.urlPathname) {
+      isLinkOnSamePage = true
+      // heading !== pageContext.activeHeading because activeHeading is a different object holding on-this-page subheadings
+      heading = pageContext.activeHeading
+    }
+  } else {
+    assert(urlHash)
+    isLinkOnSamePage = true
+    heading = pageContext.activeHeading
+  }
+  assert(heading)
+  assert(isLinkOnSamePage === (heading.url === pageContext.urlPathname))
+  assert(isLinkOnSamePage === (heading.url === pageContext.activeHeading.url))
+  assert(isLinkOnSamePage === (heading === pageContext.activeHeading))
+
+  const breadcrumbParts: (string | JSX.Element)[] = []
+
+  if (heading.headingsBreadcrumb) {
+    breadcrumbParts.push(
+      ...(heading.headingsBreadcrumb ?? [])
+        .slice()
+        .reverse()
+        .map(({ title }) => title)
+    )
+  }
+
+  breadcrumbParts.push(heading.title)
+
+  if (urlHash) {
+    let sectionTitle: string | JSX.Element | undefined = undefined
+    assert(!urlHash.startsWith('#'))
+    if (isLinkOnSamePage) {
+      const pageHeading = findHeading(`#${urlHash}`, pageContext)
+      sectionTitle = pageHeading.title
+    } else if ('sectionTitles' in heading && heading.sectionTitles) {
+      heading.sectionTitles.forEach((title) => {
+        if (determineSectionUrlHash(title) === urlHash) {
+          sectionTitle = parseTitle(title)
+        }
+      })
+    }
+    if (!sectionTitle) {
+      assertUsage(
+        !doNotInferSectionTitle,
+        `Page section title not found for <Link href="\`${href}\`" doNotInferSectionTitle={true} />.`
+      )
+      sectionTitle = determineSectionTitle(href)
+    }
+    breadcrumbParts.push(sectionTitle)
+  }
+
+  {
+    if (noBreadcrumb || isLinkOnSamePage) {
+      return breadcrumbParts[breadcrumbParts.length - 1]
+    }
+  }
+
+  return (
+    <>
+      {breadcrumbParts.map((title, i) => {
+        const seperator = i === 0 ? <></> : ' > '
+        return (
+          <React.Fragment key={i}>
+            {seperator}
+            {title}
+          </React.Fragment>
+        )
+      })}
+    </>
+  )
+}
+
+function findHeading(href: string, pageContext: PageContextResolved): Heading | HeadingDetached {
+  assert(href.startsWith('/') || href.startsWith('#'))
+  const { headingsAll } = pageContext
+  const heading = headingsAll.find(({ url }) => href === url)
+  if (href.startsWith('#')) {
+    assertUsage(heading, `Couldn't find ${href} in ${pageContext.urlPathname}, does it exist?`)
+  } else {
+    assertUsage(heading, `Couldn't find heading for ${href}, did you define the heading for ${href}?`)
+  }
+  return heading
+}

package/components/Note.css

@@ -0,0 +1,54 @@
+blockquote {
+  --color: 0, 0, 0;
+  --color-strengh-bg: 0.7;
+  --color-strengh-border: 1.5;
+  border-left: 8px solid rgba(var(--color), calc(0.06 * var(--color-strengh-border)));
+  background-color: rgba(var(--color), calc(0.03 * var(--color-strengh-bg)));
+  margin-left: 0;
+  margin-right: 0;
+  padding: 4px 16px;
+}
+blockquote.note-color-red {
+  --color-strengh-bg: 1.7;
+  --color-strengh-border: 6;
+  --color: 190, 25, 49;
+}
+blockquote.note-color-yellow {
+  --color-strengh-bg: 4;
+  --color-strengh-border: 8;
+  --color: 255, 204, 50;
+}
+.blockquote-content {
+  display: inline;
+}
+blockquote.custom-icon > .blockquote-content > :first-child {
+  /* E.g. for <Warning> so that the warning icon is on the same line as the first paragraph.
+   * We assume the second element to have a top margin.
+   */
+  display: inline;
+}
+
+/************************/
+/*** Icon Positioning ***/
+/************************/
+blockquote.type-construction img[src^="https://twemoji."]
+{
+  margin-right: 2px;
+}
+blockquote.type-warning img[src^="https://twemoji."]
+{
+  position: relative;
+  top: -1px;
+  margin-right: 2px;
+}
+blockquote.type-danger img[src^="https://twemoji."]
+{
+  margin-right: 2px;
+}
+blockquote > p:first-child::before,
+/* blockquote > p:first-of-type::before, */
+blockquote > div.paragraph:first-child::before {
+  font-family: emoji;
+  content: 'ℹ️';
+  margin-right: 7px;
+}

package/components/Note.tsx

@@ -0,0 +1,78 @@
+export { Warning }
+export { Construction }
+export { Danger }
+export { NoteWithoutIcon }
+export { NoteWithCustomIcon }
+/* Use markdown instead:
+ * ```diff
+ * - <Note>Some note</Note>
+ * + > Some note
+ * ```
+export { Note }
+*/
+
+import React from 'react'
+import { assert } from '../utils/assert'
+/* Imorted in /src/css/index.css instead
+import './Note.css'
+*/
+
+function Warning({ children }: { children: React.ReactNode }) {
+  return <NoteGeneric type="warning">{children}</NoteGeneric>
+}
+function Construction({ children }: { children: React.ReactNode }) {
+  return <NoteGeneric type="construction">{children}</NoteGeneric>
+}
+function Danger({ children }: { children: React.ReactNode }) {
+  return <NoteGeneric type="danger">{children}</NoteGeneric>
+}
+function NoteWithoutIcon({ children }: { children: React.ReactNode }) {
+  return <NoteGeneric icon={null}>{children}</NoteGeneric>
+}
+type CustomIcon = JSX.Element | string
+function NoteWithCustomIcon({ icon, children }: { children: React.ReactNode; icon: CustomIcon }) {
+  if (!icon) throw new Error(`<NoteWithCustomIcon icon={/*...*/}> property 'icon' is \`${icon}\` which is forbidden`)
+  return <NoteGeneric icon={icon}>{children}</NoteGeneric>
+}
+
+function NoteGeneric({
+  type,
+  icon,
+  children
+}: {
+  icon?: null | CustomIcon
+  type?: 'danger' | 'warning' | 'construction'
+  children: React.ReactNode
+}) {
+  assert(icon === null || icon || type, { icon, type })
+
+  let className = 'custom-icon'
+  if (type) {
+    className = `${className} type-${type}`
+  }
+  if (!icon && type) {
+    let classColor = ''
+    if (type === 'danger') {
+      icon = ':no_entry:'
+      classColor = 'note-color-red'
+    }
+    if (type === 'warning') {
+      icon = ':warning:'
+      classColor = 'note-color-yellow'
+    }
+    if (type === 'construction') {
+      icon = ':construction:'
+      classColor = 'note-color-yellow'
+    }
+    assert(icon)
+    assert(classColor)
+    className = `${className} ${classColor}`
+  }
+  return (
+    <blockquote className={className}>
+      <div style={{ marginBottom: 20 }} />
+      {icon} <div className="blockquote-content">{children}</div>
+      <div style={{ marginTop: 20 }} />
+    </blockquote>
+  )
+}

package/components/P.css

@@ -0,0 +1,8 @@
+/* Copied from Chrome's user agent stylesheet */
+div.paragraph {
+  display: block;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+}

package/components/P.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import './P.css'
+
+export { P }
+
+function P(props: React.HTMLProps<HTMLDivElement>) {
+  return <div {...props} className={'paragraph'} />
+}

package/components/ReadingRecommendation.tsx

@@ -0,0 +1,56 @@
+import React from 'react'
+import { Link } from './Link'
+
+export { ReadingRecommendation }
+
+function ReadingRecommendation({ tour, links }: { tour?: true; links?: string[] }) {
+  links ??= []
+  if (!links.length) tour = true
+  const multiple = links.length + (tour ? 1 : 0) > 1
+  const intro = <b>Reading Recommendation{multiple ? '.' : ': '}</b>
+  return (
+    <blockquote>
+      {(() => {
+        if (!multiple) {
+          const link = tour ? <TourLink /> : <Link href={links[0]} />
+          return (
+            <p>
+              {intro}
+              {link}
+            </p>
+          )
+        }
+        return (
+          <>
+            <p> {intro}</p>
+            <ul
+              style={{
+                marginLeft: 18,
+                marginTop: 11
+              }}
+            >
+              {tour && (
+                <li>
+                  <TourLink />
+                </li>
+              )}
+              {links.map((link, i) => (
+                <li key={i}>
+                  <Link href={link} />
+                </li>
+              ))}
+            </ul>
+          </>
+        )
+      })()}
+    </blockquote>
+  )
+}
+
+function TourLink() {
+  return (
+    <>
+      <Link href={'/react-tour'} noBreadcrumb={true} /> or <Link href={'/vue-tour'} noBreadcrumb={true} />
+    </>
+  )
+}

package/components/RepoLink.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import { assert } from '../utils/server'
+import { usePageContext } from '../renderer/usePageContext'
+
+export { RepoLink }
+export { isRepoLink }
+
+function isRepoLink(href: string) {
+  return ['/examples/', '/docs/', '/boilerplates/', '.github/', '/test/'].some((start) => href.startsWith(start))
+}
+
+function RepoLink({ path, text, editMode }: { path: string; text?: string | JSX.Element; editMode?: true }) {
+  const pageContext = usePageContext()
+  assert(isRepoLink(path), { path })
+  text = text || path
+  if (!path.startsWith('/')) {
+    path = '/' + path
+  }
+  const viewMode = path.endsWith('/') || editMode ? 'tree' : 'blob'
+  const { githubRepository } = pageContext.config.projectInfo
+  assert(githubRepository.startsWith('https://github.com/'))
+  const href = `${githubRepository}/${viewMode}/main${path}`
+  return <a href={href}>{text}</a>
+}

package/components/Sponsors/label.draft.svg

@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="label.draft.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.9899495"
+     inkscape:cx="461.6406"
+     inkscape:cy="96.846632"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1366"
+     inkscape:window-height="736"
+     inkscape:window-x="0"
+     inkscape:window-y="16"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 51.40476,117.83928 13.530744,-23.435929 0.01098,0.0063 v 0"
+       id="path815"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 78.309972,119.26576 90.337099,96.280583 h 32.339611"
+       id="path817"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 71.815475,146.56548 H 85.96596 c 0.676332,-0.0209 3.30147,-0.005 3.934153,-0.83721 0.426501,-0.36462 1.272256,-1.92024 1.602106,-2.49156 l 4.177131,-7.23501 c 0,0 0.679705,-1.34341 1.817605,-2.11076 0.472523,-0.30451 3.063205,-0.4009 3.063205,-0.4009 h 13.21067"
+       id="path819"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccc" />
+    <path
+       sodipodi:nodetypes="cccccccc"
+       inkscape:connector-curvature="0"
+       id="path859"
+       d="m 145.52085,146.56548 h -14.15049 c -0.67633,-0.0209 -3.30147,-0.005 -3.93415,-0.83721 -0.4265,-0.36462 -1.27226,-1.92024 -1.60211,-2.49156 l -4.17713,-7.23501 c 0,0 -0.67971,-1.34341 -1.81761,-2.11076 -0.47252,-0.30451 -3.0632,-0.4009 -3.0632,-0.4009 h -13.21068"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       sodipodi:nodetypes="ccccccccc"
+       inkscape:connector-curvature="0"
+       id="path967"
+       d="m 118.49554,172.57638 -47.05804,0 h 10.748698 c 0.676332,-0.0209 3.30147,-0.005 3.934153,-0.83721 0.426501,-0.36462 1.272256,-1.92024 1.602106,-2.49156 l 4.177131,-7.23501 c 0,0 0.679705,-1.34341 1.817605,-2.11076 0.472523,-0.30451 3.063205,-0.4009 3.063205,-0.4009 l 22.282102,0"
+       style="fill:none;stroke:#000000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+    <path
+       style="fill:#f0f0f0;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+       d="M 365.78516 702.83789 C 365.78516 702.83789 355.99294 703.20261 354.20703 704.35352 C 349.90631 707.25374 347.33789 712.33203 347.33789 712.33203 L 331.54883 739.67578 C 330.30215 741.8351 327.10611 747.71566 325.49414 749.09375 C 323.1029 752.23911 313.18122 752.17882 310.625 752.25781 L 392.14258 752.25781 L 447.85742 752.25781 L 529.375 752.25781 C 526.81879 752.17882 516.89709 752.23911 514.50586 749.09375 C 512.89389 747.71566 509.69785 741.8351 508.45117 739.67578 L 492.66211 712.33203 C 492.66211 712.33203 490.09369 707.25374 485.79297 704.35352 C 484.00707 703.20261 474.2168 702.83789 474.2168 702.83789 L 450 702.83789 L 390 702.83789 L 365.78516 702.83789 z "
+       transform="scale(0.26458333)"
+       id="path977" />
+    <path
+       id="path982"
+       d="m 96.780656,212.41754 c 0,0 -2.590858,0.0965 -3.06338,0.40101 -1.137899,0.76735 -1.81746,2.11098 -1.81746,2.11098 l -4.177523,7.2347 c -0.32985,0.57132 -1.175469,2.12722 -1.60197,2.49184 -0.632682,0.83221 -3.257793,0.81625 -3.934126,0.83715 h 21.568193 30.61622 21.56819 c -0.67633,-0.0209 -3.30145,-0.005 -3.93413,-0.83715 -0.4265,-0.36462 -1.27212,-1.92052 -1.60197,-2.49184 l -4.17752,-7.2347 c 0,0 -0.67956,-1.34363 -1.81746,-2.11098 -0.47252,-0.30452 -3.06286,-0.40101 -3.06286,-0.40101 h -6.40736 -31.75 z"
+       style="fill:#f0f0f0;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccccc" />
+    <path
+       sodipodi:nodetypes="ccccccccccccccccc"
+       inkscape:connector-curvature="0"
+       style="fill:#f0f0f0;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 96.780656,244.16756 c 0,0 -2.590858,0.0965 -3.06338,0.40101 -1.137899,0.76735 -1.81746,2.11098 -1.81746,2.11098 l -4.177523,7.2347 c -0.32985,0.57132 -1.175469,2.12722 -1.60197,2.49184 -0.632682,0.83221 -3.257793,0.81625 -3.934126,0.83715 h 21.568193 25.32455 21.56819 c -0.67633,-0.0209 -3.30145,-0.005 -3.93413,-0.83715 -0.4265,-0.36462 -1.27212,-1.92052 -1.60197,-2.49184 l -4.17752,-7.2347 c 0,0 -0.67956,-1.34363 -1.81746,-2.11098 -0.47252,-0.30452 -3.06286,-0.40101 -3.06286,-0.40101 h -6.40736 -26.45833 z"
+       id="path984" />
+    <path
+       id="path878"
+       d="m 103.72033,265.33423 c 0,0 -2.25707,0.0965 -2.66872,0.40101 -0.9913,0.76735 -1.583315,2.11098 -1.583315,2.11098 l -3.639329,7.2347 c -0.287355,0.57132 -1.024032,2.12722 -1.395586,2.49184 -0.551173,0.83221 -2.838088,0.81625 -3.427289,0.83715 h 18.789539 22.06196 18.78954 c -0.5892,-0.0209 -2.87612,-0.005 -3.42729,-0.83715 -0.37156,-0.36462 -1.10823,-1.92052 -1.39559,-2.49184 l -3.63932,-7.2347 c 0,0 -0.59202,-1.34363 -1.58332,-2.11098 -0.41164,-0.30452 -2.66827,-0.40101 -2.66827,-0.40101 h -5.58189 -23.04968 z"
+       style="fill:#f0f0f0;fill-opacity:1;stroke:none;stroke-width:0.24695262px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccccccccccc" />
+  </g>
+</svg>