Test ToC

README.md

Overview

Getting Started

This is how you get _ started _. Competently enable effective content whereas enterprise mindshare. Dramatically reinvent 24/7 methods of empowerment with exceptional markets. Seamlessly administrate world-class vortals whereas. Holisticly evolve top-line potentialities via.

Some more important information

Follow your heart and your gut, and things usually work out.

• Ken Korth

Installation

npm install
yarn start

Some other header

Interactively customize resource maximizing alignments rather.

A final header

Uniquely streamline interoperable infomediaries with scalable vortals. Phosfluorescently actualize extensible deliverables vis-a-vis an expanded array.

anchorExample.md

OSX/Installation

subheader

I am a nested page (in theory).

To Bottom

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla efficitur consectetur turpis, egestas mollis odio maximus in. Maecenas ac nunc mollis, aliquam ex at, tincidunt ipsum. Nulla porttitor nibh sed luctus consectetur. Aliquam porta ligula ac velit tristique tincidunt. Pellentesque ipsum ex, porttitor nec maximus at, lacinia id augue. Sed rhoncus ultricies consectetur. Nunc condimentum fermentum libero, ac mollis nisl lacinia nec. Quisque mollis tortor sit amet leo ultrices aliquet. Pellentesque nec fermentum massa. Integer maximus tincidunt est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam condimentum vulputate metus, eget consequat lacus viverra a. Phasellus non convallis augue.

Suspendisse consectetur, ipsum non pretium laoreet, tellus est tincidunt arcu, in placerat lacus felis sed diam. Fusce purus velit, elementum at leo vitae, rutrum tincidunt ligula. Nam consectetur justo nec tortor eleifend, id posuere magna ultricies. Vestibulum vitae arcu ut ex laoreet tincidunt vitae sed sem. Quisque efficitur suscipit neque non accumsan. Fusce non cursus dolor. Mauris vitae congue est. Nam euismod justo in eleifend tristique. Nam vitae neque lobortis, fringilla eros at, laoreet ipsum. Vivamus ut lorem maximus, fringilla augue non, commodo lectus. Etiam a justo ac libero tristique eleifend sed a enim. Quisque tincidunt, augue nec posuere feugiat, augue ligula tempor nisi, quis faucibus purus tellus id magna. Curabitur quam metus, elementum quis volutpat et, dapibus et arcu.

Phasellus id felis ac purus condimentum egestas quis nec magna. Sed quam lectus, tristique vestibulum lectus eu, feugiat pharetra ligula. Pellentesque commodo, nibh lacinia luctus posuere, arcu risus dapibus sapien, a fringilla lectus quam molestie diam. Ut posuere ipsum at nunc congue blandit. Fusce sit amet blandit lorem, sed placerat ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis consectetur mi, in pellentesque augue molestie vitae.

Quisque magna purus, egestas non odio eleifend, auctor congue nisl. Proin faucibus nisi et nisl pharetra lacinia. Curabitur a neque sit amet risus pulvinar venenatis. Integer posuere aliquet neque, a lacinia justo convallis sit amet. Proin cursus vel nibh non convallis. Duis vestibulum nulla sit amet turpis iaculis vehicula. Integer accumsan facilisis leo id sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Proin eget sem odio. Etiam mollis magna viverra aliquet posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut malesuada scelerisque pretium. Suspendisse id fringilla arcu. Mauris id pretium quam. Nullam suscipit massa ut risus pellentesque, eget efficitur mi porttitor.

Integer sit amet nulla sed urna convallis scelerisque. Nulla ac sollicitudin quam, vitae cursus est. Duis ac consequat lacus. Nullam accumsan risus et orci pretium aliquet. Nullam vel pharetra augue. Suspendisse sollicitudin orci vel risus mattis, nec placerat ligula consectetur. Nam non finibus quam. Donec rhoncus odio eu mauris elementum, vel eleifend sem luctus. Quisque molestie ac tortor eget rhoncus.

