index.html

<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nearley Parser Playground | Parse Grammars Online, From The Comfort Of Your Home!</title>
<style type="text/css">
    body {
        font-family: Menlo, Monacco, monospace;
        margin: 0;
    }
    .header {
        padding: 20px
    }
    .title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .preload {
        display: flex;
        flex-direction: column;
        min-height: 100%;
        position: relative;
    }
    .loading-wrap {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-around;  
        text-align: center;
    }

</style>
<div id='mount'>
    <div class='preload'>
        <div class='header'>
            <div class="title">⛹ Nearley Parser Playground</div>
            <div>
                Experiment with <a href="https://hardmath123.github.io/">Hardmath123</a>'s incredible 
                <a href="http://nearley.js.org/">Nearley Parser</a>! Nearley will parse anything you throw at it (including ambiguous grammars!) without complaining or going into a <s>sulk</s> infinite loop. You can find the Nearley syntax spec <a href="https://github.com/Hardmath123/nearley#parser-specification">here</a>, more example grammars <a href="https://github.com/Hardmath123/nearley/tree/master/examples">here</a>, and this project's repo <a href="https://github.com/bijection/nearley-playground">here</a>. If you like playgrounds and stuff, consider <a href="https://twitter.com/intent/follow?user_id=4033676687">following me on twitter</a>!
            </div>
        </div>
        <div class='loading-wrap'>
            Loading...
        </div>
    </div>
</div>

<script type="text/javascript" src='./dist/client.bundle.js'></script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-83153710-5', 'auto');
  ga('send', 'pageview');

</script>