@brillout/docpress 0.1.8 → 0.1.10

package/src/components/Link.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { DocLink } from './DocLink'
-import { isRepoLink, RepoLink } from './RepoLink'
-
-export { Link }
-
-function Link(props: {
-  href: string
-  text?: string | JSX.Element
-  noBreadcrumb?: true
-  doNotInferSectionTitle?: true
-}) {
-  if (isRepoLink(props.href)) {
-    return <RepoLink path={props.href} text={props.text} />
-  } else {
-    return <DocLink {...props} />
-  }
-}

package/src/components/Note.tsx

@@ -1,31 +0,0 @@
-export { Note }
-
-import React from 'react'
-import { assert } from '../utils'
-
-function Note({
-  type,
-  icon,
-  children
-}: {
-  icon: JSX.Element | string
-  type?: 'error' | 'warning'
-  children: JSX.Element
-}) {
-  assert(type === undefined || ['error', 'warning'].includes(type))
-  if (!icon) {
-    if (type === 'error') {
-      icon = ':no_entry:'
-    }
-    if (type === 'warning') {
-      icon = ':warning:'
-    }
-  }
-  return (
-    <blockquote className={type}>
-      <div style={{ marginBottom: 20 }} />
-      {icon} {children}
-      <div style={{ marginTop: 20 }} />
-    </blockquote>
-  )
-}

package/src/components/P.css