Maecenas ultricies, mauris vitae ultricies cursus, mi magna varius diam, sed ornare lorem eros id quam. Praesent ac elementum dui, sit amet efficitur urna. Nam placerat a mauris vel ultrices. Phasellus porta, nibh quis fermentum aliquam, dui sapien facilisis ipsum, id imperdiet orci nibh at velit. Maecenas accumsan faucibus neque, et lobortis eros gravida vitae. Nam quis malesuada libero. Praesent faucibus non diam id vulputate. Duis tempor neque eget lorem suscipit, non lacinia tortor venenatis. Nullam eu euismod dui, a gravida erat. Fusce aliquam eros vitae dolor pulvinar molestie. Nulla vel orci vehicula, porta sapien sed, placerat ipsum. Mauris nec commodo tellus, sed commodo justo. Etiam sollicitudin id justo ac cursus. Phasellus aliquet rutrum enim, et convallis tellus eleifend sit amet. Nullam ac vulputate lectus, sed fermentum est.

Pellentesque lacinia ex id mattis pellentesque. Sed pretium rutrum consequat. Vestibulum eu risus ut arcu tempor volutpat sed eu velit. In hac habitasse platea dictumst. Vivamus tristique luctus nisi, dignissim facilisis lorem fringilla eu. Vivamus non turpis facilisis, commodo massa molestie, gravida massa. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum enim sit amet nunc bibendum vestibulum. In dapibus tortor nulla, ut porta ipsum euismod sit amet. Etiam blandit turpis mi, eu faucibus ex semper a. Nam nisi risus, tempus sit amet elit id, venenatis ornare odio. Morbi dolor tortor, molestie non iaculis interdum, feugiat quis metus.

Ut nec luctus ex. Vestibulum mollis libero a dolor tempor, et sagittis enim fringilla. Suspendisse finibus hendrerit purus vitae congue. Praesent sed augue sit amet diam porttitor fermentum. Etiam nibh ex, semper non porttitor sed, malesuada non augue. Ut pulvinar varius mauris, nec eleifend lacus consectetur vitae. Duis vel tortor eu diam pellentesque mattis. Donec id lacus porttitor velit dictum auctor. Vestibulum ac velit ex. Suspendisse convallis, massa ac lobortis mattis, nisi ligula rutrum nisl, sed elementum ligula ipsum id purus.

Vivamus sed auctor risus. Mauris eget lorem at lacus faucibus aliquet. Maecenas fringilla massa odio. Sed nec arcu fermentum odio ultrices condimentum. Cras eget metus eros. Maecenas et auctor ex. Donec vulputate, lacus at ultrices lobortis, felis purus ultricies lectus, suscipit commodo orci sem vel nunc. Ut vitae tristique diam, ac efficitur enim. Integer a libero eleifend, aliquam nibh nec, condimentum nisl. Nam auctor felis dapibus turpis ullamcorper, id posuere ex sollicitudin. Nam interdum luctus augue vitae interdum. Donec interdum varius ex, a luctus arcu. In pretium sapien in sapien egestas laoreet. Ut dapibus ut odio quis consequat. Nunc id elementum lacus. Donec nec laoreet lorem.

Integer mattis nisi nec nisl ultricies, id consectetur nibh commodo. Ut rhoncus dictum mattis. Nam lacinia arcu vel est venenatis, sed hendrerit arcu hendrerit. Integer sem mauris, placerat sed auctor vitae, aliquam sit amet diam. Phasellus elementum quam id lectus porttitor ultricies sed eget purus. Nunc in risus imperdiet nunc efficitur tincidunt. Donec sit amet neque vitae urna tincidunt tincidunt sit amet vitae sem. Fusce porttitor elementum felis vel varius. Proin auctor, augue eu vestibulum commodo, dui ipsum tempus erat, hendrerit gravida elit ante sit amet arcu. Integer nisl lacus, viverra eget volutpat sit amet, vulputate non ex. Donec sem lorem, imperdiet id erat tempus, finibus pellentesque turpis. Nam ultricies placerat ante, nec luctus libero pellentesque sit amet. Duis cursus laoreet risus ac ultrices. Etiam euismod nibh non mi bibendum ornare.

