2021-02-02 22:02:09 +00:00
<!DOCTYPE html>
2021-02-11 20:57:08 +00:00
< html lang = "en" style = "undefined" >
2021-02-02 22:02:09 +00:00
< head >
2021-02-11 20:57:08 +00:00
< meta name = "color-scheme" content = "dark light" >
< style > : root { --body-width : 48 rem ; --foreground : black ; --background : white ; --p-size : 1.25 rem ; --p-indent : 0 rem ; --p-line-height : 1.5 ; --a-size : var ( - - p - size ) ; --pre-size : 1 rem ; --pre-line-height : 1 ; --h1-size : 3 rem ; --h2-size : 2.25 rem ; --h3-size : 1.5 rem ; --heading-line-height : 1.25 ; --ul-size : var ( - - p - size ) ; --ul-line-height : 1.25 ; --blockquote-size : var ( - - p - size ) ; --blockquote-line-height : 1.25 ; --mono : Consolas , monaco , monospace ; --serif : georgia , times , serif ; --sans-serif : - apple-system , BlinkMacSystemFont , "avenir next" , avenir , helvetica , "helvetica neue" , ubuntu , roboto , noto , "segoe ui" , arial , sans-serif } body { max-width : var ( - - body - width ) ; padding : .5 rem ; margin : 0 auto } a , audio , blockquote , h1 , h2 , h3 , img , p , pre , ul , video { display : block ; max-width : 100 % ; margin : 0 ; padding : 0 ; overflow-wrap : anywhere } h1 , h2 , h3 { font-family : var ( - - sans-serif ) ; line-height : var ( - - heading - line - height ) } p { font-size : var ( - - p - size ) ; font-family : var ( - - serif ) ; text-indent : var ( - - p - indent ) ; line-height : var ( - - p - line - height ) } a :: before { font-size : var ( - - p - size ) ; font-family : var ( - - mono ) ; content : "⇒" ; padding-right : 0.25 rem ; vertical-align : middle } a { font-size : var ( - - p - size ) ; font-family : var ( - - serif ) ; text-decoration : none } pre { font-size : var ( - - pre - size ) ; font-family : var ( - - mono ) ; line-height : var ( - - pre-line - height ) ; padding : 1.25 rem ; overflow-y : auto } h1 { font-size : var ( - - h1 - size ) } h2 { font-size : var ( - - h2 - size ) } h3 { font-size : var ( - - h3 - size ) } ul { font-size : var ( - - p - size ) ; font-family : var ( - - serif ) ; line-height : var ( - - ul - line - height ) ; list-style-type : none } li :: before { font-size : var ( - - p - size ) ; font-family : var ( - - mono ) ; content : "*" ; vertical-align : middle ; padding-right : 0.5 rem } blockquote { font-size : var ( - - p - size ) ; font-family : var ( - - serif ) ; line-height : var ( - - blockquote - line - height ) ; padding-left : 0.75 rem } pre + blockquote { padding-top : 0.5 rem ; padding-bottom : 0.5 rem } a , blockquote , body , h1 , h2 , h3 , html , p , pre :: -moz-selection , pre :: selection , ul { color : var ( - - foreground ) ; background-color : var ( - - background ) } blockquote { border-left : .5 rem solid var ( - - foreground ) } :: -moz-selection , :: selection , a : hover , pre { color : var ( - - background ) ; background-color : var ( - - foreground ) } @ media ( prefers-color-scheme : dark ) { a , blockquote , body , h1 , h2 , h3 , html , p , pre :: -moz-selection , pre :: selection , ul { color : var ( - - background ) ; background-color : var ( - - foreground ) } blockquote { border-left : .5 rem solid var ( - - background ) } :: -moz-selection , :: selection , a : hover , pre { color : var ( - - foreground ) ; background-color : var ( - - background ) } } < / style >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
2021-02-02 22:02:09 +00:00
< meta charset = "utf-8" >
< meta language = "en" >
< title > heading 1< / title >
< / head >
< body >
< h1 > heading 1< / h1 >
< h2 > heading 2< / h2 >
< h3 > heading 3< / h3 >
< p > checkout this empty line:< / p >
< p > < br > < / p >
< ul >
< li > and< / li >
< li > this< / li >
< li > list< / li >
< / ul >
< p > < br > < / p >
< blockquote > here' s what a blockquote is like< / blockquote >
< p > < br > < / p >
2021-02-02 22:34:26 +00:00
< pre title = "pre tags can have title text" >
2021-02-02 22:02:09 +00:00
preformatted text
means that it already has formatting
which means it should show
as is
< / pre >
< p > < br > < / p >
< p > < b> watch out!< /b> a gemtext line could have html in it that you' ll need to escape!< / p >
< p > < br > < / p >
2021-02-02 22:26:11 +00:00
< a href = "https://codeberg.org/talon/gmi-web" > https://codeberg.org/talon/gmi-web< / a >
< a href = "https://codeberg.org/talon/gmi-web" > links can have text too< / a >
2021-02-02 22:02:09 +00:00
< img src = "https://www.learningcontainer.com/wp-content/uploads/2020/07/Large-Sample-Image-download-for-Testing.jpg" title = "JPG image that can render inline!" / >
< audio controls src = "https://www.learningcontainer.com/wp-content/uploads/2020/02/Kalimba.mp3" title = "MP3 audio that can render inline!" > < / audio >
< video controls src = "https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" title = "MP4 Video that can render inline!" / > < / video >
2021-02-02 22:34:26 +00:00
< p > < br > < / p >
< h3 > w/ no " titles" < / h3 >
< img src = "https://www.learningcontainer.com/wp-content/uploads/2020/07/Large-Sample-Image-download-for-Testing.jpg" / >
< audio controls src = "https://www.learningcontainer.com/wp-content/uploads/2020/02/Kalimba.mp3" > < / audio >
< video controls src = "https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" / > < / video >
2021-02-02 22:02:09 +00:00
< / body >
< / html >