feat(website): Adds migen

content/gateware/migen.md

@@ -1,4 +1,95 @@
 +++
 title = "Migen"
 weight = 1
+template = "page.html"
+
+[extra]
+logo = "images/migen@2x.png"
+logo_size = 125
+title = "migen"
 +++
+
+{% centerp(safe=true) %}
+<h5 class="mb-5">Migen is a Python-based tool that automates further the VLSI design process.</h5>
+{% end %}
+
+
+{% layoutlr1() %}
+
+<div class="col-12 col-md-6">
+  <p>
+    Despite being faster than schematics entry, hardware design with Verilog and VHDL remains tedious and inefficient for several reasons. The event-driven model introduces issues and manual coding that are unnecessary for synchronous circuits, which represent the lion's share of today's logic designs. Counter-intuitive arithmetic rules result in steeper learning curves and provide a fertile ground for subtle bugs in designs. Finally, support for procedural generation of logic (metaprogramming) through "generate" statements is very limited and restricts the ways code can be made generic, reused and organized.
+  </p>
+</div>
+
+<div class="col-12 col-md-6">
+  <p>
+    To address those issues, we have developed the Migen FHDL library that replaces the event-driven paradigm with the notions of combinatorial and synchronous statements, has arithmetic rules that make integers always behave like mathematical integers, and most importantly allows the design's logic to be constructed by a Python program. This last point enables hardware designers to take advantage of the richness of the Python language - object oriented programming, function parameters, generators, operator overloading, libraries, etc. - to build well organized, reusable and elegant designs.
+  </p>
+</div>
+
+{% end %}
+
+
+{% layoutlr1() %}
+<div class="col-12 col-md-8 mx-auto">
+
+  <p class="mt-5">Other Migen libraries are built on FHDL and provide various tools such as a system-on-chip interconnect infrastructure, a dataflow programming system, a more traditional high-level synthesizer that compiles Python routines into state machines with datapaths, and a simulator that allows test benches to be written in Python.</p>
+
+</div>
+
+<div class="col-12 col-md-8 mx-auto my-5">
+
+  <div class="card shadow py-4 px-3">
+    <h5 class="mb-1">Migen is the foundation for MiSoC.</h5>
+    <p>You can find the Migen source <a href="http://github.com/m-labs/migen" target="_blank" rel="noopener noreferrer">here</a>, released under the permissive BSD license.</p>
+    <p class="mb-1"><strong>Documentation</strong> (note: sometimes out of date - please help!)</p>
+    <ul class="ml-0 mb-0 th">
+      <li class="pt-2 pb-2"><a href="https://m-labs.hk/migen/manual" target="_blank" rel="noopener noreferrer">User guide</a></li>
+      <li class="pt-2 pb-2"><a href="https://m-labs.hk/migen/tutorial.pdf" target="_blank" rel="noopener noreferrer">Tutorial: An introduction to Migen</a></li>
+      <li class="pt-2 pb-2"><a href="https://m-labs.hk/migen/slides.pdf" target="_blank" rel="noopener noreferrer">Lecture slides</a></li>
+      <li class="pt-2 pb-2"><a href="https://www.wdj-consulting.com/blog/migen-port.html" target="_blank" rel="noopener noreferrer">Tutorial "Porting a New Board To Migen"</a> by cr1901</li>
+      <li class="pt-2 pb-2"><a href="https://lab.whitequark.org/notes/2016-10-18/implementing-an-uart-in-verilog-and-migen/" target="_blank" rel="noopener noreferrer">"Implementing a UART in Verilog and Migen"</a> by whitequark</li>
+      <li class="pt-2 pb-2"><a href="https://lab.whitequark.org/notes/2016-10-19/implementing-a-simple-soc-in-migen/" target="_blank" rel="noopener noreferrer">"Implementing a simple SoC in Migen"</a> by whitequark</li>
+      <li class="pt-2 pb-2"><a href="http://blog.lambdaconcept.com/doku.php?id=migen:tutorial" target="_blank" rel="noopener noreferrer">Migen Step by Step Tutorial</a> by LambdaConcept</li>
+    </ul>
+  </div>
+
+</div>
+{% end %}
+
+
+{% layoutlr1() %}
+<div class="col-12 col-md-6">
+
+  <h5 class="mb-1">MiSoC</h5>
+
+  <p>Built on Migen, MiSoC provides a high performance, flexible and lightweight solution to build system-on-chips for various applications.</p>
+
+  <ul class="ml-0 th">
+    <li class="pt-2 pb-2">
+      CPU options:
+      <ul>
+        <li class="pt-2 pb-2">LatticeMico32, modified to include an optional MMU (experimental).</li>
+        <li class="pt-2 pb-2">mor1kx, a better OpenRISC implementation.</li>
+      </ul>
+    </li>
+    <li class="pt-2 pb-2">Memory controller supports SDR, DDR, LPDDR, DDR2 and DDR3.</li>
+    <li class="pt-2 pb-2">Provided peripherals: UART, GPIO, timer, GPIO, NOR flash controller, SPI flash controller, Ethernet MAC, and more.</li>
+    <li class="pt-2 pb-2">High performance: on Spartan-6, 83MHz system clock frequencies, 10+Gbps DDR SDRAM bandwidth, 1080p 32bpp framebuffer, etc.</li>
+    <li class="pt-2 pb-2">Low resource usage: basic implementation fits easily in Spartan-6 LX9.</li>
+    <li class="pt-2 pb-2">Portable and easy to customize thanks to Python- and Migen-based architecture.</li>
+    <li class="pt-2 pb-2">Design new peripherals using Migen and benefit from automatic CSR maps and logic, simplified DMAs, etc.</li>
+    <li class="pt-2 pb-2">Possibility to encapsulate legacy Verilog/VHDL code.</li>
+  </ul>
+
+  <p>The MiSoC source is <a href="http://github.com/m-labs/misoc" target="_blank" rel="noopener noreferrer">here</a>, mostly covered by the permissive BSD license.</p>
+
+</div>
+
+
+<div class="d-none d-md-block col-md-6">
+  <img src="/images/side-graphic-min.png">
+</div>
+
+{% end %}

