index.html

<html>
    <head>
        <title>Heron</title>        
        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
        <style>
            body { font-family: 'Source Sans Pro', sans-serif; }
            .main { display: flex; }
            .left { width: 33%; }
            .right { flex-grow: 1; padding: 10px;}
        </style>
        <meta property="og:image" content="img/heron-source-torus.png">
        <meta property="og:image:type" content="image/png">
    </head>
    <body>
        <a href="https://github.com/cdiggins/heron-language"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>        <h1>Heron Language 3D Geometry Demo</h1>

        <div class="main">
        <div class="left">
            <p style="font-weight: bold">
                <a href="https://github.com/cdiggins/heron-language">Heron</a> is a new statically typed functional programming 
                language with a JavaScript-like syntax that specializes in the processing of arrays of numerical data.
            </p>
            <p>
                This demo uses Heron to generate mesh data (vertices, faces, and colors) 
                and uses Three.JS to display the resulting geometry. 
                Browse the source code here:
                <ul>
                    <li><a href="source-browser/geometry-mesh.html">geometry-mesh.heron</a></li>
                    <li><a href="source-browser/geometry-vector3.html">geometry-vector3.heron</a></li>
                    <li><a href="source-browser/array.html">array.heron</a></li>
                    <li><a href="source-browser/test.html">test.heron</a></li>
                </ul>
            </p>
            <p>
                If you are interested in learning more, or collaborating please reach out to me, 
                <a href="https://cdiggins.github.io/">Christopher Diggins</a>, via <a href="mailto:cdiggins@gmail.com">email</a>
                <a href="https://www.linkedin.com/in/cdiggins/">LinkedIn</a>, <a href="https://twitter.com/cdiggins">Twitter</a>,
                or <a href="https://github.com/cdiggins/heron-language">GitHub</a>.
            </p>
        </div>
        <div class="right">
            <iframe src="demo/demo.html" frameborder="0" scrolling="yes" height="80%" width="100%" />  
        </div>
    </body>
</html>