# Gemtext Real-Time Renderer This is a real time renderer developed by shrew and myself. ## Why To have a quick and easy way to make text based webpages. I also wanted to practice processing text with regex. ## How to use Take a look at the source code for a real guide, but put plainly, you need to make a markdown tag. Inside this markdown tag, you can write gemini-styled text freely, inside the tag. Oh yeah, you'll need this: => https://geminiprotocol.net/docs/gemtext.gmi A quick introduction to "gemtext" markup (take a look at the source code to see how you do links, it's pretty simple.) Although the tag is called "markdown", it's not fully markdown compatible, we're sticking to just writing simpler gemtext pages for now. To make up for this, you can use HTML syntax to make up for what's missing. In the future we'll consider adding bold and italics into the parser. * You can also do lists, * by placing an astrix at the beginning of each line. * multiline functionality, nested functionalty ain't implamented, sorry. > A greater-than sign in the beginning of the line will let you do a tabbed quote. ```This is the alt text of the code block. On a new line, type ``` to start a code block. If you continue text on that line, it will be considered alt text. Parsing of all text stops inside the code block, so you can type stuff freely. type another ``` on another newline to close the block. ``` Lastly, you must include a "normal" tag at the bottom of the page, and a "script" tag after that. Here's what your page structure should be (replace the brackets with tags): ```Example Page [link defer rel="stylesheet" href="gemini.css" /] [markdown] # My goddam website Here yee here yee this be my posting place [/markdown][normal][/normal][script src="livemd.js"][/script] ``` Easy right? ## How it works You type into the "markdown" tag. Script processes it on page load and stores it into a "normal" tag. Not complex, not hard. # Image Bonus This was Shrew's idea, and my concession for not adding more robust markdown-style text formatting. If a link you have is a link to an image, the parser will transform it into an image tag. Very cool and awsome, we know. Have this fucking creature. => https://bigrat.monster/media/bigrat.jpg A great big rat => https://github.com/MarketingPipeline/Markdown-Tag Similar project but for markdown actually => https://yudo.cc Back Home