sass/css/_base.scss

@@ -161,3 +161,22 @@ a {
     outline: none;
   }
 }
+
+ul.th {
+  list-style: none;
+}
+
+ul.th li::before {
+  content: "\2022";
+  color: $brand-color;
+  font-weight: bold;
+  display: inline-block;
+  width: 1em;
+  margin-left: -1em;
+}
+
+.bg-white-shadow {
+  background: url(../images/migen-links@2x.png);
+  background-repeat: no-repeat;
+  background-size: 730px 262px;
+}

sass/css/_layout.scss

@@ -3,7 +3,7 @@
   background: none;
 }
 .hero2, .hero3 {
-  height: 130px;
+  //height: 130px;
   background: none;
 }
 

templates/customs/about-us.html

@@ -7,7 +7,7 @@
 
     <div class="container">
 
-        <div class="row">
+        <div class="row mt-4 mb-4">
 
           <div class="col-12 text-center mt-n0 mt-lg-n5">
 

templates/customs/resources.html

@@ -7,7 +7,7 @@
 
     <div class="container">
 
-        <div class="row">
+        <div class="row mt-4 mb-4">
 
           <div class="col-12 text-center mt-n0 mt-lg-n5">
 

templates/page.html

@@ -15,10 +15,14 @@
 
     <div class="container">
 
-        <div class="row">
+        <div class="row mt-4 mb-4">
 
           <div class="col-12 text-center mt-n0 mt-lg-n5">
 
+            {% if page.extra and page.extra.logo %}
+            <img src="{{ get_url(path=page.extra.logo, cachebust=true) }}" alt="logo" {% if page.extra and page.extra.logo_size %}width="{{ page.extra.logo_size }}"{% endif %}>
+            {% endif %}
+
             {% if page.extra and page.extra.title %}
             <h1>{{ page.extra.title }}</h1>
             {% else %}