Commit 6989627

@@ -20,7 +20,12 @@
 
 = Equations <eq>
 
-Some equations here: $E = m c^2$.
+Some equations here: $E = m c^2$.#footnote[
+  Tybios use #link("https://codeberg.org/akida/mathyml", [akida/mathyml]) to convert Typst equations to MathML,
+  and use remote math fonts from #link("https://github.com/fred-wang/MathFonts", [fred-wang/MathFonts])'s GitHub page.
+  So, an internet connection is required to display equations properly.
+  You can also self-host the math fonts and change the URL in tybios's source code if you want to use them offline.
+]
 
 $
   integral_(0)^(+infinity) (ln x) / (x^2 - 1) dif x = 1/2integral_(x > 0) integral_(y>0) (dif x dif y) / ((1+y)(1+x^2 y)) = pi^2 / 4.
@@ -30,18 +35,20 @@ Above equation employs some tricks from complex analysis.
 
 = Plain Text & Margin Notes
 
-Some#footnote[A footnote here.] random#footnote[Another footnote here.] text#footnote[Yet another long footnote here. #lorem(20)]:
+Some random text:
 
 #lorem(20)
 
-#lorem(30)
-
 #lorem(15)
 
-You can use ```typ #tybios.marginnote[]```#tybios.marginnote[It's same to foot note, but no refer link.]
+You can use ```typ #footnote[]``` to create footnotes. #footnote[Footnotes will be displayed as margin notes in HTML output.]
+
+You can also use ```typ #tybios.marginnote[]```#tybios.marginnote[It's same to foot note, but no refer link.]
 to create margin notes.#tybios.marginnote[
   Due to the way Typst generates HTML, you cannot create separate paragraphs in a footnote;
-  otherwise, it will lead to HTML structure errors. ```typ #tybios.marginnote[]``` is designed to address
+  otherwise, it will lead to HTML structure errors.
+]
+#tybios.marginnote[```typ #tybios.marginnote[]``` is designed to address
   this issue—you can use `marginnote` multiple times in succession to simulate the effect of separate paragraphs.
 ]
 
@@ -70,7 +77,12 @@ fn main() {
 
 And some inline code: `print("Hello, World!")`.
 
-Maybe you want Typst's special inline code with syntax highlighting: ```rust println!("Hello, World!"); ```
+Maybe you want Typst's special inline code with syntax highlighting: ```rust println!("Hello, World!"); ```,
+just wrap the code with three backticks and specify the language.
+
+````typ
+```js console.log("Hello, Typst!");```
+````
 
 = Frame