# Markdown Test Page

Is the breadcrumb working above ^^^ ?

The author should be listed above^^^.

There should be a TOC either above (narrow screens) or in the right sidebar (wide screen).

Bold, italics.

# Page Title

## Equations

Some display math with a reference:

$f(x) = \frac{2}{3}$

Some inline math. $f(x) = \frac{2}{3}$. More normal text.

An equation with , which should be automatically numbered:

$$$\int_0^\infty \frac{x^3}{e^x-1}\,dx = \frac{\pi^4}{15}$$$

To align equations we can use:

\begin{align*} A &= B\\ &= C\\ &= D \end{align*}

These should be \small and \tiny equations:

\begin{align*} \small y=x \\ \tiny y=x \end{align*}

Should have some descriptive text:

\begin{align*} y &= x && \text{Because y=x, duh.} \\ &= z && \text{Replacing x with z.} \end{align*}

First equation should not be numbered, second one should not:

\begin{align} y &= x \nonumber \\ &= z \\ \end{align}

None of the equations should be numbered (but still should be aligned):

\begin{align*} y &= x \\ &= z \end{align*}

Custom Latex macros:

• This should be bold: $\b{x}$
• This should be bold and have a hat: $\bhat{x}$

Really long equation to make sure it doesn’t exceed 100% of the page width:

\begin{align*} y &= lorum ipsum dolor sit amet, lorum ipsum dolor sit amet, lorum ipsum dolor sit amet, lorum ipsum dolor sit amet, lorum ipsum dolor sit amet, lorum ipsum dolor sit amet, lorum ipsum dolor sit amet, \end{align*}

Paragraph below long equation.

A divider below:

## Tables

A markdown table:

abcdef
ghijkl
 abcdefghi jklmnopqr

## Images

An image which is stored with this test page in the src/ directory is shown below:

Link to an image which is in the public directory is below:

A wide image to make sure it doesn’t exceed the page width:

A static import image:

## Asides

:::note This Has a Custom Title! This is a note. It should also have a custom title. :::

This is a warning.

Below should be a worked example. It should be an aside with info inside it. There should be numbered steps, and there should be equations in some of the steps.

Design Procedure:

1. Decide on the program current, $I_P$. This will also be the current through the load. We’ll use this value later! For this example we’ll choose $1mA$.

2. Find the voltage across $R_1$, nothing that $Q_1$ has a diode voltage drop of $0.7V$ from emitter to base (with the emitter tied to $V_{CC}$), at that the base and collector of $Q_1$ are tied together and hence at the same voltage:

\begin{align*} V_{R1} &= 12V - 0.7V \nonumber \\ &= 11.3V \end{align*}
3. Set the resistance of $R_1$ using Ohm’s Law:

\begin{align*} R_1 &= \frac{V_{R1}}{I_P} \nonumber \\ &= \frac{11.3V}{1mA} \nonumber \\ &= 11.3k\Omega \end{align*}
4. All done!

## Code

Some inline code. x[2] = 3. More text.

Some block code that shouldn’t have scroll bars, but should have a title and line numbers:

Some block code that should have an x-axis scroll bar:

## Footnotes

This is a footnote1.

This is another footnote3.

## Lists

• Here

• is a list

• of a few elements.

## Other

References, authors, related content and tags sections should be below (in that order).

• Application note2.
• Video reference4.

## Footnotes

1. The footnote text. 2

2. Texas Instruments (2020, Dec). Current Mode Control in Switching Power Supplies [Application Note]. Retrieved 2023-06-18, from https://www.ti.com/lit/an/sboa187e/sboa187e.pdf. 2

3. Another footnote

4. University of Colorado Bolder (2020, Aug 7). Introduction to Peak Current Mode Control [Video]. YouTube. Retrieved 2023-06-18, from https://www.youtube.com/watch?v=3tTSMDEyVKc.