starterpk.github.io/index.html at master · starterpk/starterpk.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!doctype html>
<html lang="en-us">

    <head>

        <!-- Meta -->
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Starter Pack</title>
        <meta name="title" content="Starter Pack" />
        <meta name="description" content="Starter Pack: The CLI tool for everyone" />

        <!-- Open Graph / Facebook -->
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://starterpk.com" />
        <meta property="og:title" content="Starter Pack" />
        <meta property="og:description" content="Starter Pack: The CLI tool for everyone"/>
        <meta property="og:image" content="https://starterpk.js.org/assets/img/starterpack-logo-meta.png" />

        <!-- Twitter -->
        <meta property="twitter:card" content="summary_large_image" />
        <meta property="twitter:url" content="https://starterpk.com/" />
        <meta property="twitter:title" content="Starter Pack" />
        <meta property="twitter:description" content="Starter Pack: The CLI tool for everyone" />
        <meta property="twitter:image" content="https://starterpk.js.org/assets/img/starterpack-logo-meta.png" />

        <!-- The compiled CSS file -->
        <link rel="stylesheet" href="assets/css/style.css">

        <!-- Web fonts -->
        <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,700" rel="stylesheet">

        <!-- favicon.ico. Place these in the root directory. -->
        <link rel="shortcut icon" href="favicon.ico">

    </head>

    <body class="has-animations">

    <!-- Create outer border -->
    <div class="page-border">
    <div class="bg--white" >

        <!-- Header -->
        <header class="align--center pt3 pb2">
            <div class="container">
                <h1 class="mb3 reveal-on-scroll is-revealing" title="Huddle"><img src="assets/img/starterpack-logo.png" alt="Starter Pack logo"></h1>
                <h2 class="mb3 reveal-on-scroll is-revealing">The CLI tool for everyone</h2>
                <p class="mb3 reveal-on-scroll is-revealing">Beta available now.</p>
                <a href="https://github.com/starterpk/docs" class="btn btn--default reveal-on-scroll is-revealing">Documentation</a>
                <button id="btn1" onclick="copyText('npx @starter-pack/cli', 'btn1')" class="btn btn--outline reveal-on-scroll is-revealing">npx @starter-pack/cli</button>
                <a href="https://github.com/starterpk/downloads/raw/main/StarterPackGUI/macOS/starter-pack-gui.zip" class="btn btn--default reveal-on-scroll is-revealing">Download The GUI (macOS) →</a>

                <p class="small mt1 text--gray">Side effects may include increased productivity and developer happiness.</p>
            </div>
        </header>

        <!-- Body -->
        <main>
            <div class="container">

                <!-- Info -->
                <section class="pt2 pb3">
                    <div class="grid-row">
                        <div class="grid-column span-one-third mt1 reveal-on-scroll is-revealing">
                            <img class="icon mb1" src="assets/img/penknife.svg" alt="Swiss Army Knife">
                            <p>Unifies lots of other CLI tools. Why bother downloading and trying to remember commands for lots of different CLI tools when you can just use one instead?</p>
                        </div>
                        <div class="grid-column span-one-third mt1 reveal-on-scroll is-revealing">
                            <img class="icon mb1" src="assets/img/computer.svg" alt="Computer Interface">
                            <p>Not comfortable with the Command Line? Or just prefer graphical interfaces because it's the 21st century? Use the Starter Pack GUI instead!</p>
                        </div>
                        <div class="grid-column span-one-third mt1 reveal-on-scroll is-revealing">
                            <img class="icon mb1" src="assets/img/medal.svg"  alt="Best Practices">
                            <p>Do you want your new app to be the best it can possibly be? We actively promote best practices. Starter Pack is more than just a tool. </p>
                        </div>
                    </div>

                </section>

                <!-- Packs -->
                <section class="pt3 pb4 align--center">
                    <h3 class="mb2">Starter Pack includes</h3>
                    <img class="m1" src="assets/img/packs/angular.png" alt="Stripe" style="height: 80px;">
                    <img class="m1" src="assets/img/packs/react.png" alt="Segment" style="height: 80px;">
                    <img class="m1" src="assets/img/packs/svelte.png" alt="Drift" style="height: 80px;">
                    <img class="m1" src="assets/img/packs/typescript.png" alt="Zopim" style="height: 80px;">
                    <img class="m1" src="assets/img/packs/vue.png" alt="New Relic" style="height: 80px;">
                </section>


                <!-- CTA -->
                <section class="align--center pt4 pb5">
                    <p class="h3 mb2 reveal-on-scroll is-revealing">Try Starter Pack now</p>
                    <button id="btn2" onclick="copyText('npx @starter-pack/cli', 'btn2')" class="btn btn--outline reveal-on-scroll is-revealing">npx @starter-pack/cli</button>
                    <a href="https://github.com/starterpk/downloads/raw/main/StarterPackGUI/macOS/starter-pack-gui.zip" class="btn btn--default reveal-on-scroll is-revealing">Download The GUI (macOS) →</a>
                    <p class="small mt1 text--gray">Spotted a bug? Got a feature request? Create a pull request :)</p>
                </section>

            </div>
        </main>

        <!-- Footer -->
        <footer class="mt2 pb3 align--center">
            <ul class="no-bullets list--inline mb0">
                <li class="m1 block-on-mobile"><a href="https://www.twitter.com/StarterPackCLI" class="link"><img class="icon-sm" src="assets/img/twitter.svg" alt="Twitter">@StarterPackCLI</a></li>
            </ul>
            <p class="mt1 small text--gray">Starter Pack: Created by <a href="https://www.twitter.com/SunilSandhu" class="link">@SunilSandhu</a>.</p>
            <p class="mt1 small text--gray">Website: Designed by <a href="https://www.papayatemplates.com" class="link">Papaya</a>.</p>
        </footer>

    </div>
    </div>
    <!-- Scroll reveal -->
    <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
    <script src="assets/js/main.js"></script>
    </body>
</html>