This repository has been archived by the owner on Mar 11, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 160
/
Copy pathtruffle.html
286 lines (248 loc) · 16.2 KB
/
truffle.html
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
<!DOCTYPE html>
<html>
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WHT4PS2');</script>
<!-- End Google Tag Manager -->
<!-- HubSpot Forms -->
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> <!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/4795067.js"></script>
<!-- End of HubSpot Embed Code -->
<meta charset="utf-8">
<meta name="description" content="Open source framework for rapid Dapp development and Smart Contract Life Cycle Management. Truffle is the most popular dev framework for Ethereum and makes your life easier!">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="environment" content="">
<!-- Favicon -->
<link rel="icon" href="/img/favicons/favicon.ico">
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Truffle Suite">
<link rel="icon" sizes="192x192" href="/img/favicons/chrome-touch-icon-192x192.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Truffle Suite">
<link rel="apple-touch-icon" href="/img/favicons/apple-touch-icon.png">
<!-- Tile icon for Win8/10 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="img/favicons/ms-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#3372DF">
<!-- Facebook OpenGraph -->
<meta property="og:site_name" content="Truffle Suite" />
<meta property="og:description" content="Open source framework for rapid Dapp development and Smart Contract Life Cycle Management. Truffle is the most popular dev framework for Ethereum and makes your life easier!" />
<meta property="og:title" content="Truffle | Truffle Suite" />
<meta property="og:url" content="https://trufflesuite.com/truffle" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://truffleframework.com/img/favicons/truffle-share.png" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="Truffle Suite" />
<meta name="twitter:title" content="Truffle | Truffle Suite" />
<meta name="twitter:description" content="Open source framework for rapid Dapp development and Smart Contract Life Cycle Management. Truffle is the most popular dev framework for Ethereum and makes your life easier!" />
<meta name="twitter:creator" content="Truffle Suite" />
<meta name="twitter:domain" content="trufflesuite.com" />
<meta name="twitter:image:src" content="https://truffleframework.com/img/favicons/truffle-share.png" />
<meta name="google-site-verification" content="BSgPkMHzw7IxJTpEElNfD8ZZYPzXgOQiTVPzAxAG8-o" />
<title>Truffle | Truffle Suite</title>
<link href="https://fonts.googleapis.com/css?family=Grand+Hotel|Open+Sans|Oswald|Varela+Round|Roboto+Condensed|Roboto+Mono|Cinzel" rel="stylesheet">
<link rel="stylesheet" href="https://use.typekit.net/okj1vue.css">
<script src="https://kit.fontawesome.com/371f2d7a8a.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/css/index.css?cache_buster=1623735132232">
<!-- start Mixpanel --><!--<script type="text/javascript">(function(c,a){if(!a.__SV){var b=window;try{var d,m,j,k=b.location,f=k.hash;d=function(a,b){return(m=a.match(RegExp(b+"=([^&]*)")))?m[1]:null};f&&d(f,"state")&&(j=JSON.parse(decodeURIComponent(d(f,"state"))),"mpeditor"===j.action&&(b.sessionStorage.setItem("_mpcehash",f),history.replaceState(j.desiredHash||"",c.title,k.pathname+k.search)))}catch(n){}var l,h;window.mixpanel=a;a._i=[];a.init=function(b,d,g){function c(b,i){var a=i.split(".");2==a.length&&(b=b[a[0]],i=a[1]);b[i]=function(){b.push([i].concat(Array.prototype.slice.call(arguments,
0)))}}var e=a;"undefined"!==typeof g?e=a[g]=[]:g="mixpanel";e.people=e.people||[];e.toString=function(b){var a="mixpanel";"mixpanel"!==g&&(a+="."+g);b||(a+=" (stub)");return a};e.people.toString=function(){return e.toString(1)+".people (stub)"};l="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
for(h=0;h<l.length;h++)c(e,l[h]);var f="set set_once union unset remove delete".split(" ");e.get_group=function(){function a(c){b[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));e.push([d,call2])}}for(var b={},d=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<f.length;c++)a(f[c]);return b};a._i.push([b,d,g])};a.__SV=1.2;b=c.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?
MIXPANEL_CUSTOM_LIB_URL:"file:"===c.location.protocol&&"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";d=c.getElementsByTagName("script")[0];d.parentNode.insertBefore(b,d)}})(document,window.mixpanel||[]);
let devPort = '9000';
let devToken = 'ef061cba76a9bbc41219d6382fc12f23';
let prodToken = 'Production Token';
//If the hostname is anything other than your production domain, initialize the Mixpanel library with your Development Token
if (window.location.port.search(devPort) < 0) {
mixpanel.init(prodToken);
} else {
mixpanel.init(devToken);
}
</script>--><!-- end Mixpanel --></head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WHT4PS2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-expand-md navbar-dark fixed-top" id="primaryNav">
<a class="navbar-brand current" href="/">
<img class="suite-logo" src="/img/truffle-logomark.svg" alt="Truffle Logo" /><span class="d-none d-lg-block">TRUFFLE SUITE</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="suiteDropdown" href="#" data-toggle="dropdown">SUITE</a>
<div class="dropdown-menu">
<a class="text-truffle" href="/teams">
<img class="suite-logo" src="/img/tt-logomark.svg" alt="Truffle Teams Logo" /><span class="narrow">T</span>RUFFLE TEAMS
</a>
<a class="text-truffle" href="/truffle">
<img class="suite-logo" src="/img/truffle-logomark.svg" alt="Truffle Logo" /><span class="narrow">T</span>RUFFLE
</a>
<a class="text-ganache" href="/ganache">
<img class="suite-logo" src="/img/ganache-logomark.svg" alt="Ganache Logo" />Ganache
</a>
<a class="text-drizzle" href="/drizzle">
<img class="suite-logo" src="/img/drizzle-logomark.svg" alt="Drizzle Logo" />dri<span class="drizzle-z-skew-1">z</span><span class="drizzle-z-skew-2">z</span>le
</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="/docs">DOCS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/guides">GUIDES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/tutorial">TUTORIAL</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/boxes">BOXES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/blog">BLOG</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/community">COMMUNITY</a>
</li>
</ul>
</div>
</nav>
<main role="main" class="container">
<div class="row align-items-center truffle-heading-row">
<div class="col-md-6">
<img class="truffle-banner-image" src="img/truffle-header.svg" alt="Truffle" title="Truffle" />
</div>
<div class="col-md-6">
<h1 class="text-truffle"><span class="narrow">T</span>RUFFLE</h1>
<h2>SMART CONTRACTS MADE SWEETER</h2>
<p>Truffle is the most popular development framework for Ethereum with a mission to make your life a whole lot easier.</p>
<pre class="bd-milk-chocolate"><code>npm install truffle -g</code></pre>
<br/>
<a href="https://github.com/trufflesuite/truffle" class="btn btn-truffle">GITHUB REPO</a>
<a href="/docs/truffle/overview" class="btn btn-truffle">DOCS</a>
<div class="github-button-wrapper">
<a class="github-button" href="https://github.com/trufflesuite/truffle" data-size="large" data-show-count="true" aria-label="Star trufflesuite/truffle on GitHub">Star</a>
</div>
</div>
<!--<p class="truffle-down-arrow d-none d-md-block" id="headerArrow"><i class="fas fa-chevron-down"></i></p>-->
</div>
<div class="row mt-5 mb-6" id="contentBegins">
<div class="col text-center">
<h1 class="text-truffle">FEATURES</h1>
</div>
</div>
<div class="row align-items-center truffle-feature-row mb-6">
<div class="col-md-6">
<img src="img/truffle-icon-1.svg" alt="Truffle Feature" title="Truffle Feature" />
</div>
<div class="col-md-6">
<h4 class="mb-3 text-truffle">Smart Contract Lifecycle Management</h4>
<p class="mb-1">Truffle takes care of managing your contract artifacts so you don't have to. Includes support for custom deployments, library linking and complex Ethereum applications.</p>
<a class="link-truffle" href="/docs/truffle/getting-started/compiling-contracts">Learn More</a>
<h4 class="mt-4 mt-md-5 mb-3 text-truffle">Automated Contract Testing</h4>
<p class="mb-1">Bring your dapp development to the 21st century. Write automated tests for your contracts in both JavaScript and Solidity, and get your contracts developed quickly.</p>
<a class="link-truffle" href="/docs/truffle/testing/testing-your-contracts">Learn More</a>
</div>
</div>
<div class="row align-items-center truffle-feature-row mb-6">
<div class="col-md-6 order-md-7">
<img src="img/truffle-icon-2.svg" alt="Truffle Feature" title="Truffle Feature" />
</div>
<div class="col-md-6 order-md-1">
<h4 class="mb-3 text-truffle">Scriptable Deployment & Migrations</h4>
<p class="mb-1">Write simple, manageable deployment scripts that acknowledge your application will change over time. Foster your dapp's evolution and ensure you can maintain your contracts far into the future.</p>
<a class="link-truffle" href="/docs/truffle/getting-started/running-migrations">Learn More</a>
<h4 class="mt-4 mt-md-5 mb-3 text-truffle">Simple Network Management</h4>
<p class="mb-1">Don't manage network artifacts ever again. Let Truffle do it for you, and put your focus on dapp development where it belongs.</p>
<a class="link-truffle" href="/docs/truffle/advanced/networks-and-app-deployment">Learn More</a>
</div>
</div>
<div class="row align-items-center truffle-feature-row mb-7">
<div class="col-md-6">
<img src="img/truffle-icon-3.svg" alt="Truffle Feature" title="Truffle Feature" />
</div>
<div class="col-md-6">
<h4 class="mb-3 text-truffle">Powerful Interactive Console</h4>
<p class="mb-1">Use Truffle to save time and talk to your contracts via an interactive console, which includes access to all your built contracts and all available Truffle commands.</p>
<a class="link-truffle" href="/docs/truffle/getting-started/using-truffle-develop-and-the-console">Learn More</a>
<h4 class="mt-4 mt-md-5 mb-3 text-truffle">External Script Runner</h4>
<p class="mb-1">Use Truffle to bootstrap your contracts and run a network-aware script, without hassle. </p>
<a class="link-truffle" href="/docs/truffle/getting-started/writing-external-scripts">Learn More</a>
</div>
</div>
</main>
<div class="banner-taste truffle">
<div class="container">
<div class="row">
<div class="col text-center">
<h1 class="text-truffle">Like the taste?</h1>
<h2>The recipe is open source!</h2>
<p>The full source code of Truffle is on <a href="https://github.com/trufflesuite/truffle">GitHub</a>! We welcome all contributions and feature suggestions.</p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scroll-arrow.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
<footer>
<div class="container">
<div class="row">
<div class="col-12 col-md-2 mb-4 mb-md-0">
<img class="truffle-logo" src="/img/truffle-logo-light.svg" alt="Truffle Logo" />
</div>
<div class="col-12 col-md-5 mb-3 mb-md-0">
<ul>
<li><a href="mailto:inquiry@trufflesuite.com">CONTACT US</a></li>
<li><a href="/policy">PRIVACY POLICY</a></li>
<li><a href="/press-releases">PRESS RELEASES</a></li>
<li><a href="/staff">STAFF</a></li>
<li><a href="/dashboard">DASHBOARD</a></li>
<li><a href="https://github.com/trufflesuite">GITHUB</a></li>
<li><a class="trufflecon-link" href="https://www.trufflesuite.com/trufflecon2020">TRUFFLEC<img src="/img/truffle-logomark.svg" alt="Truffle Logo" /><span>O</span>N 2020</a></li>
<li><strong>© ConsenSys Software Inc. 2021</strong></li>
</ul>
<ul class="list-inline h4 ">
<li class="list-inline-item mb-0"><a href="https://www.reddit.com/r/truffle"><i class="fab fa-reddit-square"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://twitter.com/trufflesuite"><i class="fab fa-twitter-square"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://www.facebook.com/trufflesuite/"><i class="fab fa-facebook-square"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://www.instagram.com/truffledevsuite/"><i class="fab fa-instagram"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://www.linkedin.com/company/trufflesuite/"><i class="fab fa-linkedin"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://www.youtube.com/channel/UCo2cy2Z7_91zPJSrb6NWfSw"><i class="fab fa-youtube-square"></i></a></li>
</ul>
</div>
<div class="col-12 col-md-5">
<h4>SIGN UP FOR THE TRUFFLE MAILING LIST</h4>
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: "4795067",
formId: "d18995c8-32bb-4b2d-bde9-3f49fb3d2837"
});
</script>
</div>
</div>
</div>
</footer>
</body>
</html>