Etiam nibh mi, eleifend vitae massa sit amet, gravida commodo nisl. Vestibulum at massa efficitur, commodo sem quis, venenatis mauris. Quisque tempor mauris ac ex semper, ac posuere urna pulvinar. Proin eget aliquam magna, sit amet dignissim lectus. Curabitur sagittis, mi non sagittis auctor, diam risus finibus odio, sit amet facilisis lorem odio id metus. Cras molestie tortor non diam placerat sollicitudin. Fusce ac nibh ac sem lacinia congue. Cras in eleifend dolor. Praesent accumsan tellus vitae bibendum feugiat. Mauris ac vulputate odio. Praesent sit amet vestibulum magna.

Etiam imperdiet dolor id mi auctor, vitae sollicitudin augue porttitor. Nunc pellentesque volutpat augue, et faucibus odio. Praesent dolor odio, pellentesque pretium justo vel, dictum pellentesque felis. Etiam id massa elementum, egestas tellus non, aliquam risus. Sed eleifend dignissim eleifend. Proin in venenatis augue. Quisque iaculis eros et dui pretium hendrerit. Cras libero libero, varius sed ante nec, consequat lobortis nisl. Sed nulla nulla, pellentesque non tempus eu, laoreet vel nisl. Donec massa dui, tincidunt vel erat sed, hendrerit molestie metus. Sed accumsan facilisis quam, at luctus ante faucibus auctor.

Sed et quam eu mi vulputate lobortis ut nec orci. Integer non tortor quis orci tristique facilisis. Integer mattis sem luctus dolor maximus dignissim. Mauris aliquet et quam non viverra. Donec accumsan tempor porta. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque pulvinar nisl eu mattis facilisis. Quisque bibendum vitae metus vestibulum blandit. Nullam at pulvinar augue, sed consequat massa. Vivamus et nunc pulvinar, venenatis mi sed, ultricies elit. Vivamus et sapien sit amet tortor condimentum ullamcorper. Praesent rutrum, arcu sed luctus ornare, leo libero tincidunt ante, non aliquet ante libero sed metus. Morbi aliquet sem id est molestie imperdiet. Etiam tempor neque non nisl vulputate, eu tincidunt libero aliquam. Duis eleifend scelerisque tincidunt.

Suspendisse efficitur viverra interdum. Nullam gravida sollicitudin bibendum. Nam lorem erat, lobortis quis sem sed, semper condimentum justo. Sed interdum egestas sem ac porttitor. Maecenas mollis, orci at volutpat tincidunt, nisi lacus condimentum dolor, non tincidunt dui nisl a mi. Aliquam hendrerit dolor sed tristique condimentum. Aenean viverra, lacus id efficitur vulputate, nibh ex tempor lacus, vitae varius felis sem quis odio. Ut cursus, massa sit amet dapibus pretium, ligula orci accumsan leo, non pretium quam leo nec ex. Vestibulum fermentum tempus purus ac faucibus. Nam condimentum rutrum justo, et luctus massa ornare eu. Integer euismod in est id condimentum.

Phasellus felis enim, fermentum ornare ligula nec, rhoncus ornare lacus. Etiam ac elit semper, bibendum massa nec, dignissim elit. Nullam efficitur imperdiet lacus sed venenatis. Pellentesque posuere tellus id lorem tincidunt dapibus. Integer at volutpat tellus, ac dapibus risus. Sed ac nibh nec purus ultrices dapibus sit amet sit amet orci. Praesent sed felis id nibh imperdiet scelerisque. Cras eleifend nec massa ut mattis. Etiam in mi a dolor commodo congue nec rutrum ex. Maecenas ultricies arcu urna, in auctor arcu ultrices et.