@@ -1,8 +0,0 @@
-/* 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/src/components/P.tsx

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

package/src/components/ReadingRecommendation.tsx

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

package/src/components/RepoLink.tsx

@@ -1,24 +0,0 @@
-import React from 'react'
-import { assert } from '../utils'
-import { usePageContext } from '../renderer/usePageContext'
-
-export { RepoLink }
-export { isRepoLink }
-
-function isRepoLink(href: string) {
-  return ['/examples/', '/docs/', '/boilerplates/', '.github/'].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 = (editMode && 'edit') || (path.endsWith('/') && '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/src/components/Sponsors/companyLogos/ccoli-logo.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156.62 156.96"><path d="M156.62 78.65c0-12.01-8.81-22.1-20.27-24.12 6.68-9.55 5.74-22.49-2.84-31.08-8.27-8.57-21.41-9.52-31.02-2.88C100.6 8.95 90.44-.01 78.32-.01S56.22 8.8 54.2 20.26c-9.55-6.68-22.49-5.74-31.08 2.84-8.71 8.71-9.56 22.19-2.31 31.33C9.08 56.24 0 66.45 0 78.65s8.83 21.91 20.32 24.05c-6.73 9.56-5.81 22.54 2.79 31.15 8.6 8.3 21.58 9.18 31.14 3.19 2.16 11.3 12.16 19.93 24.05 19.93s22.2-9.17 24.15-20.78c9.39 6.86 22.74 5.98 31.39-2.67 8.51-8.51 9.51-21.3 3.03-30.83 11.21-2.23 19.74-12.19 19.74-24.02Z" style="fill: rgb(117, 50, 168);"></path><path class="logo_svg__cls-1" fill="white" d="M61.33 72.59c.2-2.08 2.06-3.61 4.15-3.61h3.12c1.67 0 2.7-1.88 1.75-3.25-2.01-2.91-5.38-4.8-9.2-4.74-6.07.09-10.84 5.29-10.84 11.36v12.27c0 6.06 4.74 11.25 10.79 11.36s11.21-4.85 11.21-11v-3.96c0-2.23-1.81-4.04-4.04-4.04h-2.96c-2.34 0-4.21-2.01-3.98-4.39ZM95.33 72.59c.2-2.08 2.06-3.61 4.15-3.61h3.12c1.67 0 2.7-1.88 1.75-3.25-2.01-2.91-5.38-4.8-9.2-4.74-6.07.09-10.84 5.29-10.84 11.36v12.27c0 6.06 4.74 11.25 10.79 11.36s11.21-4.85 11.21-11v-3.96c0-2.23-1.81-4.04-4.04-4.04h-2.96c-2.34 0-4.21-2.01-3.98-4.39Z"></path></svg>

package/src/components/Sponsors/companyLogos/ccoli-text.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 366.81 127.09"><path fill="rgb(16, 24, 32)" d="M138 127.09a50.79 50.79 0 0 1-19.75-3.65 43 43 0 0 1-14.94-10.19 47 47 0 0 1-9.54-14.86 48.21 48.21 0 0 1 2.41-40.51 43.6 43.6 0 0 1 16.4-16.73q10.65-6.28 25.25-6.29t25.07 6.36a44.36 44.36 0 0 1 7 5.26 9 9 0 0 1-3.53 15.1l-3.51 1.07a10.47 10.47 0 0 1-10.37-2.41 19.48 19.48 0 0 0-4.23-3.13 21.52 21.52 0 0 0-10.64-2.67 22.56 22.56 0 0 0-11.94 3.29 22.79 22.79 0 0 0-8.5 9.27 29.85 29.85 0 0 0-3.09 13.9 28.79 28.79 0 0 0 3.17 13.73 24.89 24.89 0 0 0 8.5 9.43 21.35 21.35 0 0 0 11.86 3.46 22.14 22.14 0 0 0 7.81-1.38 22.61 22.61 0 0 0 6.61-3.78c.4-.32.77-.66 1.12-1a10.1 10.1 0 0 1 10-2.4l3.12 1a9.31 9.31 0 0 1 3.72 15.69l-.12.11a43.46 43.46 0 0 1-13.88 8.33 50.78 50.78 0 0 1-18 3ZM47.57 127.09a50.82 50.82 0 0 1-19.75-3.65 43 43 0 0 1-14.94-10.19 47.8 47.8 0 0 1-7.13-55.37 43.63 43.63 0 0 1 16.41-16.73q10.64-6.28 25.24-6.29t25.08 6.36a44.36 44.36 0 0 1 7 5.26A9 9 0 0 1 76 61.58l-3.5 1.07a10.49 10.49 0 0 1-10.4-2.41 19.42 19.42 0 0 0-4.22-3.13 21.59 21.59 0 0 0-10.65-2.67 22.59 22.59 0 0 0-11.94 3.29 22.86 22.86 0 0 0-8.5 9.27 29.85 29.85 0 0 0-3.09 13.9 28.8 28.8 0 0 0 3.18 13.73 24.89 24.89 0 0 0 8.5 9.43 21.34 21.34 0 0 0 11.85 3.46 22.19 22.19 0 0 0 7.82-1.38 22.61 22.61 0 0 0 6.61-3.78c.39-.32.76-.66 1.12-1a10.08 10.08 0 0 1 10-2.4l3.12 1a9.3 9.3 0 0 1 3.64 15.74l-.12.11a43.35 43.35 0 0 1-13.91 8.33 50.74 50.74 0 0 1-17.94 2.95ZM227.72 127.09a50.84 50.84 0 0 1-19.72-3.65 42.76 42.76 0 0 1-14.85-10.1 45.4 45.4 0 0 1-9.36-14.78 47.41 47.41 0 0 1-3.27-17.49 47.89 47.89 0 0 1 3.27-17.67 45.4 45.4 0 0 1 9.36-14.78A42.76 42.76 0 0 1 208 38.52a50.84 50.84 0 0 1 19.76-3.66 50.15 50.15 0 0 1 19.66 3.66A43.62 43.62 0 0 1 271.6 63.4a49.09 49.09 0 0 1 3.18 17.67 48.6 48.6 0 0 1-3.18 17.49 44.37 44.37 0 0 1-9.28 14.78 42.67 42.67 0 0 1-14.85 10.1 50.82 50.82 0 0 1-19.75 3.65Zm-23.53-46a29.53 29.53 0 0 0 3.09 13.74 23.7 23.7 0 0 0 8.41 9.35 22.08 22.08 0 0 0 12 3.37 21.34 21.34 0 0 0 11.85-3.46 25 25 0 0 0 8.5-9.43 28.8 28.8 0 0 0 3.18-13.73 28.93 28.93 0 0 0-3.18-13.65 24.18 24.18 0 0 0-8.5-9.43 22.55 22.55 0 0 0-23.88.08 24.27 24.27 0 0 0-8.41 9.43 29.51 29.51 0 0 0-3.06 13.7ZM294.62 0a18.06 18.06 0 0 1 18.06 18.06v78.77q0 6.21 2.06 8.36a7.48 7.48 0 0 0 5.67 2.15 24.64 24.64 0 0 0 5.67-.68h.06a5 5 0 0 1 6.1 4l1.39 7.87a5 5 0 0 1-3.3 5.56 49.5 49.5 0 0 1-6.83 1.8 59.09 59.09 0 0 1-11.16 1.2q-10.83 0-16.75-5.76t-5.92-16.45V5a5 5 0 0 1 4.95-5ZM343.79 11.42A11.42 11.42 0 0 1 355.21 0h.18a11.42 11.42 0 0 1 11.42 11.42 11.42 11.42 0 0 1-11.42 11.42h-.18a11.42 11.42 0 0 1-11.42-11.42Zm0 109V40.33a5 5 0 0 1 5-4.95 18.07 18.07 0 0 1 18.06 18.06v67a5 5 0 0 1-5 5h-13.1a5 5 0 0 1-4.96-5.02Z"></path></svg>

package/src/components/Sponsors/label.draft.svg

@@ -1,108 +0,0 @@
-<?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>

package/src/components/Sponsors.tsx

@@ -1,243 +0,0 @@
-import React from 'react'
-import iconHeart from '../icons/heart.svg'
-import { usePageContext } from '../renderer/usePageContext'
-import { assert } from '../utils'
-import ccoliLogo from './Sponsors/companyLogos/ccoli.svg'
-import contraLogo from './Sponsors/companyLogos/contra.svg'
-import mfqsLogo from './Sponsors/companyLogos/mfqs.svg'
-import medalGold from './Sponsors/medalGold.svg'
-import medalSilver from './Sponsors/medalSilver.svg'
-import medalBronze from './Sponsors/medalBronze.svg'
-import labelBgImg from './Sponsors/label.svg'
-import { Emoji } from '../utils/Emoji'
-
-export { Sponsors }
-
-type Plan = 'FREE_SLOT' | 'bronze' | 'silver' | 'gold' | 'platinum'
-
-type SponsorCompany = {
-  companyName: string
-  companyLogo: string
-  website: string
-  plan: Plan
-}
-type SponsorIndividual = {
-  username: string
-}
-type Sponsor = SponsorCompany | SponsorIndividual
-
-const sponsors: Sponsor[] = [
-  {
-    companyName: 'Contra',
-    companyLogo: contraLogo,
-    plan: 'gold',
-    website: 'https://contra.com'
-  },
-  {
-    companyName: 'ccoli',
-    companyLogo: ccoliLogo,
-    plan: 'silver',
-    website: 'https://ccoli.co'
-  },
-  {
-    companyName: 'My Favorite Quilt Store',
-    companyLogo: mfqsLogo,
-    plan: 'bronze',
-    website: 'https://myfavoritequiltstore.com'
-  },
-  {
-    username: 'spacedawwwg'
-  },
-  {
-    username: 'codthing'
-  },
-  {
-    username: 'Junaidhkn'
-  },
-  {
-    username: 'zgfdev'
-  }
-]
-
-function Sponsors() {
-  const pageContext = usePageContext()
-  const { projectInfo } = pageContext.config
-  return (
-    <div style={{ textAlign: 'center', marginTop: 19 }}>
-      <a
-        className="button"
-        href="https://github.com/sponsors/brillout"
-        style={{
-          color: 'inherit',
-          display: 'inline-flex',
-          alignItems: 'center',
-          padding: '5px 10px',
-          marginBottom: 10
-        }}
-      >
-        <img src={iconHeart} height={22} /> <span style={{ marginLeft: 7, fontSize: '1.07em' }}>Sponsor</span>
-      </a>
-      <div></div>
-      <div style={{ maxWidth: 400, display: 'inline-block', marginTop: 12, marginBottom: 12 }}>
-        {projectInfo.projectNameJsx || projectInfo.projectName} is free and open source, made possible by wonderful
-        sponsors.
-      </div>
-      <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', alignItems: 'end' }}>
-        {sponsors.map((sponsor, i) => (
-          <SponsorDiv sponsor={sponsor} key={i} />
-        ))}
-      </div>
-    </div>
-  )
-}
-
-function SponsorDiv({ sponsor }: { sponsor: Sponsor }) {
-  let imgSrc: string
-  let imgAlt: string | undefined
-  let width: number
-  let height: number
-  let website: string
-  let padding: number
-  let backgroundColor = '#f0f0f0'
-  let label: null | JSX.Element = null
-  if ('username' in sponsor) {
-    website = `https://github.com/${sponsor.username}`
-    imgSrc = `https://github.com/${sponsor.username}.png?size=30`
-    width = 30
-    height = 30
-    padding = 0
-    backgroundColor = 'none'
-  } else {
-    imgSrc = sponsor.companyLogo
-    website = sponsor.website
-    const size = getSize(sponsor.plan)
-    width = size.width
-    height = size.height
-    padding = size.padding
-    imgAlt = sponsor.companyName
-    label = <Label sponsor={sponsor} />
-  }
-  const marginWidth = 5
-  return (
-    <a
-      href={website}
-      style={{
-        margin: `10px ${marginWidth}px`
-      }}
-    >
-      {label}
-      <div
-        style={{
-          backgroundColor,
-          borderRadius: 7,
-          overflow: 'hidden',
-          width,
-          maxWidth: `calc(100vw - 2 * var(--main-view-padding) - 2 * ${marginWidth}px)`,
-          height,
-          display: 'flex',
-          alignItems: 'center',
-          flexDirection: 'column',
-          justifyContent: 'center'
-        }}
-      >
-        <img
-          style={{ width: `calc(100% - ${padding}px)`, height: height - padding, zIndex: 2 }}
-          src={imgSrc}
-          alt={imgAlt}
-        />
-      </div>
-    </a>
-  )
-}
-
-function Label({ sponsor }: { sponsor: Sponsor }) {
-  assert(!('username' in sponsor))
-  const labelBg = getLabelBg(sponsor)
-  const labelIcon = getLabelIcon(sponsor)
-  const labelText = getLabelText(sponsor)
-  return (
-    <div
-      style={{
-        top: 0,
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        position: 'relative',
-        paddingBottom: 1
-      }}
-    >
-      {labelBg}
-      {labelIcon}
-      {labelText}
-    </div>
-  )
-}
-
-function getLabelBg(sponsor: SponsorCompany) {
-  const height = sponsor.plan === 'platinum' ? 32 : 24
-  return <img src={labelBgImg} style={{ height, position: 'absolute', bottom: 0, zIndex: -1 }} />
-}
-
-function getLabelText(sponsor: SponsorCompany) {
-  if (sponsor.plan === 'platinum') {
-    return <></>
-  }
-  const letterSpacing = ['bronze', 'silver', 'gold'].includes(sponsor.plan) ? 1 : undefined
-  return (
-    <>
-      {' '}
-      <span
-        style={{
-          zIndex: 1,
-          fontSize: '0.82em',
-          position: 'relative',
-          top: 0,
-          fontWeight: 500,
-          color: '#666',
-          letterSpacing
-        }}
-      >
-        {capitalizeFirstLetter(sponsor.plan)}
-      </span>
-    </>
-  )
-}
-
-function getLabelIcon(sponsor: SponsorCompany) {
-  let medalSrc: string
-  if (sponsor.plan === 'platinum') {
-    return <Emoji name="trophy" style={{ fontSize: '1.3em' }} />
-  } else if (sponsor.plan === 'gold') {
-    medalSrc = medalGold
-  } else if (sponsor.plan === 'silver') {
-    medalSrc = medalSilver
-  } else if (sponsor.plan === 'bronze') {
-    medalSrc = medalBronze
-  } else {
-    assert(false)
-  }
-  return <img src={medalSrc} style={{ height: 15, zIndex: 1, marginRight: 5 }} />
-}
-
-function getSize(plan: Plan) {
-  if (plan === 'platinum') {
-    assert(false)
-  }
-  if (plan === 'gold') {
-    return { width: 400, height: 150, padding: 95 }
-  }
-  if (plan === 'silver') {
-    return { width: 300, height: 100, padding: 45 }
-  }
-  if (plan === 'bronze') {
-    return { width: 200, height: 70, padding: 30 }
-  }
-  if (plan === 'FREE_SLOT') {
-    return { width: 150, height: 40, padding: 15 }
-  }
-  assert(false)
-}
-
-function capitalizeFirstLetter(word: string): string {
-  return word[0].toUpperCase() + word.slice(1)
-}

package/src/components/features/FeatureList.tsx

@@ -1,114 +0,0 @@
-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: any
-}) {
-  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: any; rightSide: boolean }) {
-  return (
-    <aside className={'learn-more ' + (rightSide ? 'right-side' : '')} id={`learn-more-${name}`}>
-      {children}
-    </aside>
-  )
-}