Optimize and improve naming of all images in knowledge base

4 files changed, 5 insertions, 9 deletions

diff --git a/source/know/concept/quantum-gate/cnot.avif b/source/know/concept/quantum-gate/cnot.avif
new file mode 100644
index 0000000..75e36ae
--- /dev/null
+++ b/source/know/concept/quantum-gate/cnot.avif
diff --git a/source/know/concept/quantum-gate/cu.avif b/source/know/concept/quantum-gate/cu.avif
new file mode 100644
index 0000000..e58c66a
--- /dev/null
+++ b/source/know/concept/quantum-gate/cu.avif
diff --git a/source/know/concept/quantum-gate/index.md b/source/know/concept/quantum-gate/index.md
index 8c251be..e8ff579 100644
--- a/source/know/concept/quantum-gate/index.md
+++ b/source/know/concept/quantum-gate/index.md
@@ -14,6 +14,7 @@ the number of possible quantum gates is uncountably infinite,
 so we only consider the most important examples here.
 
 
+
 ## One-qubit gates
 
 As an example, consider the following must general single-qubit state $$\Ket{\psi}$$:
@@ -165,6 +166,7 @@ This is the definition of universality:
 any state can be approximated.
 
 
+
 ## Two-qubit gates
 
 As an example, let us consider
@@ -202,9 +204,7 @@ but not always in the basis of $$\Ket{0}_1$$, $$\Ket{1}_1$$, $$\Ket{0}_2$$ and $
 With that said, the first two-qubit gate is $$\mathrm{SWAP}$$,
 which simply swaps $$\Ket{\psi_1}$$ and $$\Ket{\psi_2}$$:
 
-<a href="swap.png">
-<img src="swap.png" style="width:22%">
-</a>
+{% include image.html file="swap.png" width="22%" alt="SWAP gate diagram" %}
 
 $$\begin{aligned}
     \boxed{
@@ -231,9 +231,7 @@ $$\begin{aligned}
 Next, there is the **controlled NOT gate** $$\mathrm{CNOT}$$,
 which "flips" (applies $$X$$ to) $$\Ket{\psi_2}$$ if $$\Ket{\psi_1}$$ is true:
 
-<a href="cnot.png">
-<img src="cnot.png" style="width:22%">
-</a>
+{% include image.html file="cnot.png" width="22%" alt="CNOT gate diagram" %}
 
 $$\begin{aligned}
     \boxed{
@@ -258,9 +256,7 @@ More generally, from every one-qubit gate $$U$$,
 we can define a two-qubit **controlled U gate** $$\mathrm{CU}$$,
 which applies $$U$$ to $$\Ket{\psi_2}$$ if $$\Ket{\psi_1}$$ is true:
 
-<a href="cu.png">
-<img src="cu.png" style="width:22%">
-</a>
+{% include image.html file="cu.png" width="22%" alt="CU gate diagram" %}
 
 $$\begin{aligned}
     \boxed{
diff --git a/source/know/concept/quantum-gate/swap.avif b/source/know/concept/quantum-gate/swap.avif
new file mode 100644
index 0000000..a70c43c
--- /dev/null
+++ b/source/know/concept/quantum-gate/swap.avif