Duis accumsan lacus eget nibh porta ornare. Curabitur vestibulum libero magna, sed tristique libero facilisis vel. Nunc nec sagittis tortor, ac consequat dolor. Nunc porta id leo eleifend viverra. Nunc ultricies pretium condimentum. Nulla ante felis, gravida sed ex ac, lobortis faucibus justo. Praesent lacinia velit eu quam imperdiet consequat. Duis quis nunc auctor, posuere ipsum ac, fringilla quam.

Ut ornare est sed feugiat posuere. Maecenas pulvinar nulla justo, vel aliquam lectus aliquam a. Ut fermentum, erat eget fringilla pretium, ipsum lorem rutrum metus, at tempus nulla augue nec felis. Nam at dolor porta, ultricies elit a, accumsan sapien. Vivamus quam urna, tincidunt a purus vel, tempor vulputate odio. Maecenas molestie suscipit quam in blandit. Cras laoreet convallis sapien laoreet fermentum. Integer ut leo sit amet nisi bibendum volutpat. Etiam non viverra neque, quis tempus augue. Nam ultrices, neque ac volutpat imperdiet, enim enim varius libero, at tincidunt ipsum felis tristique nunc. Donec vel faucibus justo. Curabitur dapibus velit pellentesque enim consectetur maximus. Vivamus quis justo ullamcorper, consectetur sapien vel, malesuada elit.

Ut fringilla, lacus nec egestas venenatis, neque mauris blandit sem, ut aliquet tellus purus eu quam. Quisque a sapien lorem. Donec et varius nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent vulputate urna tellus, ut tincidunt orci auctor ut. Suspendisse mollis diam tellus, eget semper massa euismod et. Proin sagittis pretium felis, sit amet iaculis neque aliquam pellentesque. Mauris consequat sagittis aliquam.

Aenean nec placerat libero. Nullam in mi a elit lobortis fringilla. Nullam ac vulputate libero, in ornare mi. Donec a purus quis dui consectetur imperdiet. Cras nec tellus volutpat sem pellentesque aliquam. Cras lorem sem, tincidunt sit amet lobortis ultricies, tincidunt vitae lectus. Suspendisse nec gravida lacus, imperdiet fringilla tellus. Nullam ligula nulla, dapibus vitae sapien sit amet, ullamcorper vehicula orci. Ut nec fringilla orci. Fusce tincidunt justo magna, sed pharetra massa fringilla quis. Nunc pellentesque augue non lacus imperdiet porta.

Back to top

Subsubheader

asdasd asd as

da

sd

asd

asd

asd

asd

asd

ads

ads

asd

asd

asd

asdasd

example1.md

#HTML Uniquely target goal-oriented process improvements via corporate imperatives. Rapidiously maintain.

<div className="row">
    <section className="col col-6">
      <SpsCard header="APP DETAILS">
        <div className="row-collapse">
          <div className="cols col-12">
            <AppDetails changeHandler={this.detailsChangeHandler} />
          </div>
        </div>
      </SpsCard>
    </section>
    <aside className="col col-6">
      <ServiceListWithToggle onChange={this.serviceToggle} />
    </aside>
  </div>

const getStuffDone = (idx) => {
   let i = 0;
   let something = idx || 0;
   if(i > idx) {
       return;   
   }
   return false;
}

example2.md

Javascript

