2021-02-02 22:02:09 +00:00
<!DOCTYPE html>
2021-02-10 22:03:48 +00:00
< html lang = "en" style = "" >
2021-02-02 22:02:09 +00:00
< head >
< meta charset = "utf-8" >
< meta language = "en" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< meta name = "color-scheme" content = "dark light" >
< style > : r o o t { - - f o r e g r o u n d : b l a c k ; - - b a c k g r o u n d : w h i t e ; - - p - s i z e : 1 . 2 5 r e m ; - - p - i n d e n t : 0 r e m ; - - p - l i n e - h e i g h t : 1 . 5 ; - - a - s i z e : v a r ( - - p - s i z e ) ; - - p r e - s i z e : 1 r e m ; - - p r e - l i n e - h e i g h t : 1 ; - - h 1 - s i z e : 3 r e m ; - - h 2 - s i z e : 2 . 2 5 r e m ; - - h 3 - s i z e : 1 . 5 r e m ; - - h e a d i n g - l i n e - h e i g h t : 1 . 2 5 ; - - u l - s i z e : v a r ( - - p - s i z e ) ; - - u l - l i n e - h e i g h t : 1 . 2 5 ; - - b l o c k q u o t e - s i z e : v a r ( - - p - s i z e ) ; - - b l o c k q u o t e - l i n e - h e i g h t : 1 . 2 5 ; - - m o n o : C o n s o l a s , m o n a c o , m o n o s p a c e ; - - s e r i f : g e o r g i a , t i m e s , s e r i f ; - - s a n s - s e r i f : - a p p l e - s y s t e m , B l i n k M a c S y s t e m F o n t , " a v e n i r n e x t " , a v e n i r , h e l v e t i c a , " h e l v e t i c a n e u e " , u b u n t u , r o b o t o , n o t o , " s e g o e u i " , a r i a l , s a n s - s e r i f } b o d y { m a x - w i d t h : 4 8 r e m ; p a d d i n g : . 5 r e m ; m a r g i n : 0 a u t o } a , a u d i o , b l o c k q u o t e , h 1 , h 2 , h 3 , i m g , p , p r e , u l , v i d e o { d i s p l a y : b l o c k ; m a x - w i d t h : 1 0 0 % ; m a r g i n : 0 ; p a d d i n g : 0 ; o v e r f l o w - w r a p : a n y w h e r e } h 1 , h 2 , h 3 { f o n t - f a m i l y : v a r ( - - s a n s - s e r i f ) ; l i n e - h e i g h t : v a r ( - - h e a d i n g - l i n e - h e i g h t ) } p { f o n t - s i z e : v a r ( - - p - s i z e ) ; f o n t - f a m i l y : v a r ( - - s e r i f ) ; t e x t - i n d e n t : v a r ( - - p - i n d e n t ) ; l i n e - h e i g h t : v a r ( - - p - l i n e - h e i g h t ) } a : : b e f o r e { f o n t - s i z e : v a r ( - - p - s i z e ) ; f o n t - f a m i l y : v a r ( - - m o n o ) ; c o n t e n t : " ⇒ " ; p a d d i n g - r i g h t : . 2 5 r e m ; v e r t i c a l - a l i g n : m i d d l e } a { f o n t - s i z e : v a r ( - - p - s i z e ) ; f o n t - f a m i l y : v a r ( - - s e r i f ) ; t e x t - d e c o r a t i o n : n o n e } p r e { f o n t - s i z e : v a r ( - - p r e - s i z e ) ; f o n t - f a m i l y : v a r ( - - m o n o ) ; l i n e - h e i g h t : v a r ( - - p r e - l i n e - h e i g h t ) ; p a d d i n g : 1 . 2 5 r e m ; o v e r f l o w - y : a u t o } h 1 { f o n t - s i z e : v a r ( - - h 1 - s i z e ) } h 2 { f o n t - s i z e : v a r ( - - h 2 - s i z e ) } h 3 { f o n t - s i z e : v a r ( - - h 3 - s i z e ) } u l { f o n t - s i z e : v a r ( - - p - s i z e ) ; f o n t - f a m i l y : v a r ( - - s e r i f ) ; l i n e - h e i g h t : v a r ( - - u l - l i n e - h e i g h t ) ; l i s t - s t y l e - t y p e : n o n e } l i : : b e f o r e { f o n t - s i z e : v a r ( - - p - s i z e ) ; f o n t - f a m i l y : v a r ( - - m o n o ) ; c o n t e n t : " * " ; v e r t i c a l - a l i g n : m i d d l e ; p a d d i n g - r i g h t : . 5 r e m } b l o c k q u o t e { f o n t - s i z e : v a r ( - - p - s i z e ) ; f o n t - f a m i l y : v a r ( - - s e r i f ) ; l i n e - h e i g h t : v a r ( - - b l o c k q u o t e - l i n e - h e i g h t ) ; p a d d i n g - l e f t : . 7 5 r e m } p r e + b l o c k q u o t e { p a d d i n g - t o p : . 5 r e m ; p a d d i n g - b o t t o m : . 5 r e m } a , b l o c k q u o t e , b o d y , h 1 , h 2 , h 3 , h t m l , p , p r e : : - m o z - s e l e c t i o n , p r e : : s e l e c t i o n , u l { c o l o r : v a r ( - - f o r e g r o u n d ) ; b a c k g r o u n d - c o l o r : v a r ( - - b a c k g r o u n d ) } b l o c k q u o t e { b o r d e r - l e f t : . 5 r e m s o l i d v a r ( - - f o r e g r o u n d ) } : : - m o z - s e l e c t i o n , : : s e l e c t i o n , a : h o v e r , p r e { c o l o r : v a r ( - - b a c k g r o u n d ) ; b a c k g r o u n d - c o l o r : v a r ( - - f o r e g r o u n d ) } @ m e d i a ( p r e f e r s - c o l o r - s c h e m e : d a r k ) { a , b l o c k q u o t e , b o d y , h 1 , h 2 , h 3 , h t m l , p , p r e : : - m o z - s e l e c t i o n , p r e : : s e l e c t i o n , u l { c o l o r : v a r ( - - b a c k g r o u n d ) ; b a c k g r o u n d - c o l o r : v a r ( - - f o r e g r o u n d ) } b l o c k q u o t e { b o r d e r - l e f t : . 5 r e m s o l i d v a r ( - - b a c k g r o u n d ) } : : - m o z - s e l e c t i o n , : : s e l e c t i o n , a : h o v e r , p r e { c o l o r : v a r ( - - f o r e g r o u n d ) ; b a c k g r o u n d - c o l o r : v a r ( - - b a c k g r o u n d ) } }
< / style >
< 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 >
