clk: Add The clock tree slide

Add slide titled `The clock tree`, and the image it uses. This explains the concept of a clock tree, and how it is generated. The image may not be the best, but it does the job in showing that starting from a single crystal many different clock frequencies are generated and distributed to the different parts of the system. Signed-off-by: Patrick Barsanti <[email protected]>
giuliobenetti · Jul 25, 2024 · 97918a5 · 97918a5
1 parent 037b11c
commit 97918a5
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/drivers/clk/clk.md b/drivers/clk/clk.md
@@ -60,3 +60,28 @@ Also, from the oscillator's readings, we can note the imperfections
 in the signal, which is never a proper square wave.
 
 -->
+
+---
+layout: two-cols-header
+---
+
+# The clock tree
+
+::left::
+
+- The system takes a reference clock (e.g. from a crystal) as a
+  source and generates a clock tree to give all the components the correct
+  frequency clock.
+- This is done by gating, multiplying, dividing and muxing the original source.
+
+::right::
+
+<img src="/images/clk-tree.jpg"
+     style="border-radius:20px; height:370px; margin-left:50px" />
+
+<div style="font-size:10px; text-align:right">
+
+Image source:
+[Silicon Labs](https://silabs.com/)
+
+</div>
diff --git a/drivers/clk/public/images/clk-tree.jpg b/drivers/clk/public/images/clk-tree.jpg