|
198 | 198 | <span class="underline">How it works</span> |
199 | 199 | </h2> |
200 | 200 | <p class="diagrams__paragraph_intro"> |
201 | | - To understand how F4PGA works, it is best to start with an overview of <br /> |
202 | | - the general EDA tooling ecosystem and then proceed to see what <br /> |
203 | | - the F4PGA project consists of. |
| 201 | + To understand how F4PGA works, it is best to start with an overview of the general <br /> |
| 202 | + EDA tooling ecosystem and then proceed to see what the F4PGA project consists of. <br /> |
| 203 | + See: <a href="https://f4pga.readthedocs.io/en/latest/how.html#eda-tooling-ecosystem#eda-tooling-ecosystem">EDA Tooling Ecosystem</a> and <a href="https://f4pga.readthedocs.io/en/latest/how.html#eda-tooling-ecosystem#project-structure">Project structure</a>. |
204 | 204 | </p> |
205 | | - <div class="diagrams__diagram" id="eda-ecosystem"> |
206 | | - <h3 class="diagram__header"> |
207 | | - EDA Tooling Ecosystem |
208 | | - </h3> |
209 | | - <div class="diagrams__content"> |
210 | | - <div class="diagrams__paragraph"> |
211 | | - <p> |
212 | | - For both ASIC- and FPGA-oriented EDA tooling, |
213 | | - there are three major areas: |
214 | | - </p> |
215 | | - <ul> |
216 | | - <li> hardware description </li> |
217 | | - <li> frontend </li> |
218 | | - <li> backend </li> |
219 | | - </ul> |
220 | | - </div> |
221 | | - <p class="diagrams__paragraph"> |
222 | | - While there are a number of open hardware description languages, such as |
223 | | - Verilog, VHDL, Chisel, Migen and Amaranth HDL, the frontend and backend |
224 | | - tooling has been lacking established standard, vendor-neutral solutions. |
225 | | - F4PGA focuses on filling this gap. |
226 | | - </p> |
227 | | - </div> |
228 | | - <div class="diagram__diagram"> |
229 | | - <img src="assets/img/EDA.svg" alt="" /> |
230 | | - </div> |
231 | | - </div> |
232 | | - <div class="diagrams__diagram" id="structure"> |
233 | | - <h3 class="diagram__header"> |
234 | | - F4PGA project structure |
235 | | - </h3> |
236 | | - <div class="diagrams__content"> |
237 | | - <p class="diagrams__paragraph"> |
238 | | - To become a complete FOSS FPGA toolchain, F4PGA needs a number of |
239 | | - tools and projects to be in place to provide an end-to-end flow. |
240 | | - Thus, F4PGA serves as an umbrella framework for several activities, |
241 | | - the central of which focuses on the creation of FPGA |
242 | | - F4PGA Architecture Definitions, i.e. documentation of how specific |
243 | | - FPGAs work internally. |
244 | | - </p> |
245 | | - <p class="diagrams__paragraph"> |
246 | | - Those definitions and serve as input to backend tools like nextpnr and |
247 | | - Verilog to Routing, and frontend tools like Yosys. They are created |
248 | | - within separate collaborating projects targeting different FPGAs - |
249 | | - <a href="https://github.com/F4PGA/prjxray">Project X-Ray</a> for Xilinx 7-Series, |
250 | | - <a href="https://github.com/F4PGA/icestorm">Project IceStorm</a> for Lattice iCE40 and |
251 | | - <a href="https://github.com/F4PGA/prjtrellis">Project Trellis</a> for Lattice ECP5 FPGAs. |
252 | | - </p> |
253 | | - </div> |
254 | | - <div class="diagram__diagram"> |
255 | | - <img src="assets/img/parts.svg" /> |
256 | | - </div> |
257 | | - </div> |
258 | | - <h3 class="diagram__header"> |
259 | | - Current status |
260 | | - </h3> |
261 | | - <div class="diagram__diagram"> |
262 | | - <div class="diagram__status"> |
263 | | - <div class="diagram__container"> |
264 | | - <table class="diagram__table"> |
265 | | - <thead> |
266 | | - <tr> |
267 | | - <td></td> |
268 | | - <td> |
269 | | - <a class="diagram__link" href="https://github.com/F4PGA/icestorm"> |
270 | | - Project Icestorm |
271 | | - </a> |
272 | | - </td> |
273 | | - <td> |
274 | | - <a class="diagram__link" href="https://github.com/F4PGA/prjtrellis"> |
275 | | - Project Trellis |
276 | | - </a> |
277 | | - </td> |
278 | | - <td> |
279 | | - <a class="diagram__link" href="https://github.com/F4PGA/prjxray"> |
280 | | - Project X-Ray |
281 | | - </a> |
282 | | - </td> |
283 | | - <td> |
284 | | - <a class="diagram__link" href="https://www.quicklogic.com/products/eos-s3/"> |
285 | | - QuickLogic Database |
286 | | - </a> |
287 | | - </td> |
288 | | - </tr> |
289 | | - </thead> |
290 | | - <tbody> |
291 | | - <tr> |
292 | | - <td> |
293 | | - Basic Tiles: |
294 | | - <ul> |
295 | | - <li>Logic</li> |
296 | | - <li>Block RAM</li> |
297 | | - </ul> |
298 | | - </td> |
299 | | - <!-- icestorm --> |
300 | | - <td> |
301 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
302 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
303 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
304 | | - </td> |
305 | | - <!-- trellis --> |
306 | | - <td> |
307 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
308 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
309 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
310 | | - </td> |
311 | | - <!-- x-ray --> |
312 | | - <td> |
313 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
314 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
315 | | - <img class="icon icon--small" src="assets/img/partial.svg" alt="" /> |
316 | | - </td> |
317 | | - <!-- quicklogic --> |
318 | | - <td> |
319 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
320 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
321 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
322 | | - </td> |
323 | | - </tr> |
324 | | - <tr> |
325 | | - <td> |
326 | | - Advanced Tiles: |
327 | | - <ul> |
328 | | - <li>DSP</li> |
329 | | - <li>Hard Blocks</li> |
330 | | - <li>Clock Tiles</li> |
331 | | - <li>IO Tiles</li> |
332 | | - </ul> |
333 | | - </td> |
334 | | - <!-- icestorm --> |
335 | | - <td> |
336 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
337 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
338 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
339 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
340 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
341 | | - </td> |
342 | | - <!-- trellis --> |
343 | | - <td> |
344 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
345 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
346 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
347 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
348 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
349 | | - </td> |
350 | | - <!-- x-ray --> |
351 | | - <td> |
352 | | - <img class="icon icon--large" src="assets/img/partial.svg" alt="" /> |
353 | | - <img class="icon icon--small" src="assets/img/cross.svg" alt="" /> |
354 | | - <img class="icon icon--small" src="assets/img/cross.svg" alt="" /> |
355 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
356 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
357 | | - </td> |
358 | | - <!-- quicklogic --> |
359 | | - <td> |
360 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
361 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
362 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
363 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
364 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
365 | | - </td> |
366 | | - </tr> |
367 | | - <tr> |
368 | | - <td> |
369 | | - Routing: |
370 | | - <ul> |
371 | | - <li>Logic</li> |
372 | | - <li>Clock</li> |
373 | | - </ul> |
374 | | - </td> |
375 | | - <td> |
376 | | - <!-- icestorm --> |
377 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
378 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
379 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
380 | | - </td> |
381 | | - <!-- trellis --> |
382 | | - <td> |
383 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
384 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
385 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
386 | | - </td> |
387 | | - <!-- x-ray --> |
388 | | - <td> |
389 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
390 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
391 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
392 | | - </td> |
393 | | - <!-- quicklogic --> |
394 | | - <td> |
395 | | - <img class="icon icon--large" src="assets/img/tick.svg" alt="" /> |
396 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
397 | | - <img class="icon icon--small" src="assets/img/tick.svg" alt="" /> |
398 | | - </td> |
399 | | - </tr> |
400 | | - </tbody> |
401 | | - </table> |
402 | | - </div> |
403 | | - </div> |
404 | | - </div> |
405 | | - </section> |
406 | | - |
407 | | - <section class="row subprojects" id="subprojects"> |
408 | | - <h2 class="row__header subprojects__header"> |
409 | | - <span class="underline"> Supported Architectures</span> |
410 | | - </h2> |
411 | | - <div class="subprojects__tiles"> |
412 | | - <div class="subproject__tile"> |
413 | | - <div class="subproject__details"> |
414 | | - <h4>Xilinx 7-Series </h4> |
415 | | - <p class="subproject__description"> |
416 | | - The most popular Xilinx <br /> FPGA family |
417 | | - </p> |
418 | | - <a class="subproject__more inline-link" target="_blank" |
419 | | - href="https://www.xilinx.com/video/fpga/7-series-fpga-overview.html">learn more</a> |
420 | | - </div> |
421 | | - </div> |
422 | | - |
423 | | - <div class="subproject__tile"> |
424 | | - <div class="subproject__details"> |
425 | | - <h4>Lattice ice40 </h4> |
426 | | - <p class="subproject__description"> |
427 | | - World's smallest FPGAs <br /> for mobile devices |
428 | | - </p> |
429 | | - <a class="subproject__more inline-link" target="_blank" |
430 | | - href="http://www.latticesemi.com/iCE40">learn more</a> |
431 | | - </div> |
432 | | - </div> |
433 | | - |
434 | | - <div class="subproject__tile"> |
435 | | - <div class="subproject__details"> |
436 | | - <h4>Lattice ecp5 </h4> |
437 | | - <p class="subproject__description"> |
438 | | - Low cost FPGAs with <br /> high performance features |
439 | | - </p> |
440 | | - <a class="subproject__more inline-link" target="_blank" |
441 | | - href="https://www.latticesemi.com/Products/FPGAandCPLD/ECP5">learn more</a> |
442 | | - </div> |
443 | | - </div> |
444 | | - </div> |
445 | | - |
446 | | - <div class="subprojects__tiles"> |
447 | | - |
448 | | - <div class="subproject__tile"> |
449 | | - <div class="subproject__details"> |
450 | | - <h4>QuickLogic EOS S3</h4> |
451 | | - <p class="subproject__description"> |
452 | | - FPGA + CPU <br /> sensor processing platform |
453 | | - </p> |
454 | | - <a class="subproject__more inline-link" target="_blank" |
455 | | - href="https://www.quicklogic.com/products/eos-s3/">learn more |
456 | | - </a> |
457 | | - </div> |
458 | | - </div> |
459 | | - |
460 | | - <div class="subproject__tile"> |
461 | | - <div class="subproject__details"> |
462 | | - <h4>QuickLogic QLF K4N8</h4> |
463 | | - <p class="subproject__description"> |
464 | | - A 24x24 eFPGA with <br /> 6144 flip-flops, 4608 LUT4s, <br /> adder and shift-register support |
465 | | - </p> |
466 | | - <a class="subproject__more inline-link" target="_blank" |
467 | | - href="https://www.quicklogic.com/products/efpga/efpga-ip-software/">learn more |
468 | | - </a> |
469 | | - </div> |
470 | | - </div> |
471 | | - |
472 | | - <div class="subproject__tile"> |
473 | | - <div class="subproject__details"> |
474 | | - <h4>Do you want to <br /> add more?</h4> |
475 | | - <p class="subproject__description">Help us!</p> |
476 | | - <a class="subproject__more inline-link" href="developers.html">learn more</a> |
477 | | - </div> |
478 | | - </div> |
479 | | - |
480 | | - </div> |
481 | 205 | </section> |
482 | 206 |
|
483 | 207 | <section class="row boards" id="boards"> |
|
0 commit comments