meta
A tour of MDX componentsWednesday, May 24, 2023 · 8min
A post solely dedicated to the components used in this blog.

Code

This is an example of inline code: const x = 1;

TypeScript

import { Component } from "react";
 
export default class MyComponent extends Component {
	render() {
		return <div>Hello World</div>;
	}
}

MyComponent.tsx

import { Component } from "react";
 
export default class MyComponent extends Component {
	render() {
		return <div>Hello World</div>;
	}
}

MyComponent.tsx

import { Component } from "react";
 
export default class MyComponent extends Component {
	render() {
		return <div>Hello World</div>;
	}
}

This is an example of inline math: $x^2 + y^2 = z^2$

\begin{aligned} x^2 + y^2 &= z^2 \\ x^2 + y^2 - z^2 &= 0 \\ (x + y - z)(x - y + z) &= 0 \\ (x + y - z) &= 0 \text{ or } (x - y + z) = 0 \\ x + y &= z \text{ or } x - y = -z \end{aligned}

Assignment	Date
Report of findings of research from listed foundational work	6/10/2023
Creation of proof-of-concept training dataset for images of text.	6/25/2023
Code with experiementation via pytorch and available source code of realistic text-in-image generation	7/20/2023

This is a block quote.

A caption

Assignment	Date
Report of findings of research from listed foundational work	6/10/2023
Creation of proof-of-concept training dataset for images of text.	6/25/2023
Code with experiementation via pytorch and available source code of realistic text-in-image generation	7/20/2023

A caption