Completely empower wireless experiences via vertical e-commerce. Synergistically whiteboard customized scenarios via extensive e-commerce. Objectively generate interdependent results before prospective networks. Dramatically productivate diverse processes and turnkey process.

  const test = () => {
     this.thingy().then((arg) => {
       console.log(arg);
     }
  }

Interactively parallel task interactive schemas () => { alert("Hello World") } through pandemic web services. Phosfluorescently.

example3.md

#YAML Professionally deliver long-term high-impact leadership skills vis-a-vis error-free paradigms. Objectively reinvent proactive content rather than viral benefits. Progressively expedite superior sources without effective web-readiness. Uniquely harness fully researched.

clone:
  git:
    image: plugins/git:next
    pull: true

pipeline:
  artifactory:
    image: spscommerce/plugin-npm-auth
    when:
      event:
      - [push, pull-request]
      branch:
      - master

example4.md

Conveniently productivate technically sound.

Collaboratively formulate interoperable supply chains via exceptional sources. Monotonectally exploit strategic materials through global "outside the box" thinking. Interactively implement web-enabled vortals with economically sound interfaces. Completely network team driven convergence vis-a-vis holistic functionalities. Compellingly harness empowered users via sticky channels.

Collaboratively maximize market positioning partnerships whereas cross functional channels. Uniquely actualize 2.0 supply chains whereas plug-and-play manufactured products. Monotonectally re-engineer premium functionalities for future-proof growth strategies. Authoritatively synergize intuitive customer service through client-based synergy. Synergistically reconceptualize holistic e-business through vertical networks.

Objectively evolve bricks-and-clicks channels before quality channels. Efficiently optimize customized outsourcing whereas equity invested solutions. Efficiently matrix reliable scenarios vis-a-vis sticky.

example5.md

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Quote break.

This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.

---

Hyphens

---

Asterisks

---

Underscores

Inline code has back-ticks around it.

Here's our logo (hover to see the title text):

Inline-style:

Reference-style:

1. First ordered list item
2. Another item ⋅⋅* Unordered sub-list.
3. Actual numbers don't matter, just that it's a number ⋅⋅1. Ordered sub-list
4. And another item.

⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).

⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅ ⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅ ⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)

• Unordered list can use asterisks

• Or minuses

• Or pluses

tableExample.md

Monotonectally initiate next-generation solutions for virtual processes. Dynamically initiate next-generation materials before adaptive processes. Interactively disintermediate cross-unit channels whereas collaborative bandwidth. Dramatically revolutionize scalable action items and cutting-edge. Colons can be used to align columns.

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily. You can also use inline Markdown.

Markdown	Less	Pretty
Still	renders	nicely
1	2	3

toc.json

[
  {
    "text": "Basic Features",
    "link": "/example1.md",
    "links": [
      "/example2.md",
      "/example2/example3.md"
    ],
    "children": [
      {
        "text": "Javascript",
        "link": "/example2.md",
        "links": ["/example2/example3.md"],
        "children": [
          {
            "text": "YAML",
            "link": "/example3.md",
            "links": [],
            "children": []
          }
        ]
      },
      {
        "text": "Testing",
        "link": "/example4.md",
        "links": [],
        "children": []
      }
    ]
  },
  {
    "text": "Advanced Features",
    "link": "/example5.md",
    "links": [
      "/example5/tableExample.md",
      "/example5/tableExample/anchorExample.md"
    ],
    "children": [
      {
        "text": "Tables",
        "link": "/example5/tableExample.md",
        "links": ["/example5/tableExample/anchorExample.md"],
        "children": [
          {
            "text": "Anchors",
            "link": "/example5/tableExample/anchorExample.md",
            "links": [],
            "children": []
          }
        ]
      },
      {
        "text": "YAML again",
        "link": "/example5/example4.md",
        "links": [],
        "children": []
      }
    ]
  },
  {
    "text": "Other Links",
    "link": "/products",
    "links": ["/products/lawn-mower", "https://www.google.com"],
    "children": [
      {
        "text": "someproducts",
        "links": ["/products/lawn-mower"],
        "children": [
          {
            "text": "Lawn Mower",
            "link": "/products/lawn-mower",
            "links": [],
            "children": { "text": "Lawn Mower", "link": "/products/lawn-mower" }
          }
        ]
      },
      {
        "text": "external links",
        "links": ["https://www.google.com"],
        "children": [
          {
            "text": "Google.com",
            "link": "https://www.google.com",
            "links": [],
            "children": { "text": "Google.com", "link": "https://www.google.com" }
          }
        ]
      }
    ]
  }
]

toc.md

1. Basic Features

• Javascript
  • YAML

2. Testing
3. Advanced Features

• Table Example
  • Anchor Example

4. YAML again