fe/website/index.html at master · InventiveCoder/fe

History

350 lines (327 loc) · 21.3 KB

Raw

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

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

<!doctype html>

<head>

<title>Fe - A next generation, statically typed, future-proof smart contract language for the Ethereum Virtual Machine</title>

</head>

<body>

<div>

</div>

</svg>

</button>

</div>

<a href="docs/quickstart/index.html" class="transition duration-100 ease-in-out block text-lg px-2 py-2 hover:bg-gray-700 hover:text-white rounded-sm sm:mt-0 sm:ml-2 sm:px-4" title="Get started" >Get started</a>

<a href="docs/index.html" class="transition duration-100 ease-in-out mt-1 text-lg block px-2 py-2 hover:bg-gray-700 hover:text-white rounded-sm sm:mt-0 sm:ml-2 sm:px-4" title="Learn">Learn</a>

<a href="https://discord.gg/ywpkAXFjZH" class="transition duration-100 ease-in-out mt-1 text-lg block px-2 py-2 hover:bg-gray-700 hover:text-white rounded-sm sm:mt-0 sm:ml-2 sm:px-4"title="Community">Community</a>

</nav>

</div>

</header>

<h2 class="text-5xl sm:text-6xl xl:text-6xl leading-none font-semibold tracking-tight">The <span class="text-gray-100">next generation</span><br> smart contract language for Ethereum</h2>

<p class="text-lg sm:text-2xl text-gray-600 leading-6 sm:leading-8 mt-4">Create <span class="text-gray-900 font-semibold">decentralized applications</span> in a powerful, future-proof and <span class="text-gray-900 font-semibold">statically typed</span> language that is <span class="text-gray-900 font-semibold">easy to learn</span>.<p>

<a href="docs/quickstart/index.html" class="transition duration-200 ease-in-out w-full sm:w-auto text-lg sm:text-xl text-center bg-gray-900 rounded text-gray-100 py-3 px-6 hover:bg-gray-700 hover:text-white shadow-xl" title="Get started">Get started</a>

</svg>

  Download v{{FE_VERSION}} for Linux

</a>

</svg>

  Download v{{FE_VERSION}} for Mac

</a>

</svg>

  Download v{{FE_VERSION}}

</a>

</div>

</section>

</svg>

<h3 class="text-2xl font-semibold">Beautiful and elegant</h3>

<p class="text-lg mt-2">The syntax of Fe is largely inspired by Rust. It is easy to learn, even for those who have never dealt with the EVM before. Fe is designed to be safe and equipped with the tooling needed to validate contracts.</p>

</div>

</svg>

Simple yet powerful

</h3>

<p class="text-lg mt-2">Fe seeks to restrict dynamic behavior without limiting expressiveness. Equipped with traits and generics you write clean code without sacrificing compile-time guarantees.

</p>

</div>

</svg>

<h3 class="text-2xl font-semibold">Efficient</h3>

<p class="text-lg mt-2">While currently YUL is used as IR, in the near future Fe will use the new LLVM-inspired compiler backend sonatina, which enables much more aggressive optimizations.</p>

</div>

<p class="text-2xl text-gray-800 leading-7">Explore some advanced contracts written in Fe</p>

<a class="w-full mt-6 block bg-red-500 rounded px-6 py-3 text-lg text-gray-100 sm:w-auto sm:inline-block hover:bg-red-600 transition duration-200 ease-in-out shadow-lg" href="https://github.com/ethereum/fe/tree/master/crates/test-files/fixtures/demos">See examples →</a>

</div>

</section>

<h2 class="text-3xl font-semibold text-center tracking-tight mt-1 lg:text-4xl">The next generation smart contract language.</h2>

<p class="text-xl mx-auto max-w-3xl text-center mt-6">Fe is an evolving smart contract language that strives to make EVM development safer, simpler and more fun.</p>

</div>

</svg>

Static typing

</h3>

<p>Statically typed and equipped with a powerful compiler, Fe guides us to write robust code and avoid bugs.</p>

</div>

</svg>

Improved decidability

</h3>

<p>Fe limits dynamic program behavior to improve decidability and allow more precise gas cost estimation.</p>

</div>

</svg>

Standard library

</h3>

<p>Fe aspires to offer a rich standard library to assist with common tasks of smart contract development.</p>

</div>

</div>

</div>

</div>

</div>

<div aria-hidden="true" class="hidden md:block text-white text-opacity-50 flex-none py-4 pr-4 text-right select-none" style="width: 50px;">1

</div>

// Structs can be emitted as events

struct Signed {

pub book_msg: String<100>

}

// The `contract` keyword defines a new contract type

