1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>m.math | A Pelican Blog</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i" />
<link rel="stylesheet" href="static/m-dark.css" />
<link rel="canonical" href="page.html" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<header><nav id="navigation">
<div class="m-container">
<div class="m-row">
<a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
</div>
</div>
</nav></header>
<main>
<article>
<div class="m-container m-container-inflatable">
<div class="m-row">
<div class="m-col-l-10 m-push-l-1">
<h1>m.math</h1>
<!-- content -->
<p>Inline colored math <code>a^2</code> and colored math block:</p>
<pre>a^2 + b^2 = c^2</pre>
<p>Colored parts of inline <code>b^2 - \color{m-info}{4ac}</code> and block formulas:</p>
<pre>\frac{-b \pm \color{m-success} \sqrt{D}}{2a}</pre>
<p>Properly align <em>huge</em> formulas vertically on a line:
<code>\hat q^{-1} = \frac{\hat q^*}{|\hat q|^2}</code>
and make sure there's enough space for all the complex <code>W</code> things between
the lines <code>W = \sum_{i=0}^{n} \frac{w_i}{h_i}</code> because
<code>Y = \sum_{i=0}^{n} B</code></p>
<p>The <code>\cfrac</code> thing doesn't align well: <code>W = \sum_{i=0}^{n} \cfrac{w_i}{h_i}</code></p>
<p>Properly escape the formula source:</p>
<pre>\begin{array}{rcl}
x & = & 1
\end{array}</pre>
<p class="m-text m-big">Formulas <code>a^2</code> in big text are big.</p>
<p class="m-text m-small">Formulas <code>a^2</code> in small text are small.</p>
<figure class="m-code-figure">
<pre>a^2 + b^2 = c^2</pre>
<figcaption>This is a title.</figcaption>
<p>This is a description.</p>
</figure>
<figure class="m-code-figure">
<pre>a^2 + b^2 = c^2</pre>
<p>The math below should not be styled as a part of the figure:</p>
<pre>a^2 + b^2 = c^2</pre>
</figure>
<!-- /content -->
</div>
</div>
</div>
</article>
</main>
</body>
</html>
|
