Update utilities and documentation

src/routes/getting-started/utils.md

@@ -2,25 +2,82 @@
 title: Built-in utilities
 ---
 
-TODO
+## Markdown
 
-## ... ago
+Use the markdown utilities to parse markdown text into HTML. Both markdown parsers have HTML sanitization built-in.
 
-## Simplify number
+### Body parser
 
-## Markdown & XSS
+The `markdown` parser is designed for bodies of markdown text and supports images, tables, lists, and youtube `<iframe>`s.
 
-### Parsers
+> Use the `.markdown` class on the element containing your parsed markdown.
 
--   sanitize
--   markdown
--   markdownInline
--   markdownXSS
+```svelte example
+<script lang="ts">
+  import { markdown } from "omorphia"
 
-### Markdown
+  const source = '## Example markdown \n\
+  This is **some** *text*! \n\
+  #### An image \n\
+  <img src="https://cdn.modrinth.com/data/YL57xq9U/images/d382106b9a2b943d06107c31c139c77849f1a0e8.png" />'
+</script>
 
-Put parsed HTML into a `<div>` with `class="markdown"`.
+<div class="card markdown">
+  {@html markdown(source)}
+</div>
+```
+
+### Inline parser
+
+The `markdownInline` parser is perfect for translations and short bios. It doesn't allow complex elements such as images or tables.
+
+```svelte example raised
+<script lang="ts">
+  import { markdownInline } from "omorphia"
+
+  const source = "This is some **bolded** and *italicized* text."
+</script>
+
+<p>{@html markdownInline(source)}</p>
+```
+
+## Human readable "ago" times
+
+```svelte example raised
+<script lang="ts">
+  import { ago } from 'omorphia';
+</script>
+
+<p>Something happened {ago(Date.now())}.</p>
+<p>Something happened {ago(new Date(Date.now() - 1000 * 60 * 60 * 2))}.</p>
+<p>Something happened {ago(new Date(Date.now() - 1000 * 60 * 60 * 24 * 7))}.</p>
+<p>Something happened {ago(new Date(Date.now() - 1000 * 60 * 60 * 24 * 7 * 5))}.</p>
+```
 
 ## Permissions
 
+The `Permissions` class provides an easy way to manage user permissions.
+
+```ts
+import { Permissions } from 'omorphia';
+
+const adminLevel = new Permissions('ALL');
+const memberLevel = new Permissions(member.permissions); /* `member` from API */
+const userLevel = new Permissions(0);
+
+if (memberLevel.data.uploadVersions) {
+    console.log('Can upload versions!');
+}
+```
+
 ## Versions
+
+The `formatVersions` function provides an easy way to parse a project's versions into a readable string.
+
+```svelte example raised
+<script lang="ts">
+  import { formatVersions } from 'omorphia';
+</script>
+
+<p>{formatVersions(["1.18", "1.18.1", "1.18.2", "1.17.1"])}</p>
+```