# [WIP] gmi.js
## A bridge between the DOM and Gemini
gmi.js is made up of lines! Use ctrl+shift+i to open a console and paste this in:
const line = Gemini.line("manipulate the dom\nbut like in a Gemini way\ntry it!")
> now try changing the type and content and observing the effects.
line.type = "UL"
line.content = "now\nit's\na\nlist"
A document provides a way to handle many lines together:
window.gmi = new Gemini(document.body)
window.gmi.lines.type = "P"
window.gmi.lines = [
> the gemtext source is available via .source
> or maybe a .gmi file would be easier?
All the gmi.css variables are also available as properties.
=> /css/ learn more about gmi.css
window.gmi.foreground = "white"
window.gmi.background = "black"
=> /gmi.js view/download (minified version available via .min.js) CC0