tarifa-website/index.html at master · jcbee/tarifa-website · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html>
    <head>
        <title>tarifa - your friendly toolchain for mobile app development based on Cordova</title>
        <meta charset=utf-8 />
        <link rel="icon" href="images/favicon.ico" />
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no, minimal-ui">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" media="(device-height: 568px)">
        <link rel="stylesheet" type="text/css" href="stylesheets/reset.css" />
        <link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
        <link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <section id="header">
            <header>
                <div class="wrapper">
                    <div class="logo">
                        <a href="/">tarifa<span>v 0.2.0</span></a>
                    </div>
                    <div class="fork"><a href="http://github.com/TarifaTools/tarifa">Fork on github</a></div>
                </div>
            </header>

            <div class="headline">
                <div class="wrapper">
                    <h2>Your friendly toolchain for mobile app development</h2>
                    <p>based on Cordova</p>
                    <a class="button" href="http://npmjs.org/package/tarifa"><span></span>npm install -g tarifa</a>
                </div>
            </div>

            <div class="screen">
                <!-- adapted from Dom Briggs's css terminal: http://cssdeck.com/labs/pure-css-osx-terminal -->
                <div class="terminal">
                    <div class="toolbar">
                        <div class="top">
                            <div class="lights">
                                <div class="light red"></div>
                                <div class="light yellow"></div>
                                <div class="light green"></div>
                            </div>
                        </div>
                    </div>
                    <div class="body">
                        <p> <span class="red">∞</span> tarifa run ios stage --verbose <br>
                            <span class="green">✔︎</span> start to build the www project <br>
                            <span class="green">✔︎</span> prepare, launch www project build <br>
                            <span class="green">✔︎</span> www project build done with configuration stage <br>
                            <span class="green">✔︎</span> prepare, rm cordova www folder <br>
                            <span class="green">✔︎</span> prepare, link www project to cordova www <br>
                            <span class="green">✔︎</span> modifying config.xml <br>
                            <span class="green">✔︎</span> copied icons for platform ios <br>
                            <span class="green">✔︎</span> copied splash screens for platform ios <br>
                            <span class="green">✔︎</span> start cordova prepare <br>
                            <span class="green">✔︎</span> product name set to demo stage<br></p>
                        <div class="cursor"></div>
                    </div>
                </div>
            </div>
        </section>

        <section class="features first">
            <div class="wrapper">
                <div class="column_3">
                    <img src="images/grind.png" />
                    <h4>Build multiple apps</h4>
                    <p>Produce unique apps for multiple platforms within a single project.</p>
                </div>

                <div class="column_3">
                    <img src="images/stack.png" />
                    <h4>Integrate your front-end build system</h4>
                    <p>Integrate the front-end build tool you use and tarifa will trigger it.</p>
                </div>

                <div class="column_3">
                    <img src="images/message.png" />
                    <h4>Interactive project bootstrap</h4>
                    <p>No need to remember every required information while creating a project, tarifa will guide you with adequate questions and save the answers in the project files.</p>
                </div>
            </div>
        </section>

        <section class="features second">
            <div class="wrapper">
                <div class="column_3">
                    <img src="images/direction.png" />
                    <h4>Deploy to testers from the CLI</h4>
                    <p>No need to launch a browser to upload binaries to hockeyapp.</p>
                </div>

                <div class="column_3">
                    <img src="images/file.png" />
                    <h4>Manage iOS provisioning files</h4>
                    <p>No need to use the provisioning portal each time you add a new device to a provisioning file.</p>
                </div>

                <div class="column_3">
                    <img src="images/device.png" />
                    <h4>Available platforms</h4>
                    <p>tarifa supports a subset of cordova platfoms: web, ios, android, windows phone 8.</p>
                </div>
            </div>
        </section>

        <section id="documentation">
            <div class="wrapper">
                <h3>Documentation</h3>
                <div class="screen">
                    <a href="https://www.gitbook.io/book/42loops/tarifa"><span></span>read tarifa-book</a>
                </div>
            </div>
        </section>

        <section id="getstarted">
            <div class="wrapper">
                <h3>Clone & Contribute</h3>
                <a href="http://github.com/TarifaTools/tarifa"><span></span>tarifa on github</a>
                <a href="http://github.com/TarifaTools/tarifa-book"><span></span>tarifa-book on github</a>
            </div>
        </section>

        <section id="footer">
            <div class="wrapper">
                <p>Sponsors: <a href="http://zengularity.com">Zengularity</a></p>
                <p>Follow us on <a href="http://twitter.com/@tarifa_cli">@tarifa_cli</a> for the latest news!</p>
                <p>By <a href="http://twitter.com/@42loops">@42loops</a>, <a href="http://twitter.com/@vveloce">@vveloce</a> and <a href="http://twitter.com/@bapmrl">@bapmrl</a></p>
            </div>
        </section>
        <script type="text/javascript">
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script type="text/javascript">
            try {
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-35740178-1']);
            _gaq.push(['_setDomainName', 'tarifa.tools']);
            _gaq.push(['_trackPageview']);
            } catch(err) {}
        </script>
    </body>
</html>