purplejs.github.io/index.html at master · purplejs/purplejs.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
    <title>PurpleJS</title>
    <meta name="description" content="PurpleJS is a JavaScript application framework running on the Java Virtual Machine."/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta property="og:title" content="PurpleJS"/>
    <meta property="og:image" content="http://purplejs.io/assets/img/juke.png"/>
    <meta property="og:url" content="http://purplejs.io"/>
    <meta property="og:description" content="PurpleJS is a JavaScript application framework running on the Java Virtual Machine."/>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="assets/css/main.css"/>
    <!-- Google Analytics --><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','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-113448-12', 'auto');ga('send', 'pageview');</script><!-- End Google Analytics -->
</head>
<body>
    <header class="page-header">
        <h1>
            <img class="page-header-logo__img" src="assets/img/purplejs-logo.svg" alt="PurpleJS logo"/>
            <span class="page-header-logo__text visually-hidden">PurpleJS</span>
        </h1>
        <a href="https://github.com/purplejs/" class="header-github__link"><span class="header-github__text visually-hidden">We're on GitHub</span></a>
    </header>

    <main>

        <div class="introduction container">
            <p>PurpleJS is a <a href="https://www.javascript.com/" class="introduction__link--js">JavaScript</a> application framework running on the <a href="https://www.java.com" class="introduction__link--java">Java Virtual Machine</a>.<br/>
                Combine the power of Java and your existing investments with the simplicity of JavaScript. PurpleJS is an alternative to Node.js for Java projects.</p>

        </div>

        <div class="get-started">
            <div class="container">
                <a class="get-started__link" href="https://github.com/purplejs/purplejs/wiki">
                    <img src="assets/img/juke.svg" class="get-started__juke" alt="Juke - the PurpleJS mascot"/>
                    <div class="get-started__text">
                        <h2 class="get-started__heading">Get started now!</h2>
                        <p class="get-started__notice">NB: Requires Java 1.8 update 92 or higher</p>
                    </div>
                </a>
            </div>
        </div>

        <div class="container">
            <ul class="link-list">
                <li class="link-list__item">
                    <a class="link-list__link" href="https://github.com/purplejs/purplejs-examples"><img class="link-list__link-icon" src="assets/img/tutorials-icon.svg" alt="Examples icon"/>Examples</a>
                </li>
                <li class="link-list__item">
                    <a class="link-list__link" href="https://github.com/purplejs/purplejs/wiki"><img class="link-list__link-icon" src="assets/img/documentation-icon.svg" alt="Documentation icon"/>Documentation</a>
                </li>
                <li class="link-list__item">
                    <a class="link-list__link" href="https://github.com/purplejs/purplejs"><img class="link-list__link-icon" src="assets/img/git-icon.svg" alt="Git icon"/>Source Code</a>
                </li>
            </ul>
        </div>

    </main>

    <footer class="page-footer">
        <a href="https://enonic.com">Proudly sponsored by Enonic</a>
    </footer>

</body>
</html>