contract GuestBook {

// Strings are generic over a constant number

// that restricts its maximum size

messages: Map<address, String<100>>

// Context is a struct provided by the standard library

// that gives access to various features of the EVM

pub fn sign(mut self, mut ctx: Context, book_msg: String<100>) {

// All storage access is explicit using `self.<some-key>`

self.messages[ctx.msg_sender()] = book_msg

// Emit the `Signed` event.

ctx.emit(Signed(book_msg))

}

pub fn get_msg(self, addr: address) -> String<100> {

// Copying data from storage to memory

// has to be done explicitly via `to_mem()`

return self.messages[addr].to_mem()

}

</code>

</pre>

</div>

</section>

<h2 class="text-3xl font-bold text-center">Get involved</h2>

<p class="leading-7 text-lg max-w-2xl mx-auto mt-6 text-center">Fe is evolving at a rapid pace. Now is a great time to get involved with the next generation smart contract language.</p>

<p class="text-gray-700 leading-5">Learn to write Fe smart contracts</p>

</a>

<h5 class="text-2xl tracking-tight mb-2">Check examples →</h5>

<p class="text-gray-700 leading-5">Explore advanced contracts written in Fe</p>

</a>

<h5 class="text-2xl tracking-tight mb-2">Contribute →</h5>

<p class="text-gray-700 leading-5">Help improve Fe</p>

</a>

<h5 class="text-2xl tracking-tight mb-2">Discuss →</h5>

<p class="text-gray-700 leading-5">Discuss and explore with the community</p>

</a>

</div>

</section>

</main>

<div>

</div>

<div>

<h4 class="font-semibold mb-4">Get Started</h4>

<ul>

<li><a class="block py-1 hover:text-white" href="docs/quickstart/index.html" title="Quickstart">Quickstart</a></li>

<li><a class="block py-1 hover:text-white" href="/docs/index.html" title="Documentation">Documentation</a></li>

<li><a class="block py-1 hover:text-white" href="https://github.com/ethereum/fe/tree/master/crates/test-files/fixtures/demos" title="Examples">Examples</a></li>

</ul>

</div>

<div>

<h4 class="font-semibold mb-4">Community</h4>

<ul>

<li><a class="block py-1 hover:text-white" href="https://twitter.com/official_fe" title="Fe on Twitter">Twitter</a></li>

<li><a class="block py-1 hover:text-white" href="https://discord.gg/ywpkAXFjZH" title="Fe on Discord">Discord</a></li>

<li><a class="block py-1 hover:text-white" href="https://github.com/ethereum/fe" title="Fe on GitHub">GitHub</a></li>

</ul>

</div>

<div>

<h4 class="font-semibold mb-4">Project</h4>

<ul>

<li><a class="block py-1 hover:text-white" href="docs/spec/index.html" title="Language Spec">Language Spec</a></li>

<li><a class="block py-1 hover:text-white" href="compiler-docs/fe/index.html" title="Language Spec">Compiler API Docs</a></li>

<li><a class="block py-1 hover:text-white" href="https://github.com/ethereum/fe/blob/master/LICENSE.md" title="License">License</a></li>

<li><a class="block py-1 hover:text-white" href="docs/code_of_conduct.html" title="Code of Conduct">Code of conduct</a></li>

</ul>

</div>

</section>

</footer>

let menuBtn = document.querySelector('#menu-btn');

let menu = document.querySelector('#menu');

let menuIcon = document.querySelector('#menu-icon');

let closeIcon = document.querySelector('#close-icon');

function toggleMenu() {

menu.classList.toggle('block');

menu.classList.toggle('hidden');

menuIcon.classList.toggle('block');

menuIcon.classList.toggle('hidden');

closeIcon.classList.toggle('block');

closeIcon.classList.toggle('hidden');

}

menuBtn.addEventListener('click', toggleMenu)

let downloadLinux = document.querySelector('#download-linux');

let downloadMac = document.querySelector('#download-mac');

let downloadUnsupported = document.querySelector('#download-unsupported');

let buttons = {

'linux': downloadLinux,

'mac': downloadMac,

'windows': downloadUnsupported,

'unknown_os': downloadUnsupported

};

function enableDownloadFor(os) {

for (const key in buttons) {

buttons[key].classList.add('hidden');

}

buttons[os].classList.remove('hidden');

}

var detectedOS = "unknown_os";

if (navigator.userAgent.indexOf("Mac") != -1) {

detectedOS = "mac";

} else if (navigator.userAgent.indexOf("Win") != -1) {

detectedOS = "windows";

} else if (navigator.userAgent.indexOf("Linux") != -1) {

detectedOS = "linux";

}

enableDownloadFor(detectedOS);

</script>

</body>

</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

index.html

Latest commit

History

index.html

File metadata and controls